One of my favorite assignments from my Web Development Course. I enjoyed adding my own styles and playing around with the Google Map API.
Preview of site:
You must finish this work independently. No line-‐by-‐line copy is allowed. Feel free to be inspired from Internet websites but make sure you understand what you are doing since a commercial website usually have much more features that we haven’t learned. Do not copy codes.
This assignment tests your understanding of HTML5, CSS box model and page layout, navigation bar, font choice, etc. You will be making a new-‐realistic coffee shop front page for a fictional DC coffee shop called “Sun Flower Cafe” that sells organic fair trade coffee.
You will be given a folder that contains a skeleton starter.html file and a bunch of useful images/icons. Your goal is to create a page that looks like the attached screen shot. In the starter.html script, most of the contents are there but there is little information about sections and layout. You should add iv/span and create id and classes so that your style.css file can refer to them.
You will create the page below. Your page must match the appearance. We do not expect you to produce a pixel-‐perfect page that exactly matches this image. But your page should follow the styles specified in this document and match the look, layout, and behavior shown here as closely as possible. I will try to give you as much as color and font information. But feel free to use slightly different colo assignment is in the PDF file.