diff --git a/website/source/assets/images/feature-card-create.svg b/website/source/assets/images/feature-card-create.svg new file mode 100644 index 000000000..0c77fe438 --- /dev/null +++ b/website/source/assets/images/feature-card-create.svg @@ -0,0 +1,15 @@ + + + diff --git a/website/source/assets/images/feature-card-plan.svg b/website/source/assets/images/feature-card-plan.svg new file mode 100644 index 000000000..765579dce --- /dev/null +++ b/website/source/assets/images/feature-card-plan.svg @@ -0,0 +1,31 @@ + + + diff --git a/website/source/assets/images/feature-card-write.svg b/website/source/assets/images/feature-card-write.svg new file mode 100644 index 000000000..3e81bc1b2 --- /dev/null +++ b/website/source/assets/images/feature-card-write.svg @@ -0,0 +1,24 @@ + + + diff --git a/website/source/assets/stylesheets/_home.scss b/website/source/assets/stylesheets/_home.scss index 5e1ef52dd..328d5dd75 100755 --- a/website/source/assets/stylesheets/_home.scss +++ b/website/source/assets/stylesheets/_home.scss @@ -79,7 +79,7 @@ body.page-home { } .feature-card { - height: 230px; + height: 210px; border: 2px solid #E6E7E8; padding:20px; font-size: 18px; @@ -98,6 +98,23 @@ body.page-home { text-transform: uppercase; letter-spacing: 1px; } + + &.feature-card-write{ + background: image-url("feature-card-write.svg") 20px 120px no-repeat; + background-size: 289px 55px; + } + + &.feature-card-plan{ + background: image-url("feature-card-plan.svg") 0px 137px no-repeat; + background-size: 360px 21px; + } + + &.feature-card-create{ + background: image-url("feature-card-create.svg") 0px 105px no-repeat; + background-size: 275px 75px; + } + + } #feature-write{ @@ -218,12 +235,6 @@ body.page-home { @include lato-light(); } - .explantion { - margin: 40px 0 60px 15px; - border-left: 8px solid #1e1e1e; - - } - .terminals{ margin-bottom: 80px; @@ -244,16 +255,6 @@ body.page-home { .right{ padding-left: 25px; - - h2{ - margin-top: 0; - font-size: 28px; - text-transform: uppercase; - } - - p{ - font-size: 16px; - } } } @@ -584,8 +585,6 @@ body.page-home { @media (max-width: 320px) { - #feature-clone{ - } #feature-iterate{ margin-top: -80px; @@ -601,12 +600,6 @@ body.page-home { @include skewY(-3deg); } - p{ - text-align: right; - padding-left: 120px; - font-weight: 300; - } - .it-icon{ width: 245px; margin: 0 auto 40px 45px; diff --git a/website/source/feature-card-write.svg b/website/source/feature-card-write.svg new file mode 100644 index 000000000..0e81a10e3 --- /dev/null +++ b/website/source/feature-card-write.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/website/source/index.html.erb b/website/source/index.html.erb index 8d0cff760..0d80e8e0b 100644 --- a/website/source/index.html.erb +++ b/website/source/index.html.erb @@ -3,30 +3,10 @@
Terraform is an open source tool that allows you to codify APIs into - declarative configuration files that can be shared amongst team members, - treated as code, edited, reviewed, and versioned. Terraform allows you - safely and predictably create, change, and improve production - infrastructure.
-- -
Trusted in production by:
-Infrastructure as code
Workflows, not technologies
Cloneable infrastructure