{{ partial "header" . }}

<style>
	#mc_embed_signup input.mce_inline_error {
		border-color:#5C0A1C;
	}
	#mc_embed_signup div.mce_inline_error {
		padding: 5px 10px;
		font-weight: bold;
		z-index: 1;
        background-color: transparent;
		color:var(--brand-primary);
	}
    #mce-success-response {
		padding-bottom: 25px;
		color: green;
		font-size: 140%;
    }
    #mce-error-response {
		padding-bottom: 25px;
		color: red;
	}
</style>

<!-- Contact Page Section -->
<section class="login-page-section">
    <div class="auto-container mt-lg-5 pt-lg-5 mb-lg-5 pb-lg-4">
        <div class="row clearfix">

            <!-- Image Column -->
            <div class="image-column col-lg-6 col-md-12 col-sm-12">
                <div class="inner-column">
                    <div class="image">
                        <img src="/images/subscribe.jpg" alt="" />
                    </div>
                </div>
            </div>

            <!-- Form Column -->
            <div class="form-column col-lg-6 col-md-12 col-sm-12 mb-5">
                <div class="inner-column">
                    <h3>Sign up for our <span class="theme_color">newsletter</span></h3>
                    <div class="welcome">Never miss our news, latest releases and updates.</div>

                    <!-- Contact Form -->
                    <div class="contact-form" id="mc_embed_signup">

                        <!-- Begin Mailchimp Signup Form -->
                        <form action="https://tech.us1.list-manage.com/subscribe/post?u=69617d79374ac6280dd2230b2&amp;id=acb2b876fc" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
                            <div id="mc_embed_signup_scroll">
                                <div class="mc-field-group form-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 form-group">
                                    <label for="mce-FNAME">Full Name</label>
                                    <input type="text" value="" name="FNAME" class="" id="mce-FNAME">
                                </div>
                                <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_69617d79374ac6280dd2230b2_acb2b876fc" tabindex="-1" value=""></div>
                                <div class="form-group">
                                    <button type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="theme-btn btn-style-three">
                                        <span class="txt">Subscribe</span>
                                    </button>
                                </div>
                            </div>
                        </form>

                    </div>
                    <!-- End Contact Form -->

                </div>
            </div>

        </div>
    </div>
</section>
<!-- End Contact Page Section -->


<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[3] = 'ADDRESS';
    ftypes[3] = 'address';
    fnames[4] = 'PHONE';
    ftypes[4] = 'phone';
    fnames[5] = 'BIRTHDAY';
    ftypes[5] = 'birthday';
  }(jQuery));
  var $mcj = jQuery.noConflict(true);
</script>


{{ partial "footer" . }}