diff --git a/css/styles.css b/css/styles.css index 8b13789..3b3f9f8 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1 +1,53 @@ +body{ + text-align: center; + margin: 0%; + padding: 0%; +} + +.cookie { + border-radius: 50%; + } + +.innerbox{ + + background-color:black; + opacity:0.7; + height:30%; + width:35%; + min-height:205px; + min-width: 150px; + top:15%; + margin-left:35%; + margin-right:35%; + position:absolute; + border-radius: 5px; + padding-top:5% ; + +} + +.header-content{ + + margin-bottom:70px; +} + +.banner{ + background-size: cover; + background-size: 100% 100%; + height: 630px; + width: 100%; +} + +.about{ + margin-top: 30px; + background-color: rgb(187, 187, 187); + font-family: sans-serif; + text-align: center; + padding: 130px; +} + +.contact{ + background-color: rgb(47, 158, 255); + color:white; + padding: 20px; +} diff --git a/index.html b/index.html index e2bedec..c14a8bc 100644 --- a/index.html +++ b/index.html @@ -2,46 +2,74 @@ 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

+ +
+
+

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!

- - -

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

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