diff --git a/unit_01/w02d02/homework/CSS_Mockups/README.md b/unit_01/w02d02/homework/CSS_Mockups/README.md new file mode 100644 index 0000000..4108698 --- /dev/null +++ b/unit_01/w02d02/homework/CSS_Mockups/README.md @@ -0,0 +1,55 @@ +![ga](http://mobbook.generalassemb.ly/ga_cog.png) + +# 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 + +![mockup picture with cat](http://www.oddities123.com/wp-content/uploads/2013/06/funny-twins-8.jpg) + +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.
diff --git a/unit_01/w02d02/homework/CSS_Mockups/supply/img/cat-lifestyle.jpg b/unit_01/w02d02/homework/CSS_Mockups/supply/img/cat-lifestyle.jpg new file mode 100644 index 0000000..d7a4e5f Binary files /dev/null and b/unit_01/w02d02/homework/CSS_Mockups/supply/img/cat-lifestyle.jpg differ diff --git a/unit_01/w02d02/homework/CSS_Mockups/supply/img/cat-mens.jpg b/unit_01/w02d02/homework/CSS_Mockups/supply/img/cat-mens.jpg new file mode 100644 index 0000000..6d7f24e Binary files /dev/null and b/unit_01/w02d02/homework/CSS_Mockups/supply/img/cat-mens.jpg differ diff --git a/unit_01/w02d02/homework/CSS_Mockups/supply/img/cat-women.jpg b/unit_01/w02d02/homework/CSS_Mockups/supply/img/cat-women.jpg new file mode 100644 index 0000000..916ec62 Binary files /dev/null and b/unit_01/w02d02/homework/CSS_Mockups/supply/img/cat-women.jpg differ diff --git a/unit_01/w02d02/homework/CSS_Mockups/supply/img/home-about.jpg b/unit_01/w02d02/homework/CSS_Mockups/supply/img/home-about.jpg new file mode 100644 index 0000000..5ce7f97 Binary files /dev/null and b/unit_01/w02d02/homework/CSS_Mockups/supply/img/home-about.jpg differ diff --git a/unit_01/w02d02/homework/CSS_Mockups/supply/img/home-blog.jpg b/unit_01/w02d02/homework/CSS_Mockups/supply/img/home-blog.jpg new file mode 100644 index 0000000..17a2088 Binary files /dev/null and b/unit_01/w02d02/homework/CSS_Mockups/supply/img/home-blog.jpg differ diff --git a/unit_01/w02d02/homework/CSS_Mockups/supply/img/logo.png b/unit_01/w02d02/homework/CSS_Mockups/supply/img/logo.png new file mode 100644 index 0000000..ab2d6e2 Binary files /dev/null and b/unit_01/w02d02/homework/CSS_Mockups/supply/img/logo.png differ diff --git a/unit_01/w02d02/homework/CSS_Mockups/supply/img/main_boots.jpg b/unit_01/w02d02/homework/CSS_Mockups/supply/img/main_boots.jpg new file mode 100644 index 0000000..82ab1d3 Binary files /dev/null and b/unit_01/w02d02/homework/CSS_Mockups/supply/img/main_boots.jpg differ diff --git a/unit_01/w02d02/homework/CSS_Mockups/supply/mockup.png b/unit_01/w02d02/homework/CSS_Mockups/supply/mockup.png new file mode 100644 index 0000000..63aaf2e Binary files /dev/null and b/unit_01/w02d02/homework/CSS_Mockups/supply/mockup.png differ diff --git a/unit_01/w02d02/homework/CSS_Mockups/vssl/img/facetwit.png b/unit_01/w02d02/homework/CSS_Mockups/vssl/img/facetwit.png new file mode 100644 index 0000000..535362b Binary files /dev/null and b/unit_01/w02d02/homework/CSS_Mockups/vssl/img/facetwit.png differ diff --git a/unit_01/w02d02/homework/CSS_Mockups/vssl/img/left.jpg b/unit_01/w02d02/homework/CSS_Mockups/vssl/img/left.jpg new file mode 100644 index 0000000..5229929 Binary files /dev/null and b/unit_01/w02d02/homework/CSS_Mockups/vssl/img/left.jpg differ diff --git a/unit_01/w02d02/homework/CSS_Mockups/vssl/img/middle.jpg b/unit_01/w02d02/homework/CSS_Mockups/vssl/img/middle.jpg new file mode 100644 index 0000000..466b9be Binary files /dev/null and b/unit_01/w02d02/homework/CSS_Mockups/vssl/img/middle.jpg differ diff --git a/unit_01/w02d02/homework/CSS_Mockups/vssl/img/right.jpg b/unit_01/w02d02/homework/CSS_Mockups/vssl/img/right.jpg new file mode 100644 index 0000000..056bcd9 Binary files /dev/null and b/unit_01/w02d02/homework/CSS_Mockups/vssl/img/right.jpg differ diff --git a/unit_01/w02d02/homework/CSS_Mockups/vssl/img/sailboat.jpg b/unit_01/w02d02/homework/CSS_Mockups/vssl/img/sailboat.jpg new file mode 100644 index 0000000..214d49b Binary files /dev/null and b/unit_01/w02d02/homework/CSS_Mockups/vssl/img/sailboat.jpg differ diff --git a/unit_01/w02d02/homework/CSS_Mockups/vssl/mockup.png b/unit_01/w02d02/homework/CSS_Mockups/vssl/mockup.png new file mode 100644 index 0000000..41137af Binary files /dev/null and b/unit_01/w02d02/homework/CSS_Mockups/vssl/mockup.png differ