cleaned up contact page

This commit is contained in:
VitaliyTr 2017-02-23 23:17:30 +07:00
parent 19fc93eff0
commit 32ef0f9a2c
4 changed files with 26 additions and 11 deletions

View file

@ -21,7 +21,7 @@
<div class="col-sm-4"> <div class="col-sm-4">
{% t pages.contact.form-pretext %} <br/> {% t pages.contact.form-pretext %} <br/>
{% t pages.contact.form-pretext-2 %} {% t pages.contact.form-pretext-2 %}
<a style="display: inline-block;" href="mailto:contact@dash.org"> Contact us.</a> <!-- !!!remove after form is back up--> <a href="mailto:contact@dash.org" class="btn-white-solid"> Contact us.</a> <!-- !!!remove after form is back up-->
</div> </div>
<div class="col-sm-4 col-sm-offset-4 callout-blue"> <div class="col-sm-4 col-sm-offset-4 callout-blue">
Dash <br /> Dash <br />

View file

@ -20,7 +20,7 @@ description: pages.contact.description
</div> </div>
</section> </section>
<section id="mailing" class="section section--cta section--colored"> <section id="mailing" class="section section--cta section--colored mailboxes-bg">
<div class="section__content"> <div class="section__content">
<h3>{% t pages.contact.mail-list-heading %}</h3> <h3>{% t pages.contact.mail-list-heading %}</h3>

View file

@ -471,12 +471,19 @@ a.blog_link {
font-weight: $font-weight-bold; font-weight: $font-weight-bold;
} }
.section__title{ .mailboxes-bg{
font-weight: 300; background-image: url(../../assets/img/hero/mailboxes.jpg);
font-size: 3.35294rem; position: relative;
line-height: 1.2; background-size: cover;
letter-spacing: -0.015em; z-index: 1;
margin-bottom: 10px; &:after {
text-align: center; content: '';
margin-bottom: 40px; background-image: $gradient-default-overlay-blue;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
}
} }

View file

@ -10,7 +10,15 @@ $m: 'section';
padding: 0 20px; padding: 0 20px;
margin: 0 auto; margin: 0 auto;
} }
&__title{
font-weight: 300;
font-size: 3.35294rem;
line-height: 1.2;
letter-spacing: -0.015em;
margin-bottom: 10px;
text-align: center;
margin-bottom: 40px;
}
&--intro-lead { &--intro-lead {
text-align: center; text-align: center;
.#{$m} { .#{$m} {