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
oscar
folder, createindex.html
andstyles.css
files. 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
images
directory 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: Arial
orfont-family: Times New Roman
or 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