Add get started on menu bar

foundation/public/css/erpnext-org-theme.css

@@ -301,8 +301,8 @@ a:visited {
   display: flex;
   margin: 0;
 }
-.menu-items {
-  padding-left: 1.5rem;
+.menu-item {
+  margin-left: 1.5rem;
 }
 .menu-links {
   color: #6c7680;
@@ -334,7 +334,6 @@ a:visited {
 }
 .stars {
   width: 125px;
-  margin-top: 1rem;
 }
 @media screen and (min-width: 767px) {
   .footer {
@@ -436,6 +435,18 @@ a:visited {
   background: #5e5ec9;
   color: #fff;
 }
+.button-primary-small {
+  color: #fff;
+  background: #7575ff;
+  border-right: 0;
+  border-left: 0;
+  border-top: 0;
+  padding: 0.45rem 1rem;
+}
+.button-primary-small:hover {
+  background: #5e5ec9;
+  color: #fff;
+}
 .button-secondary {
   font-size: 1.5em;
   color: #6c7680;

foundation/public/less/erpnext-org-theme.less

@@ -80,8 +80,8 @@ a {
 	margin: 0;
 }
 
-.menu-items {
-	padding-left: 1.5rem;
+.menu-item {
+	margin-left: 1.5rem;
 }
 
 .menu-links {
@@ -117,7 +117,6 @@ a {
 
 .stars {
 	width: 125px;
-	margin-top: 1rem;
 }
 
 .footer {
@@ -231,6 +230,20 @@ a {
 	}
 }
 
+.button-primary-small {
+	color: #fff;
+	background: #7575ff;
+	border-right: 0;
+	border-left: 0;
+	border-top: 0;
+	padding: 0.45rem 1rem;
+
+	&:hover {
+		background: @button-primary-hover;
+		color: #fff;
+	}
+}
+
 .button-secondary {
 	font-size: 1.5em;
 	color: @text-light;

foundation/templates/includes/navbar/navbar.html

@@ -8,15 +8,18 @@
             </div>
             <div class="right">
                 <ul class="menu list-unstyled">
-                    <li class="menu-items">
+                    <li class="menu-item">
                         <a href="/service-providers" class="menu-links">Services</a>
                     </li>
-                    <li class="menu-items">
+                    <li class="menu-item">
                         <a href="/blog" class="menu-links">Blog</a>
                     </li>
-                    <li class="menu-items">
+                    <li class="menu-item">
                         <a href="/about" class="menu-links">About</a>
                     </li>
+										<li class="menu-item">
+												<a class="button button-primary-small" href="/get-started">Get Started</a>
+										</li>
                 </ul>
             </div>
         </div>

foundation/www/index.html

@@ -9,6 +9,13 @@
 		<a class="button button-primary" href="/get-started.html">Get Started</a>
 	</div>
 </section>
+<section class='feature hero blue-bg text-center'>
+	<div class="container">
+		<h1 class="header-1">Accounting, Inventory and Beyond</h1>
+		<p class='intro-copy text-medium text-light'>ERPNext covers all the features you need to put you in complete control of your business.</p>
+		<img class="screenshot" src='/assets/foundation/img/screenshot-main.png' alt="ERPNext desk view">
+	</div>
+</section>
 <section class="feature gray-bg text-left">
 	<div class="container">
 		<h1 class="header-1 bottom-spacer text-center">Industries</h1>
@@ -61,29 +68,29 @@
 </section>
 <section class="feature">
 	<div class="container">
-	<h1 class="header-1 text-center bottom-spacer">Reviews</h1>
+	<h1 class="header-1 text-center">Reviews</h1>
 	<div class="columns">
 		<div class="column text-center">
-			<a class="secondary-link" href="https://www.capterra.com/p/164441/ERPNext/">
-				<img alt="captera-erpnext review" src="/assets/foundation/img/captera.png" class="review-img">
+			<a class="secondary-link" target="_blank" href="https://www.capterra.com/p/164441/ERPNext/">
+				<img alt="captera-erpnext review" src="/assets/foundation/img/captera-bw.png" class="review-img">
 				<img alt-"above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">
 			</a>
 		</div>
 		<div class="column text-center">
-		<a class="secondary-link" href="https://www.softwareadvice.com/erp/erpnext-profile/">
-			<img alt="software advice erpnext review" src="/assets/foundation/img/software-advice.png" class="review-img">
+		<a class="secondary-link" target="_blank" href="https://www.softwareadvice.com/erp/erpnext-profile/">
+			<img alt="software advice erpnext review" src="/assets/foundation/img/software-advice-bw.png" class="review-img">
 			<img alt="above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">
 		</a>
 		</div>
 		<div class="column text-center">
-		<a class="secondary-link" href="https://www.g2crowd.com/products/erpnext/reviews">
-			<img alt="g2-crowd review" src="/assets/foundation/img/g2-crowd.png" class="review-img">
+		<a class="secondary-link" target="_blank" href="https://www.g2crowd.com/products/erpnext/reviews">
+			<img alt="g2-crowd review" src="/assets/foundation/img/g2-crowd-bw.png" class="review-img">
 			<img alt="above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">
 		</a>
 		</div>
 		<div class="column text-center">
-		<a class="secondary-link" href="https://www.getapp.com/operations-management-software/a/iwebnotes/">
-			<img alt="get app review" src="/assets/foundation/img/getapp.png" class="review-img">
+		<a class="secondary-link" target="_blank" href="https://www.getapp.com/operations-management-software/a/iwebnotes/">
+			<img alt="get app review" src="/assets/foundation/img/getapp-bw.png" class="review-img">
 			<img alt="above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">
 		</a>
 		</div>