diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css
index 7766e7f18..247fe85fc 100644
--- a/great-idea-website/css/index.css
+++ b/great-idea-website/css/index.css
@@ -63,4 +63,98 @@ h1, h2, h3, h4, h5 {
     margin-bottom: 15px;
 }
 
-/* Your code starts here! */
\ No newline at end of file
+/* Your code starts here! */
+*{
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+	max-width: 100%;
+	border: 1px solid red;
+}
+/* styling header */
+
+body {
+	width: 1024px;
+	padding: 0 75px;
+	margin: 0 auto;
+}
+header nav a{
+	color:gray;
+	text-decoration: none;
+	padding: 0% 4% 0% 0%;
+}
+
+header nav{
+	width: 70%;
+	padding: 2% 1% 9% 0%;
+	display: inline-block;
+	/* text-align: center; */
+}
+
+.logo {
+	display: inline-block;
+	/* width: 15%; */
+	text-align: center;
+	position: relative;
+    top: 10px;
+}
+
+/* section 1 style */
+.section1{
+	font-size: 75px;
+	display: inline-block;
+	text-align: center;
+	width: 49%;
+}
+
+.section2 {
+	display: inline-block;
+	width: 49%;
+}
+
+/* .code{
+	display: inline-block;
+	border: 1px solid black;
+} */
+
+.button{
+	background-color: white;
+	color: black;
+	border: 1px solid black;
+	text-align: center;
+	display: inline-block;
+	font-size: 30px;
+	padding: -30%;
+}
+
+footer p{
+	text-align: center;
+}
+
+.features, .about{
+	width: 49%;
+	display: inline-block;
+}
+
+.middleimage{
+	padding: 35px 0;
+}
+
+.services, .product, .vision{
+	width: 33%;
+	display: inline-block;
+}
+
+.aboutContainer{
+	border-top: 1px solid black;
+	border-bottom: 1px solid black;
+	padding: 35px 0;
+	margin: 35px 0;
+}
+
+.aboutContainer div {
+	padding: inherit 4px;
+}
+footer{
+	padding-top: 50px;
+}
\ No newline at end of file
diff --git a/great-idea-website/index.html b/great-idea-website/index.html
index 92beabd65..3fc3739c9 100644
--- a/great-idea-website/index.html
+++ b/great-idea-website/index.html
@@ -1,63 +1,97 @@
 <!doctype html>
 
 <html lang="en">
+
 <head>
   <meta charset="utf-8">
 
   <title>Great Idea!</title>
 
   <link href="https://fonts.googleapis.com/css?family=Bangers|Titillium+Web" rel="stylesheet">
+  <link rel="stylesheet" href="css/normalize.css">
   <link rel="stylesheet" href="css/index.css">
-
   <!--[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
-
-  <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
+<body>
+  <header>
+    <nav>
+      <!-- <ul> -->
+
+      <a href="#">Services</a>
+      <a href="#">Product</a>
+      <a href="#">Vision</a>
+      <a href="#">Features</a>
+      <a href="#">About</a>
+      <a href="#">Contact</a>
+      <!-- </ul> -->
+    </nav>
+
+    <img class="logo" src="img/logo.png" alt="Great Idea! Company logo.">
+    <div class="section1">
+      <h1>Innovation<br>
+        On<br>
+        Demand</h1>
+      <button class="button">Get Started</button>
+    </div>
+
+    <div class="section2">
+      <img class="code" src="img/header-img.png" alt="Image of a code snippet.">
+    </div>
+  </header>
+
+  <section class="aboutContainer">
+    <div class="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>
+    </div>
+
+    <div class="about">
+      <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>
+    </div>
+
+    <div class="middleimage">
+      <img class="middle-img" src="img/mid-page-accent.jpg" alt="Image of code snippets across the screen">
+    </div>
+
+    <div class="services">
+      <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>
+    </div>
+
+    <div class="product">
+      <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>
+    </div>
+
+
+    <div class="vision">
+      <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>
+    </div>
+  </section>
+  <section class="contact">
+    <h2>Contact</h2>
+    <address>
+      123 Way 456 Street<br />
+      Somewhere, USA<br /><br />
+    1 (888) 888-8888<br /><br />
+    sales@greatidea.io
+    </address>
+  </section>
+
+  <footer>
+    <p>Copyright Great Idea! 2018</p>
+  </footer>
+
+</body>
 
-  Copyright Great Idea! 2018
-  
-  </body>
 </html>
\ No newline at end of file
