diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css
index 7766e7f18..aa7115951 100644
--- a/great-idea-website/css/index.css
+++ b/great-idea-website/css/index.css
@@ -63,4 +63,89 @@ h1, h2, h3, h4, h5 {
     margin-bottom: 15px;
 }
 
-/* Your code starts here! */
\ No newline at end of file
+/* Your code starts here! */
+
+body {
+	margin: 0 auto;
+	width: 900px;
+}
+
+.top-section {
+	display: inline-block;
+}
+
+nav {
+	display: inline-block;
+	padding: 20px;
+	margin: 20px;
+	border: 20px;
+	word-spacing: 45px;
+}
+
+.Main-header {
+	display: inline-block;
+	width: 420px;
+}
+
+header {
+	text-align: center;
+}
+
+.right {
+	display: inline-block;
+	width: 420px;
+	vertical-align: top;
+}
+
+.code {
+	display: inline-block;
+	width: 420px;
+}
+
+.logo {
+	display: inline-block;
+	padding: 20px;
+}
+
+.middle-img {
+	align-content: center;
+}
+
+.block1 {
+	display: inline-block;
+	margin: 20px;
+	padding: 20px;
+	width: 420px;
+}
+
+.block2 {
+	display: inline-block;
+	width: 420px;
+}
+
+.block3 {
+	display: inline-block;
+	width: 280px;
+}
+
+.block4 {
+	display: inline-block;
+	width: 280px;
+}
+
+.block5 {
+	display: inline-block;
+	width: 280px;
+}
+
+footer {
+	text-align: center;
+}
+
+.title {
+	font-size: 80px;
+	display: inline-block;
+	margin: 20px;
+	padding-top: 60px;
+}
+
diff --git a/great-idea-website/index.html b/great-idea-website/index.html
index 92beabd65..750f305b4 100644
--- a/great-idea-website/index.html
+++ b/great-idea-website/index.html
@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-
+    <section class="top-section">
   <title>Great Idea!</title>
 
   <link href="https://fonts.googleapis.com/css?family=Bangers|Titillium+Web" rel="stylesheet">
@@ -13,51 +13,76 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
   <![endif]-->
 </head>
-
+  <section>
   <body>
-
-  Services
-  Product
-  Vision
-  Features
-  About
-  Contact
-
+    <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>
   <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.
+    </nav>
+  </section>
 
+    <header>
+      <div class="Main-header">
+  
+    <h1 class="title">
+  Innovation<br>
+  On<br>
+  Demand
+    </h1>
+<button type="button">Get Started</button>
+    </div>
+    
+
+    <div class="right">
+  <img src="img/header-img.png" class="code" alt="Image of a code snippet.">
+    </div>
+  </header><br><br>
+
+
+   <hr> <section class="mid-block">
+      <div class="block1">
+        <h1>Features</h1>
+  <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="block2">
+      <h1>About</h1>
+  <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>
   <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="block3"><br><br>
+      <h1>Services</h1>
+  <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="block4">
+      <h1>Product</h1>
+  <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="block5"></a>
+      <h1>Vision</h1>
+  <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><br><br>
   
+  <hr><section><br><br>
+      <address>
+  <h1>Contact</h1>
+  123 Way 456 Street<br>
+  Somewhere, USA<br><br>
+  1 (888) 888-8888<br><br>
+  sales@greatidea.io<br><br>
+      </address>
+    </section>
+    <footer>
+  <br><br>Copyright Great Idea! 2018
+    </footer>
   </body>
 </html>
\ No newline at end of file
