mirror of
https://github.com/bigchaindb/site.git
synced 2024-11-22 01:36:55 +01:00
services cta section tweaks
This commit is contained in:
parent
800e3c8249
commit
2989eb6ba2
@ -41,7 +41,7 @@
|
|||||||
|
|
||||||
.logo,
|
.logo,
|
||||||
.logo-services--text {
|
.logo-services--text {
|
||||||
opacity: .5;
|
opacity: .75;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -87,6 +87,6 @@
|
|||||||
//
|
//
|
||||||
@import '_sections/section-cta-whitepaper';
|
@import '_sections/section-cta-whitepaper';
|
||||||
@import '_sections/section-cta-community';
|
@import '_sections/section-cta-community';
|
||||||
@import '_sections/section-cta-enterprise';
|
@import '_sections/section-cta-services';
|
||||||
@import '_sections/section-partners';
|
@import '_sections/section-partners';
|
||||||
@import '_sections/section-blog';
|
@import '_sections/section-blog';
|
||||||
|
@ -1,7 +0,0 @@
|
|||||||
|
|
||||||
.section-cta--enterprise {
|
|
||||||
.logo-enterprise {
|
|
||||||
margin-bottom: $spacer;
|
|
||||||
transform: scale(.8);
|
|
||||||
}
|
|
||||||
}
|
|
26
_src/_assets/styles/_sections/_section-cta-services.scss
Normal file
26
_src/_assets/styles/_sections/_section-cta-services.scss
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
|
||||||
|
.section-cta--services {
|
||||||
|
.logo-services {
|
||||||
|
margin-bottom: $spacer;
|
||||||
|
transform: scale(.8);
|
||||||
|
transform-origin: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-services--text,
|
||||||
|
.logo-services .logo {
|
||||||
|
color: $brand-main-blue-light;
|
||||||
|
fill: $brand-main-blue-light;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-header {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title {
|
||||||
|
text-align: left;
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
@ -51,13 +51,15 @@
|
|||||||
.logo {
|
.logo {
|
||||||
@extend .logo--sm;
|
@extend .logo--sm;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
color: $brand-main-blue-light;
|
||||||
|
fill: $brand-main-blue-light;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo-services--text {
|
.logo-services--text {
|
||||||
font-size: $font-size-h3 * 1.05;
|
font-size: $font-size-h3 * 1.1;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
color: #fff;
|
color: $brand-main-blue-light;
|
||||||
padding-left: $spacer;
|
padding-left: $spacer;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -3px;
|
top: -3px;
|
||||||
|
@ -1,21 +0,0 @@
|
|||||||
<section class="section section-cta section-cta--enterprise background--green text-center">
|
|
||||||
<div class="row">
|
|
||||||
<header class="section-header">
|
|
||||||
|
|
||||||
<div class="logo-enterprise">
|
|
||||||
<svg class="logo logo--white" aria-labelledby="title">
|
|
||||||
<title>Logo</title>
|
|
||||||
<use xlink:href="/assets/img/sprite.svg#logo"></use>
|
|
||||||
</svg>
|
|
||||||
<span class="logo-enterprise--text">Enterprise</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h1 class="section-title">Hands-on production support</h1>
|
|
||||||
<p class="section-description">From ideation to production, we have the team and technology to help you build enterprise-grade applications and platforms.</p>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<a class="btn btn-blue" href="/enterprise/">
|
|
||||||
Enterprise
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
20
_src/_includes/sections/section-cta-services.html
Normal file
20
_src/_includes/sections/section-cta-services.html
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
<section class="section section-cta section-cta--services background--green">
|
||||||
|
<div class="row">
|
||||||
|
<header class="section-header">
|
||||||
|
|
||||||
|
<div class="logo-services">
|
||||||
|
<svg class="logo" aria-labelledby="title">
|
||||||
|
<title>Logo</title>
|
||||||
|
<use xlink:href="/assets/img/sprite.svg#logo"></use>
|
||||||
|
</svg>
|
||||||
|
<span class="logo-services--text">Services</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h1 class="section-title">Hands-on consulting and production support by blockchain experts.</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<a class="btn btn-blue" href="/services/">
|
||||||
|
Explore Services
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
@ -29,6 +29,6 @@ cta:
|
|||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% include sections/section-cta-enterprise.html %}
|
{% include sections/section-cta-services.html %}
|
||||||
|
|
||||||
{% include sections/section-cta.html %}
|
{% include sections/section-cta.html %}
|
||||||
|
@ -88,6 +88,6 @@ cta:
|
|||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% include sections/section-cta-enterprise.html %}
|
{% include sections/section-cta-services.html %}
|
||||||
|
|
||||||
{% include sections/section-cta.html %}
|
{% include sections/section-cta.html %}
|
||||||
|
@ -65,7 +65,7 @@ intro:
|
|||||||
|
|
||||||
{% include sections/section-partners.html %}
|
{% include sections/section-partners.html %}
|
||||||
|
|
||||||
{% include sections/section-cta-enterprise.html %}
|
{% include sections/section-cta-services.html %}
|
||||||
|
|
||||||
{% include sections/section-blog.html %}
|
{% include sections/section-blog.html %}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user