diff --git a/website/source/index.html.erb b/website/source/index.html.erb
index 5a40f0df08..5452d4e8cc 100644
--- a/website/source/index.html.erb
+++ b/website/source/index.html.erb
@@ -34,7 +34,7 @@
 <div class="feature" id="feature-iterate">
 	<div class="container">
 		<div class="row">
-			<div class="col-lg-6 col-md-6">
+			<div class="col-lg-5 col-md-5">
 				<div class="it-icon f-icon">
 					<div class="t-block"></div>
 					<div class="t-block t2"></div>
@@ -42,7 +42,7 @@
 					<div class="t-block t4"></div>
 				</div>
 			</div>
-			<div class="col-lg-6 col-md-6">
+			<div class="col-lg-7 col-md-7">
 				<h2 class="feature-t">Iterate on infrastructure safely</h2>
 			</div>			
 		</div>
@@ -52,15 +52,67 @@
 <div class="feature" id="feature-clone">
 	<div class="container">
 		<div class="row">
-			<div class="col-lg-6 col-md-6">
+			<div class="col-lg-5 col-md-5">
 				<h2 class="feature-t">Clone complete environments easily</h2>
 			</div>		
-			<div class="col-lg-6 col-md-6">
+			<div class="col-md-push-1 col-lg-6 col-md-6">
 				<div class="clone-icon f-icon">
-					<div class="t-block"></div>
-					<div class="t-block t2"></div>
-					<div class="t-block t3"></div>
-					<div class="t-block t4"></div>
+					<div class="c-group clearfix">
+						<div class="c-col c1">
+							<div class="c-block"></div>
+							<div class="c-block"></div>
+							<div class="c-block"></div>
+							<div class="c-block"></div>
+						</div>
+						<div class="c-col c2">
+							<div class="c-block"></div>
+							<div class="c-block"></div>
+							<div class="c-block"></div>
+							<div class="c-block"></div>
+						</div>
+						<div class="c-col c3">
+							<div class="c-block"></div>
+							<div class="c-block"></div>
+						</div>										
+					</div>
+
+					<div class="c-group cg2">
+						<div class="c-col c1">
+							<div class="c-block"></div>
+							<div class="c-block"></div>
+							<div class="c-block"></div>
+							<div class="c-block"></div>
+						</div>
+						<div class="c-col c2">
+							<div class="c-block"></div>
+							<div class="c-block"></div>
+							<div class="c-block"></div>
+							<div class="c-block"></div>
+						</div>
+						<div class="c-col c3">
+							<div class="c-block"></div>
+							<div class="c-block"></div>
+						</div>										
+					</div>
+
+					<div class="c-group cg3 clearfix">
+						<div class="c-col c1">
+							<div class="c-block"></div>
+							<div class="c-block"></div>
+							<div class="c-block"></div>
+							<div class="c-block"></div>
+						</div>
+						<div class="c-col c2">
+							<div class="c-block"></div>
+							<div class="c-block"></div>
+							<div class="c-block"></div>
+							<div class="c-block"></div>
+						</div>
+						<div class="c-col c3">
+							<div class="c-block"></div>
+							<div class="c-block"></div>
+						</div>										
+					</div>				
 				</div>
 			</div>				
 		</div>
diff --git a/website/source/stylesheets/_home.less b/website/source/stylesheets/_home.less
index 83e3597849..7c236cb4d9 100755
--- a/website/source/stylesheets/_home.less
+++ b/website/source/stylesheets/_home.less
@@ -110,7 +110,41 @@
 
 	h2{
 		color: white;
-	}	
+	}
+
+	.c-group{
+		display: inline-block;
+		margin-right: 20px;
+
+		&.cg2{
+			opacity: .8;
+		}
+
+		&.cg3{
+			opacity: .6;
+		}
+
+		.c-col{
+			display: inline-block;
+			float: left;
+
+			&.c1{
+				padding-top: 16px;
+			}
+
+			&.c3{
+				padding-top: 55px;
+			}		
+			
+			.c-block{
+				background-color: white;
+				width: 30px;
+				height: 30px;
+				.skewY(30deg);
+				margin: 5px 5px 0 0;
+			}
+		}
+	}
 }
 
 #footer-wrap{
diff --git a/website/source/stylesheets/main.css b/website/source/stylesheets/main.css
index bcebad60e5..44d46c479b 100644
--- a/website/source/stylesheets/main.css
+++ b/website/source/stylesheets/main.css
@@ -648,6 +648,37 @@ body.page-sub #header {
 #feature-clone h2 {
   color: white;
 }
+#feature-clone .c-group {
+  display: inline-block;
+  margin-right: 20px;
+}
+#feature-clone .c-group.cg2 {
+  opacity: .8;
+}
+#feature-clone .c-group.cg3 {
+  opacity: .6;
+}
+#feature-clone .c-group .c-col {
+  display: inline-block;
+  float: left;
+}
+#feature-clone .c-group .c-col.c1 {
+  padding-top: 16px;
+}
+#feature-clone .c-group .c-col.c3 {
+  padding-top: 55px;
+}
+#feature-clone .c-group .c-col .c-block {
+  background-color: white;
+  width: 30px;
+  height: 30px;
+  -webkit-transform: skewY(30deg);
+  -moz-transform: skewY(30deg);
+  -ms-transform: skewY(30deg);
+  -o-transform: skewY(30deg);
+  transform: skewY(30deg);
+  margin: 5px 5px 0 0;
+}
 #footer-wrap {
   background-color: white;
   padding: 0 0 50px 0;