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.

-
+

$ terraform apply

@@ -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;