From 74459e1f71292e428ffc2017f206a60c0bf80164 Mon Sep 17 00:00:00 2001 From: Murdrum Date: Sun, 3 Sep 2017 22:33:51 -0500 Subject: [PATCH] Project 1 90% Complete Need to center the transparent div box. And fix color. --- css/styles.css | 30 ++++++++++++++ index.html | 103 +++++++++++++++++++++++++++++++++++++------------ 2 files changed, 108 insertions(+), 25 deletions(-) diff --git a/css/styles.css b/css/styles.css index 8b13789..96159fc 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1 +1,31 @@ +body { + overflow-x:hidden +} +#contact-us { + background:lightblue; +} + +.row{ + padding-bottom: -30px; +} + +.cookies{ + position:relative; +} +#about-us { + background: gray; +} + +.background{ + margin: -20px; + background: url("../img/milkbg.jpg") no-repeat center center; + background-size: cover; + background-repeat: no-repeat; + text-align: center; + height: 575px; +} + +h3, p { + font-family: 'Montserrat', sans-serif; +} diff --git a/index.html b/index.html index e2bedec..11c63b1 100644 --- a/index.html +++ b/index.html @@ -1,46 +1,99 @@ + + + + + + + + + + + + + Cookie Store + + +
+
+
+
+

Cookie Store

+

Buy our awesome cookies. All proceeds go to charity!

+
+
+
-

Cookie Store

- -

Buy our awesome cookies. All proceeds go to charity!

+
+
+

The Cookies

+
-

The Cookies

+
+

Thin Mint Cookies

+

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 +
+
+ +
+
+

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 +proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+
+
+
+

Contact us

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