Your job will be to use Oscar's old website as a mockup and try to recreate it using HTML and CSS
- HTML & CSS
- Positioning
- HTML & CSS
-
First, watch these CSS videos:
-
Once you're done watching those, inside this
oscarfolder, createindex.htmlandstyles.cssfiles. Work in those files to mockup the following:
index.html and styles.css files that try to recreate the Oscar mockup as best as you can. A few notes:
- The images are in the
imagesdirectory inside this oscar folder, except for the header. For that, just use a solid color background or use whatever image you like. - Don't worry about icons like facebook, twitter, youtube, instagram. As a stretch, use the inspector to see what they did and try to copy it.
- Don't worry about matching the fonts the site uses. Just use
font-family: Arialorfont-family: Times New Romanor whatever you like. - Don't worry about rounded corners of buttons. If you can figure it out, great!
- It's fine to guess at the colors
- The main thing we want you to focus on is the positioning/layout!
Copyright 2018, General Assembly Space. Licensed under CC-BY-NC-SA, 4.0