diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css
index 7766e7f18..40963c7d6 100644
--- a/great-idea-website/css/index.css
+++ b/great-idea-website/css/index.css
@@ -63,4 +63,74 @@ h1, h2, h3, h4, h5 {
     margin-bottom: 15px;
 }
 
-/* Your code starts here! */
\ No newline at end of file
+/* Your code starts here! */
+.container{ width: 900px;
+	 margin:auto;
+	 border:1px solid red;
+}
+header nav{ 
+	display:inline-block;
+	margin-top: 35px;
+	position: fixed;
+    top: 0;
+    width: -11%;
+}
+header nav a {
+	padding: 10px;
+    margin: 0 20px;
+    background-color: orange;
+    border-radius: 5px;
+	text-decoration: none;
+	font-family:railway;
+}
+header img.logo{margin-left: 700px;
+}
+.cta-text{ display: inline-block;
+    margin-top: 10px;
+    margin-left: 100px;
+    margin: 150px;
+    font-size: 45px;
+}
+section img{margin-top: 47px;
+    margin-left: 20px;
+    /* margin-right: 5px; */
+    margin-bottom: -40px;
+}
+section button{ 
+	 border: 1px solid black;
+    padding: 10%;
+    width: 175px;
+
+}
+.main-content{ border-top:1px solid black;
+	margin:1%;
+	width:98%;
+
+}
+.text-content{
+	 margin:1%;
+	 width:47%;
+	 display:inline-block;
+}
+.middle-img{
+	margin:1%;
+	width:98%;
+}
+.bottom-content{border-bottom:1px solid black;
+	margin:1%;
+	width:98%;
+}
+.text-content1{ 
+	margin:1%;
+	display:inline-block;
+	width:30%;
+}
+.contact{ 
+	margin:1%;
+}
+address{
+	margin:1%;
+}
+footer{ text-align:center;
+
+}
diff --git a/great-idea-website/index.html b/great-idea-website/index.html
index 92beabd65..618dcc537 100644
--- a/great-idea-website/index.html
+++ b/great-idea-website/index.html
@@ -1,6 +1,7 @@
 <!doctype html>
 
 <html lang="en">
+
 <head>
   <meta charset="utf-8">
 
@@ -14,50 +15,81 @@
   <![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>
-</html>
\ No newline at end of file
+<body>
+  <div class="container">
+    <header>
+      <nav>
+        <a href="#">Serivces</a>
+        <a href="#">Product</a>
+        <a href="#">Vision</a>
+        <a href="#">Features</a>
+        <a href="#">About</a>
+        <a href="#">Contact</a>
+      </nav>
+      <img class="logo" src="img/logo.png" alt="Great Idea! Company logo.">
+    </header>
+
+    <section class="cta">
+      <div class="cta-text">
+        <h1>Innovation<br> On<br>Demand</h1>
+        <button>Get Started</button>
+      </div>
+      <img src="img/header-img.png" alt="Image of a code snippet.">
+    </section>
+    <!--cta-->
+
+    <section class="main-content">
+      <div class="text-content">
+        <h4>Features</h4>
+        <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="text-content">
+        <h4>About</h4>
+        <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="middle-img" src="img/mid-page-accent.jpg" alt="Image of code snippets across the screen">
+    <section class="bottom-content">
+      <div class="text-content1">
+        <h4>Services</h4>
+        <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="text-content1">
+        <h4>Product</h4>
+        <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="text-content1">
+        <h4>Vision</h4>
+        <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>
+
+    <div class="contact">
+      <h4>Contact</h4>
+
+      <address>
+        123 Way 456 Street<br>
+        Somewhere, USA
+      </address>
+
+      <address>
+        1 (888) 888-8888</address>
+
+      <address>
+        sales@greatidea.io
+      </address>
+    </div>
+
+    <footer>
+      Copyright Great Idea! 2018
+    </footer>
+</body>
+
+</html> 
\ No newline at end of file
