diff --git a/project1/css/index.css b/project1/css/index.css
index fa13b5178..9eb90c6af 100644
--- a/project1/css/index.css
+++ b/project1/css/index.css
@@ -62,3 +62,124 @@ h1, h2, h3, h4, h5 {
     letter-spacing: 1px;
     margin-bottom: 10px;
 }
+
+/* Start of code by Zack Hitchcock for Project 1 Challenge 2 */
+
+.container {
+
+}
+
+/* navbar */
+
+.headerClass {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	height: 100px;
+}
+
+.container header {
+	width: 80%;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+
+
+.container header nav ul {
+	display: flex;
+	flex-direction: row;
+	width: 800px;
+	justify-content: space-between;
+}
+
+.container header nav ul li a {
+	color: gray;
+	text-decoration: none;
+}
+
+.container header nav ul li a:hover {
+	color: rgb(99, 96, 96);
+	text-decoration: none;
+}
+
+/* jumbotron */
+
+h1 {
+	font-size: 80px;
+	text-align: center;
+}
+
+button {
+	cursor: pointer;
+	border: 1px solid black;
+	font-size: 20px;
+}
+
+.cta {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	height: 500px;
+}
+
+.cta-text {
+	display: flex;
+	width: 80%;
+	flex-direction: row;
+	justify-content: space-around;
+	align-items: center;
+}
+
+.cta .cta-text .cta-col {
+	display: flex;
+	flex-direction: column;
+}
+
+/* main content */
+
+.main-content {
+	display: flex;
+	flex-wrap: wrap;
+	border-top: 1px solid black;
+	border-bottom: 1px solid black;
+	justify-content: center;
+	align-items: center;
+	height: 450px;
+}
+
+.main-content .top-content {
+	display: flex;
+	width: 80%;
+	height: 100px;
+	justify-content: space-between;
+}
+
+.main-content .bottom-content {
+	display: flex;
+	width: 80%;
+}
+
+.contact {
+	height: 100px;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.contact .contactDiv {
+	display: flex;
+	width: 80%;
+}
+
+.contact .contactDiv .moreDiv {
+	width: 300px;
+}
+
+footer {
+	height: 200px;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
\ No newline at end of file
diff --git a/project1/index.html b/project1/index.html
index b951beaf6..0e1780443 100644
--- a/project1/index.html
+++ b/project1/index.html
@@ -18,49 +18,55 @@
 
     <div class="container">
 
-        <header>
-            <nav>
-                <ul>
-                    <li>
-                        <a href="#">Services</a>
-                    </li>
-                    <li>
-                        <a href="#">Product</a>
-                    </li>
-                    <li>
-                        <a href="#">Vision</a>
-                    </li>
-                    <li>
-                        <a href="#">Features</a>
-                    </li>
-                    <li>
-                        <a href="#">About</a>
-                    </li>
-                    <li>
-                        <a href="#">Contact</a>
-                    </li>
-                </ul>
-            </nav>
-
-            <img class="logo" src="img/logo.png" alt="Great Idea! Company logo.">
-        </header>
+        <div class='headerClass'>
+            <header>
+                <nav>
+                    <ul>
+                        <li>
+                            <a href="#">Services</a>
+                        </li>
+                        <li>
+                            <a href="#">Product</a>
+                        </li>
+                        <li>
+                            <a href="#">Vision</a>
+                        </li>
+                        <li>
+                            <a href="#">Features</a>
+                        </li>
+                        <li>
+                            <a href="#">About</a>
+                        </li>
+                        <li>
+                            <a href="#">Contact</a>
+                        </li>
+                    </ul>
+                </nav>
+
+                <img class="logo" src="img/logo.png" alt="Great Idea! Company logo.">
+            </header>
+        </div>
 
         <section class="cta">
             <div class="cta-text">
-                <h1>Innovation<br> On<br> Demand</h1>
-                <button>Get Started</button>
+                <div class="cta-col">
+                    <h1 class="iod">Innovation<br> On<br> Demand</h1>
+                    <button>Get Started</button>
+                </div>
+                <img class="logo logo2" src="img/header-img.png" alt="Image of a code snippet.">
             </div>
-            <img src="img/header-img.png" alt="Image of a code snippet.">
         </section>
 
+
+
         <section class="main-content">
 
             <div class="top-content">
-                <div class="text-content">
+                <div class="text-content features">
                     <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">
+                <div class="text-content about">
                     <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>
@@ -85,17 +91,19 @@ <h4>Vision</h4>
 
         </section>
 
-        <section class="contact">
 
-            <h4>Contact</h4>
 
-            <p>123 Way 456 Street<br>
-            Somewhere, USA</p>
+        <section class="contact">
+            <div class="contactDiv">
+                <h4>Contact</h4>
 
-            <p>1 (888) 888-8888</p>
+                <p>123 Way 456 Street<br>
+                Somewhere, USA</p>
 
-            <p>sales@greatidea.io</p>
+                <p>1 (888) 888-8888</p>
 
+                <p>sales@greatidea.io</p>
+            </div>
         </section>
 
         <footer>