diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css
index 7766e7f18..8c32441c1 100644
--- a/great-idea-website/css/index.css
+++ b/great-idea-website/css/index.css
@@ -63,4 +63,70 @@ h1, h2, h3, h4, h5 {
     margin-bottom: 15px;
 }
 
-/* Your code starts here! */
\ No newline at end of file
+/* Your code starts here! */
+
+body{
+	width: 876px;
+	margin: 50px;
+}
+
+.menu nav{
+	display: inline-block;
+	margin: 40px 0;
+}
+
+.menu nav a{
+	margin: 0 22px;;
+}
+
+.menu .logo{
+	margin-left: 70px;
+}
+
+.head div{
+	display: inline-block;
+	width: 49%;
+}
+
+h1{
+	font-size:60px;
+	text-align: center;
+	margin:0px 100px 10px 100px;
+	
+}
+
+.title p{
+	text-align: center;
+	margin: 10px 145px 70px 145px;
+	border: solid 2px black;
+	padding: 5px;
+}
+
+.line{
+	border-top: solid 1px black;
+	padding-top: 35px;
+}
+
+.top div{
+	display: inline-block;
+	width: 49%;
+}
+
+.middle-img{
+	margin:50px 0px;
+}
+
+.bottom div{
+	display: inline-block;
+	width: 33%;
+}
+
+.contact{
+	margin:50px 0px;
+	border-top: solid 1px black;
+	padding-top: 40px;
+}
+
+footer{
+	margin:10% 38%;
+}
diff --git a/great-idea-website/index.html b/great-idea-website/index.html
index 92beabd65..f2f1b5c48 100644
--- a/great-idea-website/index.html
+++ b/great-idea-website/index.html
@@ -15,49 +15,73 @@
 </head>
 
   <body>
-
-  Services
-  Product
-  Vision
-  Features
-  About
-  Contact
-
-  <img class="logo" src="img/logo.png" alt="Great Idea! Company logo.">
-  Innovation
-  On
-  Demand
-
-  Get Started
-
-  <img src="img/header-img.png" alt="Image of a code snippet.">
-
-  Features
-  Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.
-
-
-  About
-  Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.
-
-  <img class="middle-img" src="img/mid-page-accent.jpg" alt="Image of code snippets across the screen">
-  
-  Services
-  Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.
-
-
-  Product
-  Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.
-
-  Vision
-  Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.
-
-  Contact
-  123 Way 456 Street
-  Somewhere, USA
-  1 (888) 888-8888
-  sales@greatidea.io
-
-  Copyright Great Idea! 2018
+    <div class="menu">
+      <nav>
+        <a href="#">Services</a>
+        <a href="#">Product</a>
+        <a href="#">Vision</a>
+        <a href="#">Features</a>
+        <a href="#">About</a>
+        <a href="#">Contact</a>
+      </nav>
+      <img class="logo" src="img/logo.png" alt="Great Idea! Company logo.">
+    </div>
+
+    <header class="head">
+      <div class="title">
+        <h1>Innovation
+        On
+        Demand</h1>
   
+        <p>Get Started</p>
+      </div>
+      <div class="image">
+        <img src="img/header-img.png" alt="Image of a code snippet.">
+      </div>
+    </header>
+
+    <div class="line"></div>
+      
+    <section class="top">
+      <div class="features">
+      <h3>Features</h3>
+      <p>Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.</p>
+      </div>
+
+      <div class="about">
+      <h3>About</h3>
+      <p>Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.</p>
+      </div>
+    </section>
+
+    <img class="middle-img" src="img/mid-page-accent.jpg" alt="Image of code snippets across the screen">
+
+    <section class="bottom">
+      <div class="services">
+      <h3>Services</h3>
+      <p>Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.</p>
+      </div>
+      <div class="product">
+      <h3>Product</h3>
+      <p>Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.</p>
+      </div>
+      <div class="vision">
+      <h3>Vision</h3>
+      <p>Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.</p>
+      </div>
+    </section>
+
+    <section class="contact">
+      <h4>Contact</h4>
+      123 Way 456 Street<br>
+      Somewhere, USA<br><br>
+      1 (888) 888-8888<br><br>
+      sales@greatidea.io
+    </section>
+
+   <footer>
+     Copyright Great Idea! 2018
+    </footer>
+    
   </body>
 </html>
\ No newline at end of file
