joshua/dash-website
1
0
Fork 0
mirror of https://github.com/seigler/dash-website synced 2025-07-27 07:16:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

cleaned up contact page

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

2
_includes/hero/contact.html
View file

@ -21,7 +21,7 @@
<div class="col-sm-4">
{% t pages.contact.form-pretext %} <br/>
{% 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 class="col-sm-4 col-sm-offset-4 callout-blue">
Dash <br />

2
contact/index.html
View file

@ -20,7 +20,7 @@ description: pages.contact.description
</div>
</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">
<h3>{% t pages.contact.mail-list-heading %}</h3>

23
src/scss/_junk-drawer.scss
View file

@ -471,12 +471,19 @@ a.blog_link {
font-weight: $font-weight-bold;
}
.section__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;
.mailboxes-bg{
background-image: url(../../assets/img/hero/mailboxes.jpg);
position: relative;
background-size: cover;
z-index: 1;
&:after {
content: '';
background-image: $gradient-default-overlay-blue;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
}
}

10
src/scss/_section.scss
View file

@ -10,7 +10,15 @@ $m: 'section';
padding: 0 20px;
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 {
text-align: center;
.#{$m} {