panpsychism/unit_01/w02d02/homework/CSS_Mockups

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.