mirror of
https://github.com/bigchaindb/site.git
synced 2024-11-25 03:03:16 +01:00
consistent get started CTA sections
This commit is contained in:
parent
aa11ea3d76
commit
7ee013a8fe
@ -1,7 +1,6 @@
|
||||
.page-features {
|
||||
.section-cta {
|
||||
background: url('../img/nosprite/starbase-drivers.svg') no-repeat center bottom;
|
||||
background-size: contain;
|
||||
.section--getstarted {
|
||||
background-color: $body-bg;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -212,20 +212,6 @@ li.toc-h3 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.section--getstarted {
|
||||
padding-bottom: 0;
|
||||
|
||||
.section-header {
|
||||
margin-bottom: -($spacer * 3.5);
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
|
||||
.btn {
|
||||
margin-top: $spacer * 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.image--create-transfer {
|
||||
max-width: calc(100% + 1rem) !important; //stylelint-disable-line declaration-no-important
|
||||
margin-left: -1rem;
|
||||
|
@ -86,7 +86,7 @@
|
||||
// Specific sections
|
||||
//
|
||||
@import '_sections/section-cta-whitepaper';
|
||||
@import '_sections/section-cta-community';
|
||||
@import '_sections/section-cta-services';
|
||||
@import '_sections/section-partners';
|
||||
@import '_sections/section-blog';
|
||||
@import '_sections/section-getstarted';
|
||||
|
@ -1,4 +0,0 @@
|
||||
.section-cta--community {
|
||||
background-image: url('../img/photo2.jpg');
|
||||
background-position: center top;
|
||||
}
|
13
_src/_assets/styles/_sections/_section-getstarted.scss
Normal file
13
_src/_assets/styles/_sections/_section-getstarted.scss
Normal file
@ -0,0 +1,13 @@
|
||||
.section--getstarted {
|
||||
padding-bottom: 0;
|
||||
|
||||
.section-header {
|
||||
margin-bottom: -($spacer * 3.5);
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
|
||||
.btn {
|
||||
margin-top: $spacer * 2;
|
||||
}
|
||||
}
|
||||
}
|
@ -1,12 +0,0 @@
|
||||
<section class="section section-cta section-cta--community background--photo text-center">
|
||||
<div class="row">
|
||||
<header class="section-header">
|
||||
<h1 class="section-title">Get involved</h1>
|
||||
<p class="section-description">There are many ways you can contribute to the BigchainDB project.</p>
|
||||
</header>
|
||||
|
||||
<a class="btn btn-primary" href="/community/">
|
||||
Community
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
18
_src/_includes/sections/section-getstarted.html
Normal file
18
_src/_includes/sections/section-getstarted.html
Normal file
@ -0,0 +1,18 @@
|
||||
<section class="section section--getstarted background--darker">
|
||||
<div class="row row--wide">
|
||||
<header class="section-header">
|
||||
<h1 class="section-title">Get to know the BigchainDB universe</h1>
|
||||
<div class="section-description">
|
||||
<p>Explore drivers, tools & a lot more documentation.</p>
|
||||
<a class="btn btn-primary" href="/getstarted/">Get started</a>
|
||||
</div>
|
||||
</header>
|
||||
</div>
|
||||
<aside class="starbase starbase--server">
|
||||
<div class="row row--wide">
|
||||
<figure class="starbase__image">
|
||||
<img class="img--responsive" src="/assets/img/nosprite/starbase-server.svg" alt="Starbase" width="1111" height="343">
|
||||
</figure>
|
||||
</div>
|
||||
</aside>
|
||||
</section>
|
@ -47,21 +47,4 @@ layout: base
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section section--getstarted background--darker">
|
||||
<div class="row row--wide">
|
||||
<header class="section-header">
|
||||
<h1 class="section-title">Get to know the BigchainDB universe</h1>
|
||||
<div class="section-description">
|
||||
<p>Explore drivers, tools & a lot more documentation.</p>
|
||||
<a class="btn btn-primary" href="/getstarted/">Get started</a>
|
||||
</div>
|
||||
</header>
|
||||
</div>
|
||||
<aside class="starbase starbase--server">
|
||||
<div class="row row--wide">
|
||||
<figure class="starbase__image">
|
||||
<img class="img--responsive" src="/assets/img/nosprite/starbase-server.svg" alt="Starbase" width="1111" height="343">
|
||||
</figure>
|
||||
</div>
|
||||
</aside>
|
||||
</section>
|
||||
{% include sections/section-getstarted.html %}
|
||||
|
@ -38,12 +38,6 @@ features:
|
||||
text: "Roll out your own public or private networks for specific industry use cases."
|
||||
icon: "icon-lock"
|
||||
|
||||
cta:
|
||||
title: Get started
|
||||
description: Explore drivers, tools & documentation
|
||||
button: Get started
|
||||
button_link: /developers/getstarted
|
||||
|
||||
quotes: set2
|
||||
js: page-features.min.js
|
||||
---
|
||||
@ -188,4 +182,4 @@ js: page-features.min.js
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% include sections/section-cta.html %}
|
||||
{% include sections/section-getstarted.html %}
|
||||
|
Loading…
Reference in New Issue
Block a user