From 817ce74fdd7f9b599025b3c158a1e3120fbb0851 Mon Sep 17 00:00:00 2001 From: Risa Toyoshima Date: Fri, 8 Sep 2017 17:26:41 -0400 Subject: [PATCH] first commit --- css/styles.css | 33 +++++++++++++++ index.html | 109 ++++++++++++++++++++++++++++++++++++------------- 2 files changed, 114 insertions(+), 28 deletions(-) diff --git a/css/styles.css b/css/styles.css index 8b13789..86fa304 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1 +1,34 @@ +#header { + background: url(../img/milkbg.jpg) no-repeat center #00f; + height: 400px; + background-size: cover; + position: relative; + padding: 50px; +} +.row { + padding-bottom: 30px; +} + +.jumbotron { + position: absolute; + top: 50%; + left: 50%; + transform: translateY(-50%) translateX(-50%); + color: #eee; + background-color: rgba(0,0,0,.6); + width: 50%; +} + +#about-us { + background-color: lightgrey; +} + +p { + font-size: 140%; +} + +#contact-us { + background-color: #26A0CF; + color: white; +} \ No newline at end of file diff --git a/index.html b/index.html index e2bedec..32dfc06 100644 --- a/index.html +++ b/index.html @@ -2,45 +2,98 @@ Cookie Store + + + + + + + + + + + +
+
+
+

Cookie Store

-

Cookie Store

- -

Buy our awesome cookies. All proceeds go to charity!

+

Buy our awesome cookies. All proceeds go to charity!

+
+
-

The Cookies

+
+
+

The Cookies

+
+
+
+

Thin Mint Cookies New

+

Tasty mint chocolate cookies

+
+
+ +
+
-

Thin Mint Cookies

-

Tasty mint chocolate cookies

- +
+
+

Peanut Butter Cookies

+

Yummy peanut buttery goodness!

+
+
+ +
+
-

Peanut Butter Cookies

-

Yummy peanut buttery goodness!

- +
+
+

Short Bread Cookies

+

Santa's favorite classic.

+
+
+ +
+
-

Short Bread Cookies

-

Santa's favorite classic.

- +
+
+

Smore's Cookies

+

Camp fire favorite!

+
+
+ +
+
+
-

Smore's Cookies

-

Camp fire favorite!

- +
+

About us

+
+ +
+
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non + proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+
+
-

About us

-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod -tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, -quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo -consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse -cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non -proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+

Contact us

+

+ 100 Broadway Avenue,
+ New York, NY 10001
+ (212) 555-1234 +

+
-

Contact us

-
- 100 Broadway Avenue,
- New York, NY 10001
- (212) 555-1234