added styles

This commit is contained in:
VitaliyTr 2017-02-03 04:49:38 +07:00
parent 90db58113a
commit f9ea8a6254
7 changed files with 57 additions and 46 deletions

View file

@ -50,51 +50,6 @@
</div> </div>
<div class="hero__content">
<section class="section section--cta">
<h5>{% t pages.contact.mail-list-heading %}</h5>
<div class="bottom-space">{% t pages.contact.mail-list-text %}</div>
<div class="row">
<div class="col-xs-12">
<button class="btn-white-solid js-subscribe">{% t pages.contact.join-btn %}</button>
</div>
<div class="col-xs-12 ">
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<div id="mc_embed_signup" class="js-mailing-form hidden">
<form action="//dash.us10.list-manage.com/subscribe/post?u=24325ade3f458f5d1004b6c23&amp;id=8ecd7e9bb7" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<h2>Subscribe to our mailing list</h2>
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address <span class="asterisk">*</span>
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div class="mc-field-group input-group">
<strong>Subscriptions </strong>
<ul><li><input type="checkbox" value="1" name="group[9869][1]" id="mce-group[9869]-9869-0"><label for="mce-group[9869]-9869-0">Technical Updates and Alerts</label></li>
<li><input type="checkbox" value="2" name="group[9869][2]" id="mce-group[9869]-9869-1"><label for="mce-group[9869]-9869-1">Monthly Newsletter</label></li>
<li><input type="checkbox" value="4" name="group[9869][4]" id="mce-group[9869]-9869-2"><label for="mce-group[9869]-9869-2">Weekly Content Digest from Dash.org</label></li>
</ul>
</div>
<p class="bottom-space"><a href="http://us10.campaign-archive2.com/home/?u=24325ade3f458f5d1004b6c23&id=8ecd7e9bb7" title="View previous campaigns" >View previous campaigns.</a></p>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_24325ade3f458f5d1004b6c23_8ecd7e9bb7" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[6]='MMERGE6';ftypes[6]='dropdown';fnames[3]='MMERGE3';ftypes[3]='text';fnames[5]='MMERGE5';ftypes[5]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->
</div>
</div>
</section>
</div>
<!-- Hero stripe --> <!-- Hero stripe -->
<div class="hero__stripe"></div> <div class="hero__stripe"></div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 17 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

Before After
Before After

BIN
assets/img/update/netw.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

View file

@ -15,6 +15,55 @@ description: pages.contact.description
</div> </div>
</section> </section>
<section class="section section--cta section--colored">
<div class="section__content">
<h5>{% t pages.contact.mail-list-heading %}</h5>
<div class="bottom-space">{% t pages.contact.mail-list-text %}</div>
<div class="row">
<div class="col-xs-12">
<button class="btn-white-solid js-subscribe">{% t pages.contact.join-btn %}</button>
</div>
</div>
<div class="row">
<div class="col-xs-12 ">
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<div id="mc_embed_signup" class="js-mailing-form hidden">
<form action="//dash.us10.list-manage.com/subscribe/post?u=24325ade3f458f5d1004b6c23&amp;id=8ecd7e9bb7" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<h2>Subscribe to our mailing list</h2>
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address <span class="asterisk">*</span>
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div class="mc-field-group input-group">
<strong>Subscriptions </strong>
<ul><li><input type="checkbox" value="1" name="group[9869][1]" id="mce-group[9869]-9869-0"><label for="mce-group[9869]-9869-0">Technical Updates and Alerts</label></li>
<li><input type="checkbox" value="2" name="group[9869][2]" id="mce-group[9869]-9869-1"><label for="mce-group[9869]-9869-1">Monthly Newsletter</label></li>
<li><input type="checkbox" value="4" name="group[9869][4]" id="mce-group[9869]-9869-2"><label for="mce-group[9869]-9869-2">Weekly Content Digest from Dash.org</label></li>
</ul>
</div>
<p class="bottom-space"><a href="http://us10.campaign-archive2.com/home/?u=24325ade3f458f5d1004b6c23&id=8ecd7e9bb7" title="View previous campaigns" >View previous campaigns.</a></p>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_24325ade3f458f5d1004b6c23_8ecd7e9bb7" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[6]='MMERGE6';ftypes[6]='dropdown';fnames[3]='MMERGE3';ftypes[3]='text';fnames[5]='MMERGE5';ftypes[5]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->
</div>
</div>
</div>
</section>
<!-- <!--
CTA sections CTA sections
--> -->

View file

@ -439,3 +439,10 @@ a.blog_link {
clear:left; clear:left;
font:14px Helvetica,Arial,sans-serif; font:14px Helvetica,Arial,sans-serif;
} }
.section--colored {
background-color: $color-blue;
color: white;
padding-top: 55px;
margin-bottom: 55px;
}

View file

@ -116,7 +116,7 @@ description: pages.update.description
<article class="ctabox__cta" data-js-ctabox-item> <article class="ctabox__cta" data-js-ctabox-item>
<a href="https://misconductwineco.com/" target="_blank" class="ctabox__link"> <a href="https://misconductwineco.com/" target="_blank" class="ctabox__link">
<div class="ctabox__imagewrapper"> <div class="ctabox__imagewrapper">
<img src="/assets/img/update/strategic.jpg" class="ctabox__image"> <img src="/assets/img/update/netw.png" class="ctabox__image">
</div> </div>
<div class="ctabox__text"> <div class="ctabox__text">
<h4 class="ctabox__title">NETWORK</h4> <h4 class="ctabox__title">NETWORK</h4>