staceyuy
12/22/2015 - 5:06 PM

Blog Modal

Blog Modal

<div>
<p><img class="modal-img" alt="Subscribe to the Classy Blog" src="https://247b4308cdda2f42ef56-ce647a8b55ca793d6ab67ea8f274b2b0.ssl.cf2.rackcdn.com/blog/wp-content/images/2014/modal-subscribe.png" /></p>
<div class="modal-content">
<h2>Fundraising best practices, right in your inbox.</h2>
<div class="newsletter-signup-wide newsletter">
<div class="newsletter-signup-inner mobile-slide">
<form class="hs-form stacked" id="hsForm_0ac7d159-e2cc-44e0-bdc9-c61b281bce25" accept-charset="UTF-8" action="https://forms.hubspot.com/uploads/form/v2/190333/0ac7d159-e2cc-44e0-bdc9-c61b281bce25" enctype="multipart/form-data" method="POST"><input class="hs-input" type="hidden" name="lifecyclestage" value="subscriber" /> <input class="hs-input" type="hidden" name="leadsource" value="Blog - Subscription" /></p>
<div class="input-holder"><input class="newsletter-email" id="email-0ac7d159-e2cc-44e0-bdc9-c61b281bce25" onclick="if (this.defaultValue==this.value) this.value=''" type="email" name="email" required="" value="Your Email Address" onblur="if (this.value=='') this.value=this.defaultValue" /></div>
<div class="input-holder"><input class="newsletter-profile newsletter-profile-1" id="company-0ac7d159-e2cc-44e0-bdc9-c61b281bce25" onclick="if (this.defaultValue==this.value) this.value=''" type="text" name="company" value="Your Organization" onblur="if (this.value=='') this.value=this.defaultValue" /></div>
<div class="input-holder"><input class="newsletter-submit dsk-btn" type="submit" value="Subscribe to the blog" /></div>
</form>
</div>
</div>
</div>
</div>
<div>
<p><img class="modal-img" alt="Subscribe to the Classy Blog" src="https://247b4308cdda2f42ef56-ce647a8b55ca793d6ab67ea8f274b2b0.ssl.cf2.rackcdn.com/blog/wp-content/images/2014/modal-subscribe-newyear.png" /></p>
<div class="modal-content">
<h3 style="font-family: 'Open Sans', helvetica, sans-serif; text-transform: uppercase; text-align: center; font-size: 16px; color: #444b55; letter-spacing: 1px; margin-bottom: 2px; font-weight: bold;">Happy New Year!</h3>
<h2 style="line-height: 1.3; padding-bottom: 10px;">Subscribe to the Classy Blog and Get a Free Gift.</h2>
<div class="newsletter-signup-wide newsletter">
<div class="newsletter-signup-inner mobile-slide">
<form class="hs-form stacked" id="hsForm_0ac7d159-e2cc-44e0-bdc9-c61b281bce25" accept-charset="UTF-8" action="https://forms.hubspot.com/uploads/form/v2/190333/0ac7d159-e2cc-44e0-bdc9-c61b281bce25" enctype="multipart/form-data" method="POST"><input class="hs-input" type="hidden" name="lifecyclestage" value="subscriber" /> <input class="hs-input" type="hidden" name="leadsource" value="Blog - Subscription" /></p>
<div class="input-holder"><input class="newsletter-email" id="email-0ac7d159-e2cc-44e0-bdc9-c61b281bce25" onclick="if (this.defaultValue==this.value) this.value=''" type="email" name="email" required="" value="Your Email Address" onblur="if (this.value=='') this.value=this.defaultValue" /></div>
<div class="input-holder"><input class="newsletter-profile newsletter-profile-1" id="company-0ac7d159-e2cc-44e0-bdc9-c61b281bce25" onclick="if (this.defaultValue==this.value) this.value=''" type="text" name="company" value="Your Organization" onblur="if (this.value=='') this.value=this.defaultValue" /></div>
<div class="input-holder"><input class="newsletter-submit dsk-btn" type="submit" value="Subscribe to the blog" /></div>
</form>
</div>
</div>
</div>
</div>