diff --git a/css/styles.css b/css/styles.css index 8b13789..6314801 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1 +1,77 @@ +.nav { + color: #ffffff; + /*background-color: #39393a; + opacity: 0.9;*/ + background-color: rgba(0, 0, 0, 0.8); +} + +.nav span { + color: #ffffff; + display: inline; +} + +img{ + width: 100%; + } + +.headerimg{ + width: 100%; + height: 500px; + background: url("../img/milkbg.jpg") no-repeat center; + background-size: cover; + } + +.header{ + background-color: rgba(0, 0, 0, 0.5); + color: #ffffff; + position: absolute; + text-align: center; + top: 50px; + height: 400px; + font-size: 25px; + } + +.header h1{ + padding: 40px 60px 40px 60px; + font-size: 4em; + } + +.title p{ + font-size: 1.5ex; + } + + h3 span { + font-size: 0.5em; + color: white; + background-color: red; + padding: 5px; + } + +.container-fluid{ + padding: 0px; + margin-top: 40px; + } + +.cmonster { + max-width: 200px; +} + +.about{ + height: 250px; + padding-top: 20px; + background-color: #D3D3D3; + font-size: 1.2em; +} + +.contact{ + height: 150px; + background-color: #28a1dd; + font-size: 1em; + color: #ffffff; + } + +.col-centered{ + float: none; + margin: 0 auto; +} diff --git a/index.html b/index.html index e2bedec..60f1272 100644 --- a/index.html +++ b/index.html @@ -2,46 +2,97 @@ Cookie Store + + +
index.html | index1.html | index2.html | index3.html | index4.html | index5.html
+
+

Cookie Store

-

Buy our awesome cookies. All proceeds go to charity!

+
+
-

The Cookies

+
+

The Cookies

-

Thin Mint Cookies

+ +
+
+

Thin Mint Cookies NEW

Tasty mint chocolate cookies

- +
+
+ +
+
+
+

Peanut Butter Cookies

Yummy peanut buttery goodness!

- +
+
+ +
+
+ +
+

Short Bread Cookies

Santa's favorite classic.

- +
+
+ +
+
+ +
+

Smore's Cookies

Camp fire favorite!

- +
+
+ +
+
+ +
-

About us

+
+
+
+ +
+ +
+

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