update hero

website/source/index.html.erb

@@ -53,7 +53,7 @@
 	<div class="container">
 		<div class="row">
 			<div class="col-lg-6 col-md-6">
-				<h2 class="feature-t">Clone comple environments easily</h2>
+				<h2 class="feature-t">Clone complete environments easily</h2>
 			</div>		
 			<div class="col-lg-6 col-md-6">
 				<div class="clone-icon f-icon">

website/source/stylesheets/_home.less

@@ -8,7 +8,7 @@
 .feature{
 	padding: 240px 0;
 	.lato-light();
-	.anti-alias();
+	//.anti-alias();
 
 	h2{
 		text-align: right;
@@ -39,6 +39,7 @@
 }
 
 #feature-auto{
+	padding: 240px 0 300px;
 	margin-top: -36px;
 	background: #fff url(../images/white-wireframe.png) center top no-repeat;
 	background-size: cover;
@@ -78,7 +79,7 @@
 
 #feature-clone{
 	margin-top: -80px;
-	padding: 240px 0;
+	padding: 240px 0 300px;
 	color: white;
 	background-color: @purple;
 	.skewY(2deg);
@@ -191,15 +192,20 @@
 
 #demos{
 	padding: 30px 0 60px;
-	background-color: @light-purple;
-	background: @light-purple url('../images/sidebar-dots.jpg') left 62px no-repeat;
+	background-color: #000;
+	margin-top: -80px;
+	.skewY(-2deg);
+
+	>.container{
+		.skewY(2deg);
+	}
 
 	.explantion {
 		margin: 40px 0 40px 0;
 
 		h2 {
 			font-size: 22px;
-			color: lighten(@gray-light, 15%);
+			color: white;
 			text-transform: uppercase;
 			font-family: @font-family-lato;
 			font-weight: @font-weight-lato-xb;
@@ -208,8 +214,8 @@
 		p{
 			font-size: 16px;
 			letter-spacing: 1px;
-	        line-height: 1.5em;
-			color: @consul-gray;
+	    line-height: 1.5em;
+			color: white;
 			font-family: @font-family-lato;
 			font-weight: @font-weight-lato-sb;
 		}

website/source/stylesheets/main.css

@@ -532,8 +532,6 @@ body.page-sub #header {
   padding: 240px 0;
   font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 100;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
 }
 .feature h2 {
   text-align: right;
@@ -561,6 +559,7 @@ body.page-sub #header {
   background-repeat: no-repeat;
 }
 #feature-auto {
+  padding: 240px 0 300px;
   margin-top: -36px;
   background: #ffffff url(../images/white-wireframe.png) center top no-repeat;
   background-size: cover;
@@ -610,7 +609,7 @@ body.page-sub #header {
 }
 #feature-clone {
   margin-top: -80px;
-  padding: 240px 0;
+  padding: 240px 0 300px;
   color: white;
   background-color: #822ff7;
   -webkit-transform: skewY(2deg);
@@ -711,15 +710,27 @@ body.page-sub #header {
 }
 #demos {
   padding: 30px 0 60px;
-  background-color: #f7f3f9;
-  background: #f7f3f9 url('../images/sidebar-dots.jpg') left 62px no-repeat;
+  background-color: #000;
+  margin-top: -80px;
+  -webkit-transform: skewY(-2deg);
+  -moz-transform: skewY(-2deg);
+  -ms-transform: skewY(-2deg);
+  -o-transform: skewY(-2deg);
+  transform: skewY(-2deg);
+}
+#demos > .container {
+  -webkit-transform: skewY(2deg);
+  -moz-transform: skewY(2deg);
+  -ms-transform: skewY(2deg);
+  -o-transform: skewY(2deg);
+  transform: skewY(2deg);
 }
 #demos .explantion {
   margin: 40px 0 40px 0;
 }
 #demos .explantion h2 {
   font-size: 22px;
-  color: #b9b9b9;
+  color: white;
   text-transform: uppercase;
   font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 700;
@@ -728,7 +739,7 @@ body.page-sub #header {
   font-size: 16px;
   letter-spacing: 1px;
   line-height: 1.5em;
-  color: #909090;
+  color: white;
   font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 500;
 }