diff --git a/_src/_assets/styles/page-features.scss b/_src/_assets/styles/page-features.scss index 22b4b46..2b2e72b 100644 --- a/_src/_assets/styles/page-features.scss +++ b/_src/_assets/styles/page-features.scss @@ -24,5 +24,31 @@ .section-timeline { - @extend .background--light; + position: relative; + + // background + background: url('../img/photo1.jpg') no-repeat center top; + background-size: cover; + + // color overlay + &:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: linear-gradient(to top left, $brand-main-blue 0%, $brand-main-brown 100%); + opacity: .7; + z-index: 0; + } + + .row { z-index: 1 } + + .section-title, + .section-description { + color: #fff; + } } diff --git a/_src/community.html b/_src/community.html index 90806de..5b0122c 100644 --- a/_src/community.html +++ b/_src/community.html @@ -7,7 +7,7 @@ title: Community <section class="section section-community"> <div class="row"> <header class="section-header"> - <h1 class="section-title">Get in touch with Bigchain</h1> + <h1 class="section-title">Get involved</h1> </header> <div class="grid grid--full grid-small--fit grid--gutters"> diff --git a/_src/features.html b/_src/features.html index bf08b95..700439a 100644 --- a/_src/features.html +++ b/_src/features.html @@ -63,11 +63,7 @@ title: Features <div class="row"> <header class="section-header"> <h1 class="section-title">Timeline.</h1> + <p class="section-description">Private beta is shipping now. Contact us more information. Public Bigchain will be released soon</p> </header> - - <p> - Private beta is shipping now. Contact us more information. Public Bigchain will be released soon - </p> - </div> </section>