Embed mailchimp signup form (it works!)

Author: tannerwelsh

_includes/apply.html

@@ -20,16 +20,7 @@ <h2>We're excited to meet you. <span>Let's stay in touch.</span>
             <div class="panel-heading"><h4 class="nobottommargin">Subscribe to Newsletter</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,53 @@
+<!-- Begin MailChimp Signup Form -->
+<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.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="//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 id="mc_embed_signup_scroll">
+      <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">
+        <label for="mce-NAME">Full Name <span class="asterisk">*</span>
+        </label>
+        <input type="text" value="" name="NAME" class="required" id="mce-NAME">
+      </div>
+      <div class="mc-field-group input-group">
+        <strong>Email Format </strong>
+        <ul>
+          <li>
+            <input type="radio" value="html" name="EMAILTYPE" id="mce-EMAILTYPE-0">
+            <label for="mce-EMAILTYPE-0">html</label>
+          </li>
+          <li>
+            <input type="radio" value="text" name="EMAILTYPE" id="mce-EMAILTYPE-1">
+            <label for="mce-EMAILTYPE-1">text</label>
+          </li>
+        </ul>
+      </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_481a47142e2623453d4effb69_4eb567d10d" tabindex="-1" value="">
+      </div>
+      <div class="clear"></div>
+      <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
+    </div>
+  </form>
+</div>
+
+<!--End mc_embed_signup-->