diff --git a/website/source/stylesheets/_home.less b/website/source/stylesheets/_home.less
index 09044c587..8c6aeedd0 100755
--- a/website/source/stylesheets/_home.less
+++ b/website/source/stylesheets/_home.less
@@ -504,6 +504,42 @@
padding: 0 !important;
}
}
+
+ #feature-iterate{
+ margin-top: -80px;
+ padding: 280px 0 360px;
+ color: white;
+ background: #fff url(../images/feature-iterate-bg.png) center top no-repeat;
+ border-top: 2px solid white;
+ border-bottom: 2px solid @purple;
+ background-size: cover;
+ .skewY(3deg);
+
+ >.container{
+ .skewY(-3deg);
+ }
+
+ p{
+ text-align: right;
+ padding-left: 120px;
+ font-weight: 100;
+ }
+
+ .it-icon{
+ margin-left: 45px;
+ margin-bottom: 40px;
+ }
+
+ .t-block{
+ background-color: rgb(255, 255, 255);
+ width: 40px;
+ height: 40px;
+ .skewY(26deg);
+ float: left;
+ margin-right: 15px;
+ }
+ }
+
#demos{
}
diff --git a/website/source/stylesheets/main.css b/website/source/stylesheets/main.css
index 00511cfbc..3f10fba3a 100644
--- a/website/source/stylesheets/main.css
+++ b/website/source/stylesheets/main.css
@@ -1052,6 +1052,48 @@ body.page-home #footer {
text-align: center !important;
padding: 0 !important;
}
+ #feature-iterate {
+ margin-top: -80px;
+ padding: 280px 0 360px;
+ color: white;
+ background: #ffffff url(../images/feature-iterate-bg.png) center top no-repeat;
+ border-top: 2px solid white;
+ border-bottom: 2px solid #822ff7;
+ background-size: cover;
+ -webkit-transform: skewY(3deg);
+ -moz-transform: skewY(3deg);
+ -ms-transform: skewY(3deg);
+ -o-transform: skewY(3deg);
+ transform: skewY(3deg);
+ }
+ #feature-iterate > .container {
+ -webkit-transform: skewY(-3deg);
+ -moz-transform: skewY(-3deg);
+ -ms-transform: skewY(-3deg);
+ -o-transform: skewY(-3deg);
+ transform: skewY(-3deg);
+ }
+ #feature-iterate p {
+ text-align: right;
+ padding-left: 120px;
+ font-weight: 100;
+ }
+ #feature-iterate .it-icon {
+ margin-left: 45px;
+ margin-bottom: 40px;
+ }
+ #feature-iterate .t-block {
+ background-color: #ffffff;
+ width: 40px;
+ height: 40px;
+ -webkit-transform: skewY(26deg);
+ -moz-transform: skewY(26deg);
+ -ms-transform: skewY(26deg);
+ -o-transform: skewY(26deg);
+ transform: skewY(26deg);
+ float: left;
+ margin-right: 15px;
+ }
}
.people {
margin-top: 30px;