diff --git a/website/source/assets/images/feature-plan-bg.svg b/website/source/assets/images/feature-plan-bg.svg new file mode 100644 index 000000000..0a897d414 --- /dev/null +++ b/website/source/assets/images/feature-plan-bg.svg @@ -0,0 +1,397 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + BAREMETAL + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/website/source/assets/stylesheets/_home.scss b/website/source/assets/stylesheets/_home.scss index 1a1396869..7bec47460 100755 --- a/website/source/assets/stylesheets/_home.scss +++ b/website/source/assets/stylesheets/_home.scss @@ -141,21 +141,27 @@ body.page-home { #feature-plan{ position: relative; color: $white; + background-size: 80%; position: relative; - padding: 180px 0 60px; + padding: 180px 0 180px; margin-top: -80px; >.container { z-index: 21; + background: image-url("feature-plan-bg.svg") 0% 45% no-repeat; + background-size: 100%; + } + + p.lead { + margin-bottom: 400px; } #feature-plan-bg{ background: $purple; border-top: 2px solid white; border-bottom: 2px solid $purple; - background-size: cover; - @include skewY(3deg); z-index: 20; + @include skewY(3deg); } }