HTML/CSS Projects
Here is a selection of some of my earliest digital projects I coded and designed from scratch while getting my master’s degree at Columbia University. Full versions of the entire design for each project are available by clicking on the images below.
This is a fully responsive, interactive design project I hand-coded using JavaScript and jQuery. Users can select from a radio button list in a sports news quiz about the latest headlines. When a user answers a question, they get a response generated using JavaScript. I created the entire design and written content.
I coded this responsive landing page as part of a large-scale digital fundraising program for smaller donor events. I used a box layout so each element will stack within a container on mobile devices. I edited all photos with a common thread of Joyful Heart colors.
I coded a page in the Classy platform for digital fundraising. This was part of a new program for digital fundraising, which I fully designed and coded. I incorporated the organization’s three main colors as a way to use the colors to tell the Joyful Heart story. This page is one of more than 20 pages I designed and coded for this project, which I also served as its manager.
I coded a streetscape of hot spots in Washington, D.C. using the 360 grid model. The page is designed to model the Washingtonian website, embedding Google maps and user functions like a search bar and drop-down menu.