# WDI-PANTHALASSA
---
Title: CSS Mockup Homework w02d02
Type: Homework
Duration: "2:00"
Creator:
Original creators: WDI-Archer, WDI-Funke
Adapted by: Kristyn Bryan
Course: WDIr Panthalassa
Competencies: CSS, HTML
Prerequisites: CSS, HTML
---
# Homework - Master Your Mockup
For tonight's homework you have the option of doing one of two website mockups. We have provided the image files needed to create a mockup for each website, but you will need to create the `index.hml` file and the `style.css`.
Decide whether you want to re-create `VSSL` or `Supply`.
Do the following commits:
**Commit 1**
Once you have setup the basic structure in your HTML file, save it, add it, and commit it. The commit message should read:
"Set up basic HTML file"
**Commit 2**
Once you have created and saved your CSS file, add it and commit it. The commit message should read:
"Created a CSS file"
**Commit 3**
Once you have linked your CSS file to your HTML file (make sure to test it - change the background color of the page to ensure that it's properly linked), add it and commit it. Need a reminder on how to do this? Check out this link on how to [link an external style sheet] (http://www.w3schools.com/css/css_howto.asp).
The commit message should read:
"The CSS file is successfully linked to the HTML file"
**Commit 4**
Once you have the pictures displaying on your page (they don't have to be in the right place on the page, they just need to be on your page), take a screenshot, title it `mockup_with_pictures_pre_styling`. Save this to your homework folder. The commit message should read:
"The images were loaded to the HTML, but not styled yet"
**Commit 5**
Once you have successfully created the mockup (or once you're too tired to continue and need to go to bed), take a screenshot of your work and title it `mockup_with_styling`. Save this to your homework folder. Come up with your own appropriate commit message.