diff --git a/pipeline/app/assets/images/forestpath.jpg b/pipeline/app/assets/images/forestpath.jpg
new file mode 100644
index 0000000..dd9f923
Binary files /dev/null and b/pipeline/app/assets/images/forestpath.jpg differ
diff --git a/pipeline/app/assets/images/moonsky.jpg b/pipeline/app/assets/images/moonsky.jpg
new file mode 100644
index 0000000..5f96097
Binary files /dev/null and b/pipeline/app/assets/images/moonsky.jpg differ
diff --git a/pipeline/app/assets/images/neurons.jpg b/pipeline/app/assets/images/neurons.jpg
deleted file mode 100644
index bb360d1..0000000
Binary files a/pipeline/app/assets/images/neurons.jpg and /dev/null differ
diff --git a/pipeline/app/assets/stylesheets/main.scss b/pipeline/app/assets/stylesheets/main.scss
index 4d88a30..6f8c82a 100644
--- a/pipeline/app/assets/stylesheets/main.scss
+++ b/pipeline/app/assets/stylesheets/main.scss
@@ -2,28 +2,90 @@
   font-family: 'Poiret One', cursive;
 }
 
+.icon-margin {
+  margin: 1rem !important;
+}
+
 .ui.inverted.menu {
   margin: 0;
   background: #838996 !important;
 }
 
