services cta section tweaks

This commit is contained in:
Matthias Kretschmann 2018-04-05 15:34:17 +02:00
parent 800e3c8249
commit 2989eb6ba2
Signed by: m
GPG Key ID: 606EEEF3C479A91F
10 changed files with 55 additions and 35 deletions

View File

@ -41,7 +41,7 @@
.logo,
.logo-services--text {
opacity: .5;
opacity: .75;
}
}

View File

@ -87,6 +87,6 @@
//
@import '_sections/section-cta-whitepaper';
@import '_sections/section-cta-community';
@import '_sections/section-cta-enterprise';
@import '_sections/section-cta-services';
@import '_sections/section-partners';
@import '_sections/section-blog';

View File

@ -1,7 +0,0 @@
.section-cta--enterprise {
.logo-enterprise {
margin-bottom: $spacer;
transform: scale(.8);
}
}

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

View File

@ -51,13 +51,15 @@
.logo {
@extend .logo--sm;
display: inline-block;
color: $brand-main-blue-light;
fill: $brand-main-blue-light;
}
}
.logo-services--text {
font-size: $font-size-h3 * 1.05;
font-size: $font-size-h3 * 1.1;
display: inline-block;
color: #fff;
color: $brand-main-blue-light;
padding-left: $spacer;
position: relative;
top: -3px;

View File

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

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

View File

@ -29,6 +29,6 @@ cta:
</section>
{% include sections/section-cta-enterprise.html %}
{% include sections/section-cta-services.html %}
{% include sections/section-cta.html %}

View File

@ -88,6 +88,6 @@ cta:
</section>
{% include sections/section-cta-enterprise.html %}
{% include sections/section-cta-services.html %}
{% include sections/section-cta.html %}

View File

@ -65,7 +65,7 @@ intro:
{% include sections/section-partners.html %}
{% include sections/section-cta-enterprise.html %}
{% include sections/section-cta-services.html %}
{% include sections/section-blog.html %}