clone/it

website/source/index.html.erb

@@ -21,10 +21,11 @@
 <div class="feature" id="feature-auto">
 	<div class="container">
 		<div class="row">
-			<div class="col-lg-6 col-md-6">
+			<div class="col-lg-7 col-md-7">
 				<h2 class="feature-t">Automatically build  infrastructure from code</h2>
+				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vestibulum nibh vitae quam dapibus, nec sodales dolor sodales. Class aptent taciti sociosqu ad litora.</p>
 			</div>
-			<div class="col-lg-6 col-md-6">
+			<div class="col-lg-5 col-md-5">
 				<h3 class="terminal-text">$ terraform apply</h3>
 			</div>			
 		</div>
@@ -44,6 +45,7 @@
 			</div>
 			<div class="col-lg-7 col-md-7">
 				<h2 class="feature-t">Iterate on infrastructure safely</h2>
+				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vestibulum nibh vitae quam dapibus, nec sodales dolor sodales. Class aptent taciti sociosqu ad litora.</p>
 			</div>			
 		</div>
 	</div> <!-- /container -->

website/source/stylesheets/_home.less

@@ -13,8 +13,9 @@
 	h2{
 		text-align: right;
 		font-size: 44px;
-		line-height: 54px;
+		line-height: 44px;
 		letter-spacing: 2px;
+		text-transform: uppercase;
 		color: @purple;
 		.lato-light();
 	}
@@ -38,7 +39,7 @@
 }
 
 #feature-auto{
-	padding: 240px 0 300px;
+	padding: 200px 0 300px;
 	margin-top: -36px;
 	background: #fff url(../images/white-wireframe.png) center top no-repeat;
 	background-size: cover;
@@ -48,10 +49,21 @@
 		.skewY(2deg);
 	}
 
+	h2{
+		font-size: 41px
+	}
+
+	p{
+		text-align: right;
+		padding-left: 100px;
+	}
+
 	.terminal-text{
-		color: black;
+		background: black;
+		color: white;
 		line-height: 88px;
 		text-align: center;
+		margin: 60px 20px 0;
 		font-size: 35px;
 		font-family: "Courier New", Monaco, Menlo, Consolas, monospace;
 	}
@@ -59,7 +71,7 @@
 
 #feature-iterate{
 	margin-top: -80px;
-	padding: 280px 0;
+	padding: 280px 0 360px;
 	color: white;
 	background: #fff url(../images/feature-iterate-bg.png) center top no-repeat;
 	border-top: 2px solid white;
@@ -71,6 +83,16 @@
 		.skewY(-2deg);
 	}
 
+	p{
+		text-align: right;
+		padding-left: 120px;
+		font-weight: 100;
+	}
+
+	.it-icon{
+		margin-top: 40px;
+	}
+
 	.t-block{
 		background-color: rgb(255, 255, 255);
 		width: 80px;

website/source/stylesheets/main.css

@@ -597,8 +597,9 @@ body.page-sub #header .main-links.navbar-nav li + li::before {
 .feature h2 {
   text-align: right;
   font-size: 44px;
-  line-height: 54px;
+  line-height: 44px;
   letter-spacing: 2px;
+  text-transform: uppercase;
   color: #822ff7;
   font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 100;
@@ -619,7 +620,7 @@ body.page-sub #header .main-links.navbar-nav li + li::before {
   background-repeat: no-repeat;
 }
 #feature-auto {
-  padding: 240px 0 300px;
+  padding: 200px 0 300px;
   margin-top: -36px;
   background: #ffffff url(../images/white-wireframe.png) center top no-repeat;
   background-size: cover;
@@ -636,16 +637,25 @@ body.page-sub #header .main-links.navbar-nav li + li::before {
   -o-transform: skewY(2deg);
   transform: skewY(2deg);
 }
+#feature-auto h2 {
+  font-size: 41px;
+}
+#feature-auto p {
+  text-align: right;
+  padding-left: 100px;
+}
 #feature-auto .terminal-text {
-  color: black;
+  background: black;
+  color: white;
   line-height: 88px;
   text-align: center;
+  margin: 60px 20px 0;
   font-size: 35px;
   font-family: "Courier New", Monaco, Menlo, Consolas, monospace;
 }
 #feature-iterate {
   margin-top: -80px;
-  padding: 280px 0;
+  padding: 280px 0 360px;
   color: white;
   background: #ffffff url(../images/feature-iterate-bg.png) center top no-repeat;
   border-top: 2px solid white;
@@ -664,6 +674,14 @@ body.page-sub #header .main-links.navbar-nav li + li::before {
   -o-transform: skewY(-2deg);
   transform: skewY(-2deg);
 }
+#feature-iterate p {
+  text-align: right;
+  padding-left: 120px;
+  font-weight: 100;
+}
+#feature-iterate .it-icon {
+  margin-top: 40px;
+}
 #feature-iterate .t-block {
   background-color: #ffffff;
   width: 80px;