-.masthead.segment {
-  min-height: 700px;
-  padding: 1em 0em;
+.text-box {
+  background: rgba(255, 255, 255, .6);
+  margin-top: 10rem;
+  text-align: left;
+  padding: 1rem;
 }
 
-.masthead h1.ui.header {
-  margin-top: 25%;
-  margin-bottom: 0em;
-  font-size: 4rem;
-  font-weight: normal;
+.first {
+  background-image: url("moonsky.jpg") !important;
+  background-size: cover !important;
+  min-height: 60rem;
 }
 
-.masthead h2 {
-  font-size: 1.7em;
+.first h2 {
+  margin-top: 40% !important;
+  color: white !important;
+  font-size: 2.0 rem !important;
   font-weight: normal;
 }
 
+.second {
+  background-color: #F2F4F7 !important;
+  min-height: 40rem;
+}
+
+.second h2 {
+  margin-top: 5rem;
+  color: #374044 !important;
+  font-size: 2.5 rem !important;
+  font-weight: normal !important;
+}
+
+.third h3 {
+  color: #D9E6EC;
+}
+
+.third p {
+  color: #D9E6EC;
+}
+
+.pathway {
+  color: #48687A;
+  font-family: 'Poiret One', cursive;
+}
+
+.century {
+  font-family: "Century Gothic" !important;
+}
+
+.avenir {
+  font-family: "Avenir" !important;
+}
+
+.third {
+  background-color: #1E4468 !important;
+  min-height: 30rem;
+}
+
+.impact {
+    margin-top: 5rem !important;
+}
+
+.fifth {
+  background-image: url("forestpath.jpg") !important;
+  background-size: cover !important;
+  min-height: 50rem;
+}
+
+.fifth.h2 {
+  margin-top: 5rem;
+  color: #374044 !important;
+  font-size: 2.5 rem !important;
+  font-weight: normal !important;
+}
+
 .hidden.menu {
   display: none;
 }
@@ -32,6 +94,8 @@
   display: none;
 }
 
+
+
 @media only screen and (max-width: 700px) {
   .ui.fixed.menu {
     display: none !important;
@@ -57,23 +121,6 @@
   }
 }
 
-.second {
-    position: relative;
-    z-index: 1;
-}
-
-.second:before {
-    content: "";
-    position: absolute;
-    z-index: -1;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    background: url("http://static1.squarespace.com/static/5330c47be4b03ea35b2645a8/t/5361a560e4b032825e58c48d/1398908272046/dreamstime_m_6548803.jpg?format=1500w") center center;
-    opacity: .5;
-}
-
 body > .grid {
   height: 100%;
 }
@@ -89,7 +136,7 @@ body > .grid {
 
 .footer.segment {
   padding: 5em 0em;
-  background: #847b6a !important;
+  background: #4C4436 !important;
 }
 
 .footer .seven.wide.column {
diff --git a/pipeline/app/assets/templates/index.html b/pipeline/app/assets/templates/index.html
index 5d464ed..d6301d7 100644
--- a/pipeline/app/assets/templates/index.html
+++ b/pipeline/app/assets/templates/index.html
@@ -1,29 +1,56 @@
-<div class="pusher"></div>
-  <div class="ui vertical masthead center aligned segment first">
-    <div class="ui text container">
-      <h1 class="ui header">
-        Forget about Silver Bullets
-      </h1>
-      <h2>Together, we will build Pathways to cure</h2>
-      <div ng-controller="UserController">
-        <div ng-if="signedIn()">
-          <!-- Welcome, <a ui-sref="userShow">{{ firstName }}</a> -->
-          <a ui-sref="createProject">Create Project</a>
-          <a ui-sref="createPathway">Create Pathway</a>
-          <!-- <button ng-click="logout()" class="ui basic red button" >Logout</button> -->
-        </div>
-<!--         <div ng-if="!signedIn()">
-          <a ui-sref="login"><button class="ui basic blue button">Return User Login</button></a>
-          <a ui-sref="register"><button class="ui basic orange button">New User Register</button></a>
-        </div> -->
+<div class="ui vertical masthead center aligned segment first">
+  <div class="ui text container">
+    <h2 class="century">I want to contribute to ____________________________</h2>
+    <div ng-controller="UserController">
+      <div ng-if="signedIn()">
       </div>
     </div>
   </div>
+</div>
 
-  <div class="ui vertical masthead center aligned segment second">
-    <div class="ui text container">
-      <h1 class="ui header">
-        Diseases are indiscriminatory, efforts to find cure should be, too!
-      </h1>
+<div class="ui vertical masthead center aligned segment second">
+  <div class="ui container">
+    <h2 class="century">what is a <span class="pathway">Pathway</span></h2>
+    <p>In science, pathways are catalyzed sequences of reactions that lead to biochemical changes. Here at Pathways Fund, we believe that it sequences of research projects with enough support to solve a major problem. Therefore we created Pathway, which is a curated portfolio of promising research projects for a common cause. </p>
+  </div>
+</div>
+
+<div class="ui vertical masthead center aligned segment third">
+  <div class="ui container">
+    <div class="ui stackable grid impact">
+      <div class="four wide column">
+        <h3 class="ui inverted header century">basic research</h3>
+        <div class="icon-margin"><i class="inverted orange big lab icon"></i></div>
+        <p>basic research aims to improve scientific theories for improved understanding or prediction of natural or other phenomena.</p>
+      </div>
+      <div class="ui vertical divider"></div>
+      <div class="four wide column">
+        <h3 class="ui inverted header century">high impact</h3>
+        <div class="icon-margin"><i class="inverted orange big trophy icon"></i></div>
+        <p>In science, pathways are catalyzed sequences of reactions that lead to biochemical changes. Here at Pathways Fund, we believe that it sequences of research projects with enough support to solve a major problem. Therefore we created Pathway, which is a curated portfolio of promising research projects for a common cause.</p>
+      </div>
+      <div class="ui vertical divider"></div>
+      <div class="four wide column">
+        <h3 class="ui inverted header century">overlooked</h3>
+        <div class="icon-margin"><i class="inverted orange big unhide icon"></i></div>
+        <p>In science, pathways are catalyzed sequences of reactions that lead to biochemical changes. Here at Pathways Fund, we believe that it sequences of research projects with enough support to solve a major problem. Therefore we created Pathway, which is a curated portfolio of promising research projects for a common cause.</p>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="ui vertical masthead center aligned segment second">
+  <div class="ui container">
+    <h2 class="century">who we are</span></h2>
+    <p>We are a group of scientists, technologists, and entrepreneurs who are passionate about making a difference. </p>
+  </div>
+</div>
+
+<div class="ui vertical masthead center aligned segment fifth">
+  <div class="ui text container">
+    <div class="text-box">
+      <h2 class="century">"Look deep into nature, and then you will understand everything better."</h2>
+      <h3 class="century albert">-Albert Einstein</h3>
     </div>
   </div>
+</div>
\ No newline at end of file
diff --git a/pipeline/app/views/layouts/application.html.erb b/pipeline/app/views/layouts/application.html.erb
index 46a45bf..2c5af2e 100644
--- a/pipeline/app/views/layouts/application.html.erb
+++ b/pipeline/app/views/layouts/application.html.erb
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <title>Pathway</title>
+  <title>Pathway Fund</title>
   <link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
   <%= stylesheet_link_tag    'application', media: 'all' %>
   <%= javascript_include_tag 'application' %>
@@ -13,7 +13,7 @@
 
 <div class="ui top fixed hidden menu">
   <a ui-sref="home">
-    <h1 class="ui item logo">Pathway</h1>
+    <h1 class="ui item logo">Pathway Fund</h1>
   </a>
   <a ui-sref="discover" class="item">
     Discover
@@ -42,7 +42,7 @@
 
   <nav class="ui secondary pointing menu dis">
     <a ui-sref="home">
-      <h1 class="ui item logo active">Pathway</h1>
+      <h1 class="ui item logo active">Pathway Fund</h1>
     </a>
     <a class="toc item">
       <i class="sidebar icon"></i>
@@ -96,7 +96,7 @@
           </div>
         </div>
         <div class="seven wide column">
-          <p>Copyright <i class="copyright icon"></i> 2016 Pathway, Inc. | All rights reserved.</p>
+          <p>Copyright <i class="copyright icon"></i> 2016 Pathway Fund, Inc. | All rights reserved.</p>
         </div>
       </div>
     </div>