diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css
index 7766e7f18..487ef827b 100644
--- a/great-idea-website/css/index.css
+++ b/great-idea-website/css/index.css
@@ -63,4 +63,114 @@ h1, h2, h3, h4, h5 {
     margin-bottom: 15px;
 }
 
-/* Your code starts here! */
\ No newline at end of file
+/* Your code starts here! */
+
+.container {
+	margin: 0 auto;
+	width: 1000px;
+}
+#navbar {
+width: 100%;
+}
+.navigation a {
+	padding-left: 20px;
+	text-decoration: none;
+}
+.navigation{
+	display: inline-block;
+	vertical-align: middle;
+	margin-left: 15%;
+	margin-right:15%
+}
+
+ #nav-bar {
+	border: 3px solid black;
+	vertical-align: middle;
+	background-color: blue;
+	position: fixed;                 /* watch nav bar spacing for lightbulb */
+	top: 0;
+	right:0;
+	left:0;
+	bottom:0;
+	height: 45px;
+	margin: 0 auto;
+}
+#nav-logo {
+display: inline-block;
+vertical-align: middle;
+margin-left: 20%;
+
+
+ }
+
+
+ #innovation-demand {
+margin-top: 75px;
+margin-bottom: 20px;
+}
+#innovatetext {
+	display: inline-block;
+	text-align: center;
+	vertical-align: middle;
+	width: 49%;
+}
+
+ #title {
+	text-align: center;
+	font-size: 70px;
+}
+
+ #start-button{
+	border-radius: 10px;
+	height: 35px;
+}
+
+
+#innovate-imgage{
+	display: inline-block;
+	vertical-align: middle;
+	width: 49%;
+}
+
+#start-button:hover {
+	color: black;
+	background-color: white;
+}
+ 
+
+ .upper-section{
+	width: 100%;
+	vertical-align: middle;
+	text-align: left;
+}
+#features, #about {
+	display: inline-block;
+	width: 44%;
+	margin-bottom: 25px;
+	margin-top: 20px;
+}
+
+ .wide-img {
+	text-align: center;
+	width: 100%;
+}
+
+
+ .lower-section{
+width: 100%;
+vertical-align: middle;
+text-align: left;
+}
+#services, #product, #vison{
+	display: inline-block;
+	width: 32%;
+	margin-bottom: 25px;
+	margin-top: 20px;
+}
+
+
+ #legal {
+	text-align: center;
+	margin-top: 30px;
+	margin-bottom: 75px;
+} 
\ No newline at end of file
diff --git a/great-idea-website/index.html b/great-idea-website/index.html
index 92beabd65..d1f775200 100644
--- a/great-idea-website/index.html
+++ b/great-idea-website/index.html
@@ -14,50 +14,78 @@
   <![endif]-->
 </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">
+<body class="container">
+  <header id="nav-bar">
+    <nav class="navigation"> 
+      <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 id="nav-logo">
+      <img class="logo" src="img/logo.png" alt="Great Idea! Company logo.">
+     </div>    
+    </header>
   
-  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 id="innovation-demand">
+    <div id="innovatetext">
+   <h1 id="title">Innovation <br>
+    On<br>
+    Demand
+  </h1>
+    <button id="start-button"> Get Started</button>
+  </div>
+  <div id="innovate-imgage">
+    <img src="img/header-img.png" alt="Image of a code snippet.">
+  </div>
+  </section>
+  
+  <hr>
+  <section class="upper-section">
+  <div id="features"> <h3 class="subsection1"> 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 id="about">
+    <h3 class="subsection1"> 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="wide-img" src="img/mid-page-accent.jpg" alt="Image of code snippets across the screen">
+  
+  <section class="lower-section">
+    <div id="services"><h3 class="sub-section2">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 id="product"><h3 class="sub-section2">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 id="vison"><h3 class="sub-section2">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>
+  
+  <hr> 
+  <section class="contact-us"> 
+    <h3 class="contact">Contact</h3>
+      <p>Address: 123 Way 456 Street</p>
+      <p>Somewhere, USA</p>
+  <br>
+      <p>Phone: 1 (888) 888-8888</p>
+  <br>
+      <p>Email: sales@greatidea.io</p>
+  </section>
   
-  </body>
-</html>
\ No newline at end of file
+  <div id="legal">
+    Copyright Great Idea! 2018
+  </div>
+    </body>
+  </html>
\ No newline at end of file
