diff --git a/website/source/index.html.erb b/website/source/index.html.erb
index 5452d4e8c..e4c5d659e 100644
--- a/website/source/index.html.erb
+++ b/website/source/index.html.erb
@@ -21,10 +21,11 @@
-
+
Automatically build infrastructure from code
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vestibulum nibh vitae quam dapibus, nec sodales dolor sodales. Class aptent taciti sociosqu ad litora.
-
@@ -44,6 +45,7 @@
Iterate on infrastructure safely
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vestibulum nibh vitae quam dapibus, nec sodales dolor sodales. Class aptent taciti sociosqu ad litora.
diff --git a/website/source/stylesheets/_home.less b/website/source/stylesheets/_home.less
index cf910bc8e..8416d7870 100755
--- a/website/source/stylesheets/_home.less
+++ b/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;
diff --git a/website/source/stylesheets/main.css b/website/source/stylesheets/main.css
index 64af49ee8..1df4dd370 100644
--- a/website/source/stylesheets/main.css
+++ b/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;