1
0
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:
Matthias Kretschmann 2018-04-06 11:33:52 +02:00
parent aa11ea3d76
commit 7ee013a8fe
Signed by: m
GPG Key ID: 606EEEF3C479A91F
9 changed files with 36 additions and 59 deletions

View File

@ -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;
}
}

View File

@ -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;

View File

@ -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';

View File

@ -1,4 +0,0 @@
.section-cta--community {
background-image: url('../img/photo2.jpg');
background-position: center top;
}

View 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;
}
}
}

View File

@ -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>

View 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>

View File

@ -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 %}

View File

@ -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 %}