diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css
index 7766e7f18..98f1d4036 100644
--- a/great-idea-website/css/index.css
+++ b/great-idea-website/css/index.css
@@ -63,4 +63,52 @@ h1, h2, h3, h4, h5 {
     margin-bottom: 15px;
 }
 
-/* Your code starts here! */
\ No newline at end of file
+/* Your code starts here! */
+*{
+	border: 1px solid red;
+}
+
+.head{
+	display: inline-block;
+}
+
+nav {
+	color:gray;
+	text-decoration:none;
+	word-spacing: 60px;
+	padding: 20px;
+	text-decoration: none;
+}
+
+hr{
+	border-top: 1px solid black
+}
+
+.features{
+	display:inline-block;
+	width: 450px;
+}
+
+.about{
+	display:inline-block;
+	width: 600px;
+}
+
+.services{
+	display:inline-block;
+	
+}
+
+.product{
+	display:inline-block;
+	
+}
+
+.vision{
+	display:inline-block;
+}
+
+.contact-section{
+	margin:20px;
+}
+
diff --git a/great-idea-website/index.html b/great-idea-website/index.html
index 92beabd65..4972be921 100644
--- a/great-idea-website/index.html
+++ b/great-idea-website/index.html
@@ -3,8 +3,19 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
+  <div class="head">
+  <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>  
+    <div></div>
+    <img class="logo" src="img/logo.png" alt="Great Idea! Company logo.">
+</div>
 
-  <title>Great Idea!</title>
 
   <link href="https://fonts.googleapis.com/css?family=Bangers|Titillium+Web" rel="stylesheet">
   <link rel="stylesheet" href="css/index.css">
@@ -12,52 +23,58 @@
   <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
   <![endif]-->
-</head>
 
-  <body>
 
-  Services
-  Product
-  Vision
-  Features
-  About
-  Contact
+</head>
 
-  <img class="logo" src="img/logo.png" alt="Great Idea! Company logo.">
+<div class="header">
   Innovation
   On
   Demand
 
-  Get Started
+  <button class="getstarted">Get Started</button>
 
   <img src="img/header-img.png" alt="Image of a code snippet.">
+</div>
+  <section 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>
+  </section>
 
-  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.
+  <section 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>
+  </section>
 
   <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
+  <section 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></p>
+  </section>
+
+  <section 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>
+    </section>
+  
+  <section 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></p>
+  </section>
+
+  <section class="contact-section">
+    <h3>Contact</h3>
+    <address>
+        123 Way 456 Street<br>
+        Somewhere, USA<br>
+        1 (888) 888-8888<br>
+        sales@greatidea.io<br>
+    </address>
+  </section>
+
+
+  <p class="copyright"; Copyright Great Idea! 2018</p>
   
   </body>
 </html>
\ No newline at end of file
