diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css
index 7766e7f18..a259b3655 100644
--- a/great-idea-website/css/index.css
+++ b/great-idea-website/css/index.css
@@ -63,4 +63,83 @@ h1, h2, h3, h4, h5 {
     margin-bottom: 15px;
 }
 
-/* Your code starts here! */
\ No newline at end of file
+/* Your code starts here! */
+
+a{
+	display: inline-block;
+padding-top: 40px;
+word-spacing: 45px;
+margin-left: 6%;
+	color:#C1C1C1;
+	font-size: 17px;
+	text-decoration: none;
+}
+
+.logo{
+	display:inline-block;
+	float: right;
+	height: 40px;
+	margin-right: 5%;
+	
+}
+
+.title h1{
+	display:inline-block;
+	padding-top: 12%;
+	font-size: 80px;
+	word-spacing: 20px;
+	margin-left: 100px;
+	text-align: center;
+}
+.title h3{
+	text-align: center;
+	font-size: 20px;
+	width: 120px;
+	margin-left:200px;
+	height: 30px;
+	line-height:1.4;
+}
+
+.features{
+	margin-top: 10%;
+	display:inline-block;
+	width: 45%;
+	padding: 10% 2% 10%;
+}
+
+.about{
+	display:inline-block;
+	width: 45%;
+	padding: 10% 2% 10%;
+	margin-left: 10px
+}
+.textOne{
+	border-top: 1px solid black;
+}
+
+div .services{
+	display:inline-block;
+	width:33%
+}
+div .product{
+	display:inline-block;
+	width:33%
+}
+div .vision{
+	display:inline-block;
+	width:33%
+}
+.textTwo{
+	border-bottom: 1px solid black;
+	margin-top: 10%;
+	padding-bottom: 50px;
+}
+#contact{
+
+	margin-top:7%;
+}
+
+.copyright{
+	text-align: center;
+	margin: 5%;
+}
\ No newline at end of file
diff --git a/great-idea-website/index.html b/great-idea-website/index.html
index 92beabd65..e3fbca998 100644
--- a/great-idea-website/index.html
+++ b/great-idea-website/index.html
@@ -7,57 +7,117 @@
   <title>Great Idea!</title>
 
   <link href="https://fonts.googleapis.com/css?family=Bangers|Titillium+Web" rel="stylesheet">
+  <link rel="stylesheet" href="css/reset.css">
   <link rel="stylesheet" href="css/index.css">
+  <!-- Stretcch Goal #1 -->
+  <style>
+    @import url('https://fonts.googleapis.com/css?family=Staatliches&display=swap');
+  </style>
+
 
   <!--[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
-
-  Copyright Great Idea! 2018
+<body>
+  <header>
+      <div class='top'>
+        <nav class="topNav">
+            <a href="#services">Services</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>
+        </nav>
+       <img class="logo" src="img/logo.png" alt="Great Idea! Company logo.">
+      </div>
+      <div class="title-div">
+      <div>
+        <div class="title">
+          <h1>
+            Innovation<br>
+            On<br>
+            Demand
+          </h1>
+          <h3>Get Started</h3>
+        </div>
+      
+        <div class="header-img"  alt="Image of a code snippet."></div>
+      </div>
+    </div>
+  </header>
+
+  <section class="text-area">
+    <div class="textOne">
+      <div class="features">
+        <h2 id="features">
+          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 id="about">
+          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>
   
-  </body>
+    <div class="middle-img"></div>
+    <div class="textTwo">
+      
+    <div class="services">
+        <h2 id="services">
+          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 id="product">
+          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 id="vision">
+          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>
+    </div>
+  </section>
+
+  <h2 id="contact">
+    Contact
+  </h2>
+  <p>
+    123 Way 456 Street<br>
+    Somewhere, USA<br><br>
+    1 (888) 888-8888<br><br>
+    sales@greatidea.io
+  </p>
+
+  <p class="copyright">
+    Copyright Great Idea! 2018
+  </p>
+      </div>
+    </div>
+</body>
 </html>
\ No newline at end of file
