Merge pull request #14 from LearnersGuild/tw/mailchimp-form

Embed + style MailChimp signup form

Author: Omoju

_includes/apply.html

@@ -17,19 +17,10 @@ <h2>We're excited to meet you. <span>Let's stay in touch.</span>
       </div>
       <div class="col_half col_last">
         <div class="panel panel-default divcenter" style="max-width: 300px;">
-            <div class="panel-heading"><h4 class="nobottommargin">Subscribe to Newsletter</h4></div>
+            <div class="panel-heading"><h4 class="nobottommargin">Join mailing list</h4></div>
             <div class="panel-body" style="padding: 20px;">
 
-              <div id="widget-subscribe-form-result" data-notify-type="success" data-notify-msg=""></div>
-              <!--<form id="widget-subscribe-form" action="#" role="form" method="#" class="nobottommargin" style="position: relative;">-->
-              <form action="//learnersguild.us12.list-manage.com/subscribe/post?u=481a47142e2623453d4effb69&amp;id=4eb567d10d" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
-                <div class="form-process"></div>
-                <input type="text" name="widget-subscribe-form-name" class="form-control required" placeholder="Name" style="margin-bottom: 15px;">
-                <input type="email" name="widget-subscribe-form-email" class="form-control required email" placeholder="Email" style="margin-bottom: 15px;">
-                <button class="btn btn-default" type="submit">Subscribe Now</button>
-              </form>
-            </div>
-
+            {% include mailchimp_signup.html %}
           </div>
         </div>
       </div>

_includes/mailchimp_signup.html

@@ -0,0 +1,41 @@
+<!-- Begin MailChimp Signup Form -->
+
+<div id="mc_embed_signup">
+  <form action="//learnersguild.us12.list-manage.com/subscribe/post?u=481a47142e2623453d4effb69&amp;id=4eb567d10d" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+
+    <fieldset class="form-group">
+      <label for="mce-EMAIL">Email Address</label>
+      <input type="email" value="" name="EMAIL" class="form-control required email" id="mce-EMAIL">
+    </fieldset>
+
+    <fieldset class="form-group">
+      <label for="mce-NAME">Full Name</label>
+      <input type="text" value="" name="NAME" class="form-control required" id="mce-NAME">
+    </fieldset>
+
+    <fieldset class="form-group">
+      <label class="nobottommargin">Email Format</label>
+      <div class="radio">
+        <label for="mce-EMAILTYPE-0">
+          <input type="radio" value="html" class="form-radio" name="EMAILTYPE" id="mce-EMAILTYPE-0">
+          html
+        </label>
+      </div>
+      <div class="radio">
+        <label for="mce-EMAILTYPE-1">
+          <input type="radio" value="text" class="form-radio" name="EMAILTYPE" id="mce-EMAILTYPE-1">
+          text
+        </label>
+      </div>
+    </fieldset>
+
+    <!-- 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_481a47142e2623453d4effb69_4eb567d10d" tabindex="-1" value="">
+    </div>
+    <div class="clear"></div>
+    <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn btn-default">
+  </form>
+</div>
+
+<!--End mc_embed_signup-->