diff --git a/css/styles.css b/css/styles.css
index 8b13789..a554278 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1 +1,72 @@
+/* CSS Style Sheet */
 
+body{
+    
+}
+
+.jumbotron {
+    background-image: url("../img/milkbg.jpg");
+    background-size: cover;
+}
+
+.img-circle {
+    border-radius: 50%;
+}
+
+
+#title-box {
+    background: rgba(0, 0, 0, 0.5);
+    width: 30%;
+}
+
+#banner {
+    height: 400px;
+    text-align: center;
+    background-position: center;
+}
+
+#banner-text {
+    color: black;
+}
+
+#products {
+    padding-top: 10px;
+    padding-bottom: 60px;
+}
+
+#about-us {
+    padding-top: 30px;
+    background-color: lightgray;
+    text-align: center;
+    display: inline-block;
+    vertical-align: middle;
+}
+
+#about-items {
+}
+
+#monster {
+    text-align: left;
+    padding-left: 20px;
+}
+
+#contact-us {
+    padding-top: 30px;
+    text-align: center;
+    background-color: #49AAD1;
+    color: white;
+}
+
+h1 {
+    color: white;
+    padding-top: 100px;
+}
+p {
+    color: white;
+}
+h2 {
+	
+}
+h3 {
+	
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index e2bedec..845189c 100644
--- a/index.html
+++ b/index.html
@@ -2,46 +2,77 @@
 <html>
 <head>
   <title>Cookie Store</title>
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
+  <link href="css/styles.css" rel="stylesheet" type="text/css" />
 </head>
-<body>
-
-
-<h1>Cookie Store</h1>
 
-<p>Buy our awesome cookies. All proceeds go to charity!</p>
-
-<h2>The Cookies</h2>
-
-<h3>Thin Mint Cookies</h3>
-<p>Tasty mint chocolate cookies</p>
-<img src="img/mint.png">
+<body>
+<div class="container-fluid">
+<div class="row" id="banner">
+  <div class="col-sm-12 jumbotron text-center">
+    <div class="container" id="title-box">
+      <h1>Cookie Store</h1>
+      <p>Buy our awesome cookies. All proceeds go to charity!</p>
+    </div>
+  </div>
+</div>
 
-<h3>Peanut Butter Cookies</h3>
-<p>Yummy peanut buttery goodness!</p>
-<img src="img/peanut.png">
+<div class="row text-center" id="products">
+  <div class="col-sm-12">
+    <h2>The Cookies</h2>
+  </div>
 
-<h3>Short Bread Cookies</h3>
-<p>Santa's favorite classic.</p>
-<img src="img/shortbread.png">
+  <div class="col-md-3">
+    <h3>Thin Mint Cookies <span class="label label-danger">NEW</span></h3>
+    <p>Tasty mint chocolate cookies</p>
+    <img src="img/mint.png" class="img-responsive img-circle center-block">
+  </div>
+  <div class="col-md-3">
+    <h3>Peanut Butter Cookies</h3>
+    <p>Yummy peanut buttery goodness!</p>
+    <img src="img/peanut.png" class="img-responsive img-circle center-block">
+  </div>
+  <div class="col-md-3">
+    <h3>Short Bread Cookies</h3>
+    <p>Santa's favorite classic.</p>
+    <img src="img/shortbread.png" class="img-responsive img-circle center-block">
+  </div>
+  <div class="col-md-3">
+    <h3>Smore's Cookies</h3>
+    <p>Camp fire favorite!</p>
+    <img src="img/smores.png" class="img-responsive img-circle center-block">
+  </div>
+</div>
 
-<h3>Smore's Cookies</h3>
-<p>Camp fire favorite!</p>
-<img src="img/smores.png">
+<div id="about-us">
+  <div class="col-xs-12">
+    <h2>About us</h2>
+  </div>
+  <div class="row" id="about-items">
+  <div class="col-xs-3" id="monster">
+    <img src="img/cmonster.png" class="img-responsive center-block">
+  </div>
+  <div class="col-xs-9" id="about-text">
+    <div>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.</div>
+  </div>
+</div>
+</div>
 
-<h2>About us</h2>
-<div>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.</div>
+<div id="contact-us">
+    <h2 >Contact us</h2>
+    <div>
+      100 Broadway Avenue,<br>
+      New York, NY 10001 <br>
+      (212) 555-1234
+    </div>
+</div>
 
-<h2>Contact us</h2>
-<div>
-  100 Broadway Avenue,<br>
-  New York, NY 10001 <br>
-  (212) 555-1234
 </div>
 
 </body>
-</html>
+</html>
\ No newline at end of file
