diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css
index 7766e7f18..37b9e80e8 100644
--- a/great-idea-website/css/index.css
+++ b/great-idea-website/css/index.css
@@ -63,4 +63,24 @@ h1, h2, h3, h4, h5 {
     margin-bottom: 15px;
 }
 
-/* Your code starts here! */
\ No newline at end of file
+/* Your code starts here! */
+
+nav{
+	width:100% ;
+	background-color: aliceblue;
+	display: flex;
+	justify-content: space-between;
+}
+
+.links{
+	display: flex;
+	justify-content: space-evenly;
+	align-items: center;
+	width: 60%;
+}
+nav a{
+	color: blue;
+	text-decoration: none;
+	letter-spacing: 3px;
+}
+section #id
\ No newline at end of file
diff --git a/great-idea-website/index.html b/great-idea-website/index.html
index 92beabd65..b799a32fa 100644
--- a/great-idea-website/index.html
+++ b/great-idea-website/index.html
@@ -15,49 +15,63 @@
 </head>
 
   <body>
-
-  Services
-  Product
-  Vision
-  Features
-  About
-  Contact
-
+<nav>
+  <div class="links">
+  <a href="#service">Service</a>
+  <a href="#product">Product</a>
+  <a href="#vision">Vision</a>
+  <a href="#features">Features</a>
+  <a href="#about">About</a>
+  <a href="#contact">Contact</a>
+</div>
+<div class="title">
   <img class="logo" src="img/logo.png" alt="Great Idea! Company logo.">
-  Innovation
+  <img src="img/header-img.png" alt="Image of a code snippet.">
+</div>
+</nav>
+ 
+ <h1>Innovation
   On
   Demand
+</h1>
 
-  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.
+  <button>Get Started</button> 
 
-
-  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.
+<section id="features">
+ <h2>Features></h2>
+  <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>
 
 
-  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.
+  <h2>About</h2>
+ <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>
 
-  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
+  <img class="middle-img" src="img/mid-page-accent.jpg" alt="Image of code snippets across the screen">
+  <section id="service">
+  <h2>Services</h2> 
+  <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>
+
+
+  <h2>Product</h2> 
+  <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>
+
+  <h2>Vision</h2> 
+  <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>
+<footer>
+<div class="contact">
+  <h2>Contact</h2> 
+  <p>Way 456 Street<br>
+  Somewhere, USA<br>
+  1 (888) 888-8888<br>
   sales@greatidea.io
-
+</p> 
+</div>
+<div class="copyright">
   Copyright Great Idea! 2018
+</div>
+</footer>
   
   </body>
 </html>
\ No newline at end of file
