diff --git a/website/source/assets/stylesheets/_buttons.scss b/website/source/assets/stylesheets/_buttons.scss index 6d225ce5e1..95edc355da 100755 --- a/website/source/assets/stylesheets/_buttons.scss +++ b/website/source/assets/stylesheets/_buttons.scss @@ -27,11 +27,29 @@ } .terra-btn{ - background-color: rgba(130, 47, 247, 0.36); + position: relative; + display: inline-block; + // Extra 3px of bottom padding compensates for ::after content + padding: 20px 30px 23px; + color: white; + background-color: $purple; + font-size: 20px; + font-weight: 500; + text-transform: uppercase; + letter-spacing: 2px; @include transition( background-color 0.3s ease ); + &::after { + font-size: 1.2em; + content: "ยป"; + position: relative; + left: 5px; + } + &:hover{ + color: white; background-color: rgba(130, 47, 247, 0.8); + text-decoration: none; @include transition( background-color 0.3s ease ); } } diff --git a/website/source/assets/stylesheets/_home.scss b/website/source/assets/stylesheets/_home.scss index 3e4b9c2bab..2b085c0b6f 100755 --- a/website/source/assets/stylesheets/_home.scss +++ b/website/source/assets/stylesheets/_home.scss @@ -30,7 +30,6 @@ body.page-home { p.lead{ font-size: 24px; - max-width: 28em; } #customer-logos { @@ -233,7 +232,6 @@ body.page-home { } p { - max-width: 35em; margin-bottom: 20px; } @@ -358,6 +356,15 @@ body.page-home { } } + .cta { + text-align: center; + + .btn { + position: relative; + margin: 0 50%; + } + } + @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #demos{ diff --git a/website/source/index.html.erb b/website/source/index.html.erb index 0d80e8e0b4..e9b13cba76 100644 --- a/website/source/index.html.erb +++ b/website/source/index.html.erb @@ -125,7 +125,7 @@
Use attributes from other resources to create a layered infrastructure. Terraform handles ordering resource creation @@ -160,7 +160,7 @@
Simple and intuitive configuration makes even the most complicated services approachable: @@ -199,6 +199,13 @@
The intro contains a walkthrough guide, introductory literature and + a range of examples to experiment with Terraform.
++ Get started +
+