From bb184f0ccdd9e950058ed4de06277e2a47eaa518 Mon Sep 17 00:00:00 2001 From: manzala Date: Sat, 2 Sep 2017 19:21:14 -0400 Subject: [PATCH] Added all the images with bootstrap in rows. Finished project. --- css/styles.css | 36 +++++++++++++++++++ index.html | 98 +++++++++++++++++++++++++++++++++++--------------- 2 files changed, 106 insertions(+), 28 deletions(-) diff --git a/css/styles.css b/css/styles.css index 8b13789..6e00b36 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1 +1,37 @@ +#contact-us { + background-color: deepskyblue; + color: rgb(255,255,255); +} +.row { +padding: 30px; + +} + +#banner { +height:400px; +background: url('../img/milkbg.jpg') no-repeat center #00f; +background-size:cover; +position: relative; +} + +.jumbotron { + + position: absolute; + top:50%; + left:50%; + transform:translateY(-50%) translateX(-50%); + background-color: rgba(0,0,0,0.6); + color: #eee; +} + +#about-us{ + + background-color:lightgrey; + +} + +#cmonster-img{ + padding-right: 25px; + float: left; +} \ No newline at end of file diff --git a/index.html b/index.html index e2bedec..5530dae 100644 --- a/index.html +++ b/index.html @@ -1,46 +1,88 @@ - Cookie Store + + Cookie Store + + + + + + + + + + + + + +
+ + + +
+ +
+

The Cookies

+
+ +
+

Thin Mint Cookies

+

Tasty mint chocolate cookies

+ +
-

Cookie Store

+
+

Peanut Butter Cookies

+

Yummy peanut buttery goodness!

+ +
-

Buy our awesome cookies. All proceeds go to charity!

+
+

Short Bread Cookies

+

Santa's favorite classic.

+ +
-

The Cookies

+
+

Smore's Cookies

+

Camp fire favorite!

+ +
-

Thin Mint Cookies

-

Tasty mint chocolate cookies

- +
-

Peanut Butter Cookies

-

Yummy peanut buttery goodness!

- +
-

Short Bread Cookies

-

Santa's favorite classic.

- +

About us

-

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