{% extends 'base.html' %}

{% block title %}
  Subscribe to ArmaLaser's Mailing List
{% endblock %}

{% block metadescription %}
Stay informed about ArmaLaser products, specials and important news by subscribing to our mailing list.
{% endblock %}

{% block css %}
{% endblock %}

{% block outsidecontainer %}
{% endblock %}


{% block content %}
<div class="container">
    <div class="row">
        <div class="col-md-8">
          <h1 class="pagetitle">{{ pagetitle }}</h1
            <div class="panel panel-default">
                <div class="panel-body" style="padding: 20px 30px 20px 10px;">

                    <!-- Begin MailChimp Signup Form -->
                    <link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css">
                    <style type="text/css">
                        #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
                        /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
                           We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
                    </style>
                    <div id="mc_embed_signup">
                        <form action="//armalaser.us11.list-manage.com/subscribe/post?u=cd191a680c192e58ace985fda&amp;id=b703d74b0b" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
                            <div id="mc_embed_signup_scroll">
                                <h3 style="margin-top:0px;">Join now to stay informed</h3>
                                <p>Please sign me up to receive special offers, product updates, news, show schedules and other information. I understand that I can opt out at any time.</p>
                                <div class="form-group">
                                    <label for="mce-EMAIL">Email Address  <span class="asterisk">*</span>
                                    </label>
                                    <input type="email" value="" name="EMAIL" class="form-control required email" id="mce-EMAIL" autofocus>
                                </div>
                                <div class="form-group">
                                    <label for="mce-FNAME">First Name </label>
                                    <input type="text" value="" name="FNAME" class="form-control" id="mce-FNAME">
                                </div>
                                <div class="form-group">
                                    <label for="mce-LNAME">Last Name </label>
                                    <input type="text" value="" name="LNAME" class="form-control" id="mce-LNAME">
                                </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_cd191a680c192e58ace985fda_b703d74b0b"
                                    tabindex="-1" value="">
                                </div>
                                <div class="clear">
                                  <input type="submit" value="Subscribe"
                                    name="subscribe" class="btn btn-buy btn-lg btn-block"
                                    role="button">
                                </div>
                                <p style="margin-top:10px;" class="text-size80">
                                  <span class="red text-size120">
                                    *
                                  </span>
                                  I understand that I may opt out at any time.
                                    <br>
                                    <span class="red text-size120">
                                      **
                                    </span>
                                    After submission, you will receive a confirmation
                                    email at the address you provide.
                                </p>

                            </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';
                        }(jQuery));
                        var $mcj = jQuery.noConflict(true);
                    </script>
                    <!--End mc_embed_signup-->

                </div><!-- // .panel-body -->
            </div><!-- // .panel -->

        </div><!-- // .col-md-8 -->

        <div class="col-md-4">
            <h2>&nbsp;</h2>
            <img id="warranty-image" class="img-responsive center-block"
            src="/assets/images/page/subscribe/guaranteed-satisfaction_280x280.jpg" alt="ArmaLaser">
        </div><!-- // .col-md-4 -->

    </div>
</div>
{% endblock %}

{% block bottomjs %}

{% endblock %}