staceyuy
2/11/2016 - 11:05 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-mar.png" /></p>
<div class="modal-content">
<h3 class="modal-subhead">A Social Entrepreneur's Delight</h3>
<h2>Weekly content to help you and your organization grow.</h2>
<div class="newsletter-signup-wide newsletter">
<div class="newsletter-signup-inner mobile-slide">
<form class="hs-form stacked" id="hsForm_55058aca-5779-4d19-8cee-6d8cc43d148f" accept-charset="UTF-8" action="https://forms.hubspot.com/uploads/form/v2/190333/55058aca-5779-4d19-8cee-6d8cc43d148f" 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-55058aca-5779-4d19-8cee-6d8cc43d148f" 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-55058aca-5779-4d19-8cee-6d8cc43d148f" 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>
<p><!--Opt-in--></p>
<div class="input-holder" data-reactid=".0.1:$3.$collaborative_subscribe_opt_ins.$collaborative_subscribe_opt_ins">
<ul class="inputs-list" data-reactid=".0.1:$3.$collaborative_subscribe_opt_ins.$collaborative_subscribe_opt_ins.0">
<li class="hs-form-booleancheckbox" data-reactid=".0.1:$3.$collaborative_subscribe_opt_ins.$collaborative_subscribe_opt_ins.0.0"><label for="collaborative_subscribe_opt_ins-55058aca-5779-4d19-8cee-6d8cc43d148f" class="hs-form-booleancheckbox-display" data-reactid=".0.1:$3.$collaborative_subscribe_opt_ins.$collaborative_subscribe_opt_ins.0.0.0"><input id="collaborative_subscribe_opt_ins-55058aca-5779-4d19-8cee-6d8cc43d148f" class="hs-input" type="checkbox" name="collaborative_subscribe_opt_ins" value="true" checked="" data-reactid=".0.1:$3.$collaborative_subscribe_opt_ins.$collaborative_subscribe_opt_ins.0.0.0.0"><span class="modal-opt-in" data-reactid=".0.1:$3.$collaborative_subscribe_opt_ins.$collaborative_subscribe_opt_ins.0.0.0.1"><strong>BONUS</strong>: Stories of social innovation inspired by the Collaborative</span></label></li>
</ul>
</div>
<p><!--Opt-in End--><br />
</form>
</div>
</div>
</div>
</div>
<div>
<p><img class="modal-img" src="https://blog-cdn.classy.org/blog/wp-content/uploads/2017/10/23123707/2017-10_modal.jpg" alt="Subscribe to the Classy Blog" /></p>
<div class="modal-content">
<h3 class="modal-subhead">Finish Your Year Strong</h3>
<h2>Subscribe for tips to blow your goals out of the water</h2>
<div class="newsletter-signup-wide newsletter">
<div class="newsletter-signup-inner mobile-slide">
<form id="hsForm_55058aca-5779-4d19-8cee-6d8cc43d148f" class="hs-form stacked" accept-charset="UTF-8" action="https://forms.hubspot.com/uploads/form/v2/190333/55058aca-5779-4d19-8cee-6d8cc43d148f" enctype="multipart/form-data" method="POST"><input class="hs-input" name="lifecyclestage" type="hidden" value="subscriber" /> <input class="hs-input" name="leadsource" type="hidden" value="Blog - Subscription" /></p>
<div class="input-holder"><input id="email-55058aca-5779-4d19-8cee-6d8cc43d148f" class="newsletter-email" name="email" required="" type="email" placeholder="Your Email Address*" /></div>
<div class="input-holder"><input id="company-55058aca-5779-4d19-8cee-6d8cc43d148f" class="newsletter-profile newsletter-profile-1" name="company" required="" type="text" placeholder="Your Organization*" /></div>
<div class="input-holder"><input class="newsletter-submit dsk-btn" type="submit" value="Sign Me Up" /></div>
</form>
</div>
</div>
</div>
</div>
<div>
<p><img class="modal-img" alt="Subscribe to the Classy Blog" src="https://blog-cdn.classy.org/blog/wp-content/uploads/2017/08/25160303/2017-08_modal.gif" /></p>
<div class="modal-content">
<h3 class="modal-subhead">Get Ready for Giving Tuesday</h3>
<h2>Growth strategies delivered to your inbox weekly</h2>
<div class="newsletter-signup-wide newsletter">
<div class="newsletter-signup-inner mobile-slide">
<form class="hs-form stacked" id="hsForm_55058aca-5779-4d19-8cee-6d8cc43d148f" accept-charset="UTF-8" action="https://forms.hubspot.com/uploads/form/v2/190333/55058aca-5779-4d19-8cee-6d8cc43d148f" 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-55058aca-5779-4d19-8cee-6d8cc43d148f" onclick="if (this.defaultValue==this.value) this.value=''" type="email" name="email" required="" placeholder="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-55058aca-5779-4d19-8cee-6d8cc43d148f" onclick="if (this.defaultValue==this.value) this.value=''" type="text" name="company" required="" placeholder="Your Organization*" onblur="if (this.value=='') this.value=this.defaultValue"></div>
<div class="input-holder"><input class="newsletter-submit dsk-btn" type="submit" value="Sign Me Up"></div>
<br />
</form>
</div>
</div>
</div>
</div>
<div>
<p><img class="modal-img" alt="Subscribe to the Classy Blog" src="https://blog-cdn.classy.org/blog/wp-content/uploads/2017/05/27174824/modal-jun17-image.png" /></p>
<div class="modal-content">
<h3 class="modal-subhead">Increase Your Impact</h3>
<h2 style="font-size: 27px;">Tips and tools for the modern nonprofit, delivered weekly</h2>
<div class="newsletter-signup-wide newsletter">
<div class="newsletter-signup-inner mobile-slide">
<form class="hs-form stacked" id="hsForm_55058aca-5779-4d19-8cee-6d8cc43d148f" accept-charset="UTF-8" action="https://forms.hubspot.com/uploads/form/v2/190333/55058aca-5779-4d19-8cee-6d8cc43d148f" 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-55058aca-5779-4d19-8cee-6d8cc43d148f" 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-55058aca-5779-4d19-8cee-6d8cc43d148f" 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 Now"></div>
<br />
</form>
</div>
</div>
</div>
</div>
<div>
<p><img class="modal-img" alt="Subscribe to the Classy Blog" src="https://blog-cdn.classy.org/blog/wp-content/uploads/2016/12/16124204/2017-01_modal.png" /></p>
<div class="modal-content">
<h3 class="modal-subhead">The Classy Blog</h3>
<h2>Serving fundraising tips and tools to nonprofits since 2011</h2>
<div class="newsletter-signup-wide newsletter">
<div class="newsletter-signup-inner mobile-slide">
<form class="hs-form stacked" id="hsForm_55058aca-5779-4d19-8cee-6d8cc43d148f" accept-charset="UTF-8" action="https://forms.hubspot.com/uploads/form/v2/190333/55058aca-5779-4d19-8cee-6d8cc43d148f" 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-55058aca-5779-4d19-8cee-6d8cc43d148f" 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-55058aca-5779-4d19-8cee-6d8cc43d148f" onclick="if (this.defaultValue==this.value) this.value=''" type="text" name="company" value="Your Organization" onblur="if (this.value=='') this.value=this.defaultValue"></div>
<!--Opt-in-->
<div class="input-holder" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_">
<ul class="inputs-list" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0">
<li class="hs-form-booleancheckbox" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0.0"><label for="learn_more_about_classy_blogmodal_-55058aca-5779-4d19-8cee-6d8cc43d148f" class="hs-form-booleancheckbox-display" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0.0.0"><input id="learn_more_about_classy_blogmodal_-55058aca-5779-4d19-8cee-6d8cc43d148f" class="hs-input" type="checkbox" name="learn_more_about_classy_blogmodal_" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0.0.0.0" style="margin-right: 5px;"><span data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0.0.0.1" style="font-size: 14px; margin-top: 3px; margin-bottom: -10px;">I want to learn more about Classy</span></label></li>
</ul>
</div>
<!--Opt-in End-->
<div class="input-holder"><input class="newsletter-submit dsk-btn" type="submit" value="Subscribe to the Blog"></div>
<br />
</form>
</div>
</div>
</div>
</div>
<div>
<p><img class="modal-img" alt="Subscribe to the Classy Blog" src="https://blog-cdn.classy.org/blog/wp-content/uploads/2016/12/01110953/modal-subscribe-dec.png" /></p>
<div class="modal-content">
<h3 class="modal-subhead">The Classy Blog</h3>
<h2 style="line-height: 1.35; font-size: 28px;">The fastest and easiest way to keep your nonprofit knowledge ahead of them all</h2>
<div class="newsletter-signup-wide newsletter">
<div class="newsletter-signup-inner mobile-slide">
<form class="hs-form stacked" id="hsForm_55058aca-5779-4d19-8cee-6d8cc43d148f" accept-charset="UTF-8" action="https://forms.hubspot.com/uploads/form/v2/190333/55058aca-5779-4d19-8cee-6d8cc43d148f" 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-55058aca-5779-4d19-8cee-6d8cc43d148f" 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-55058aca-5779-4d19-8cee-6d8cc43d148f" onclick="if (this.defaultValue==this.value) this.value=''" type="text" name="company" value="Your Organization" onblur="if (this.value=='') this.value=this.defaultValue"></div>
<!--Opt-in-->
<div class="input-holder" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_">
<ul class="inputs-list" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0">
<li class="hs-form-booleancheckbox" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0.0"><label for="learn_more_about_classy_blogmodal_-55058aca-5779-4d19-8cee-6d8cc43d148f" class="hs-form-booleancheckbox-display" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0.0.0"><input id="learn_more_about_classy_blogmodal_-55058aca-5779-4d19-8cee-6d8cc43d148f" class="hs-input" type="checkbox" name="learn_more_about_classy_blogmodal_" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0.0.0.0" style="margin-right: 5px;"><span data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0.0.0.1" style="font-size: 14px; margin-top: 3px; margin-bottom: -10px;">I want to learn more about Classy</span></label></li>
</ul>
</div>
<!--Opt-in End-->
<div class="input-holder"><input class="newsletter-submit dsk-btn" type="submit" value="Subscribe to the Blog"></div>
<br />
</form>
</div>
</div>
</div>
</div>
<div>
<p><img class="modal-img" alt="Subscribe to the Classy Blog" src="https://blog-cdn.classy.org/blog/wp-content/uploads/2016/10/31133133/modal-subscribe-nov.png" /></p>
<div class="modal-content">
<h3 class="modal-subhead">Holiday Fundraising Hacks</h3>
<h2>Get growth strategies delivered to your inbox</h2>
<div class="newsletter-signup-wide newsletter">
<div class="newsletter-signup-inner mobile-slide">
<form class="hs-form stacked" id="hsForm_55058aca-5779-4d19-8cee-6d8cc43d148f" accept-charset="UTF-8" action="https://forms.hubspot.com/uploads/form/v2/190333/55058aca-5779-4d19-8cee-6d8cc43d148f" 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-55058aca-5779-4d19-8cee-6d8cc43d148f" 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-55058aca-5779-4d19-8cee-6d8cc43d148f" onclick="if (this.defaultValue==this.value) this.value=''" type="text" name="company" value="Your Organization" onblur="if (this.value=='') this.value=this.defaultValue"></div>
<!--Opt-in-->
<div class="input-holder" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_">
<ul class="inputs-list" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0">
<li class="hs-form-booleancheckbox" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0.0"><label for="learn_more_about_classy_blogmodal_-55058aca-5779-4d19-8cee-6d8cc43d148f" class="hs-form-booleancheckbox-display" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0.0.0"><input id="learn_more_about_classy_blogmodal_-55058aca-5779-4d19-8cee-6d8cc43d148f" class="hs-input" type="checkbox" name="learn_more_about_classy_blogmodal_" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0.0.0.0" style="margin-right: 5px;"><span data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0.0.0.1" style="font-size: 14px; margin-top: 3px; margin-bottom: -10px;"><strong>BONUS</strong>: Send me peer-to-peer fundraising tips in 7 quick emails</span></label></li>
</ul>
</div>
<!--Opt-in End-->
<div class="input-holder"><input class="newsletter-submit dsk-btn" type="submit" value="Subscribe Now"></div>
<br />
</form>
</div>
</div>
</div>
</div>
<div>
<p><img class="modal-img" alt="Subscribe to the Classy Blog" src="https://blog-cdn.classy.org/blog/wp-content/uploads/2016/09/30135345/modal-subscribe-oct.png" /></p>
<div class="modal-content">
<h3 class="modal-subhead">For the Forever Learner</h3>
<h2>Daily reads in 4 minutes or less</h2>
<div class="newsletter-signup-wide newsletter">
<div class="newsletter-signup-inner mobile-slide">
<form class="hs-form stacked" id="hsForm_55058aca-5779-4d19-8cee-6d8cc43d148f" accept-charset="UTF-8" action="https://forms.hubspot.com/uploads/form/v2/190333/55058aca-5779-4d19-8cee-6d8cc43d148f" 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-55058aca-5779-4d19-8cee-6d8cc43d148f" 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-55058aca-5779-4d19-8cee-6d8cc43d148f" onclick="if (this.defaultValue==this.value) this.value=''" type="text" name="company" value="Your Organization" onblur="if (this.value=='') this.value=this.defaultValue"></div>
<!--Opt-in-->
<div class="input-holder" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_">
<ul class="inputs-list" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0">
<li class="hs-form-booleancheckbox" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0.0"><label for="learn_more_about_classy_blogmodal_-55058aca-5779-4d19-8cee-6d8cc43d148f" class="hs-form-booleancheckbox-display" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0.0.0"><input id="learn_more_about_classy_blogmodal_-55058aca-5779-4d19-8cee-6d8cc43d148f" class="hs-input" type="checkbox" name="learn_more_about_classy_blogmodal_" value="true" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0.0.0.0" style="margin-right: 5px;"><span data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0.0.0.1" style="font-size: 14px; margin-top: 3px; margin-bottom: -10px;">Send me the #1 podcast for social entrepreneurs</span></label></li>
</ul>
</div>
<!--Opt-in End-->
<div class="input-holder"><input class="newsletter-submit dsk-btn" type="submit" value="Subscribe to the blog"></div>
<br />
</form>
</div>
</div>
</div>
</div>
<div>
<p><img class="modal-img" alt="Subscribe to the Classy Blog" src="https://blog-cdn.classy.org/blog/wp-content/uploads/2016/08/31182836/modal-subscribe-sept.png" /></p>
<div class="modal-content">
<h3 class="modal-subhead">In a Fundraising Rut?</h3>
<h2 style="font-size: 28px;">Get weekly inspiration and best practices from the experts.</h2>
<div class="newsletter-signup-wide newsletter">
<div class="newsletter-signup-inner mobile-slide">
<form class="hs-form stacked" id="hsForm_55058aca-5779-4d19-8cee-6d8cc43d148f" accept-charset="UTF-8" action="https://forms.hubspot.com/uploads/form/v2/190333/55058aca-5779-4d19-8cee-6d8cc43d148f" 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-55058aca-5779-4d19-8cee-6d8cc43d148f" 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-55058aca-5779-4d19-8cee-6d8cc43d148f" onclick="if (this.defaultValue==this.value) this.value=''" type="text" name="company" value="Your Organization" onblur="if (this.value=='') this.value=this.defaultValue"></div>
<!--Opt-in-->
<div class="input-holder" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_">
<ul class="inputs-list" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0">
<li class="hs-form-booleancheckbox" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0.0"><label for="learn_more_about_classy_blogmodal_-55058aca-5779-4d19-8cee-6d8cc43d148f" class="hs-form-booleancheckbox-display" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0.0.0"><input id="learn_more_about_classy_blogmodal_-55058aca-5779-4d19-8cee-6d8cc43d148f" class="hs-input" type="checkbox" name="learn_more_about_classy_blogmodal_" value="true" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0.0.0.0" style="margin-right: 5px;"><span data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0.0.0.1" style="font-size: 14px; margin-top: 3px; margin-bottom: -10px;">I want to learn more about Classy</span></label></li>
</ul>
</div>
<!--Opt-in End-->
<div class="input-holder"><input class="newsletter-submit dsk-btn" type="submit" value="Sign Me Up"></div>
<br />
</form>
</div>
</div>
</div>
</div>
<div>
<p><img class="modal-img" alt="Subscribe to the Classy Blog" src="https://blog-cdn.classy.org/blog/wp-content/uploads/2016/08/02105856/modal-august-image.jpg" /></p>
<div class="modal-content">
<h3 class="modal-subhead">You're a Leader</h3>
<h2>Want more nonprofit leadership hacks?</h2>
<div class="newsletter-signup-wide newsletter">
<div class="newsletter-signup-inner mobile-slide">
<form class="hs-form stacked" id="hsForm_55058aca-5779-4d19-8cee-6d8cc43d148f" accept-charset="UTF-8" action="https://forms.hubspot.com/uploads/form/v2/190333/55058aca-5779-4d19-8cee-6d8cc43d148f" 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-55058aca-5779-4d19-8cee-6d8cc43d148f" 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-55058aca-5779-4d19-8cee-6d8cc43d148f" onclick="if (this.defaultValue==this.value) this.value=''" type="text" name="company" value="Your Organization" onblur="if (this.value=='') this.value=this.defaultValue"></div>
<!--Opt-in-->
<div class="input-holder" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_">
<ul class="inputs-list" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0">
<li class="hs-form-booleancheckbox" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0.0"><label for="learn_more_about_classy_blogmodal_-55058aca-5779-4d19-8cee-6d8cc43d148f" class="hs-form-booleancheckbox-display" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0.0.0"><input id="learn_more_about_classy_blogmodal_-55058aca-5779-4d19-8cee-6d8cc43d148f" class="hs-input" type="checkbox" name="learn_more_about_classy_blogmodal_" value="true" data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0.0.0.0"><span data-reactid=".0.0:$2.$learn_more_about_classy_blogmodal_.$learn_more_about_classy_blogmodal_.0.0.0.1">I want to learn more about Classy</span></label></li>
</ul>
</div>
<!--Opt-in End-->
<div class="input-holder"><input class="newsletter-submit dsk-btn" type="submit" value="Subscribe to the blog"></div>
<br />
</form>
</div>
</div>
</div>
</div>
<div>
<p><img class="modal-img" alt="Subscribe to the Classy Blog" src="https://blog-cdn.classy.org/blog/wp-content/uploads/2016/06/24122631/modal-july-image.jpg" /></p>
<div class="modal-content">
<h3 class="modal-subhead">Increase Your Impact</h3>
<h2 style="font-size: 28px;">Tips and tools for the modern nonprofit, delivered weekly</h2>
<div class="newsletter-signup-wide newsletter">
<div class="newsletter-signup-inner mobile-slide">
<form class="hs-form stacked" id="hsForm_55058aca-5779-4d19-8cee-6d8cc43d148f" accept-charset="UTF-8" action="https://forms.hubspot.com/uploads/form/v2/190333/55058aca-5779-4d19-8cee-6d8cc43d148f" 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-55058aca-5779-4d19-8cee-6d8cc43d148f" 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-55058aca-5779-4d19-8cee-6d8cc43d148f" 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>
<p><!--Opt-in--></p>
<div class="input-holder" data-reactid=".0.1:$3.$collaborative_subscribe_opt_ins.$collaborative_subscribe_opt_ins">
<ul class="inputs-list" data-reactid=".0.1:$3.$collaborative_subscribe_opt_ins.$collaborative_subscribe_opt_ins.0">
<li class="hs-form-booleancheckbox" data-reactid=".0.1:$3.$collaborative_subscribe_opt_ins.$collaborative_subscribe_opt_ins.0.0"><label for="collaborative_subscribe_opt_ins-55058aca-5779-4d19-8cee-6d8cc43d148f" class="hs-form-booleancheckbox-display" data-reactid=".0.1:$3.$collaborative_subscribe_opt_ins.$collaborative_subscribe_opt_ins.0.0.0"><input id="collaborative_subscribe_opt_ins-55058aca-5779-4d19-8cee-6d8cc43d148f" class="hs-input" type="checkbox" name="collaborative_subscribe_opt_ins" value="true" checked="" data-reactid=".0.1:$3.$collaborative_subscribe_opt_ins.$collaborative_subscribe_opt_ins.0.0.0.0"><span class="modal-opt-in" data-reactid=".0.1:$3.$collaborative_subscribe_opt_ins.$collaborative_subscribe_opt_ins.0.0.0.1">I want to learn more about Classy</li>
</ul>
</div>
<p><!--Opt-in End--><br />
</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-june.jpg" /></p>
<div class="modal-content">
<h3 class="modal-subhead">The Weekly Roundup</h3>
<h2>Finally, a newsletter for the modern nonprofit</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 Now" /></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-may.jpg" /></p>
<div class="modal-content">
<h3 class="modal-subhead" style="display:none;">Impress Your Board</h3>
<h2 style="font-size: 26px;">30,000 nonprofits like the Malala Fund and Robin Hood Foundation read our newsletter.</h2>
<div class="newsletter-signup-wide newsletter">
<div class="newsletter-signup-inner mobile-slide">
<form class="hs-form stacked" id="hsForm_55058aca-5779-4d19-8cee-6d8cc43d148f" accept-charset="UTF-8" action="https://forms.hubspot.com/uploads/form/v2/190333/55058aca-5779-4d19-8cee-6d8cc43d148f" 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-55058aca-5779-4d19-8cee-6d8cc43d148f" 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-55058aca-5779-4d19-8cee-6d8cc43d148f" 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 Now"></div>
<p><!--Opt-in--></p>
<div class="input-holder" data-reactid=".0.1:$3.$collaborative_subscribe_opt_ins.$collaborative_subscribe_opt_ins">
<ul class="inputs-list" data-reactid=".0.1:$3.$collaborative_subscribe_opt_ins.$collaborative_subscribe_opt_ins.0">
<li class="hs-form-booleancheckbox" data-reactid=".0.1:$3.$collaborative_subscribe_opt_ins.$collaborative_subscribe_opt_ins.0.0"><label for="collaborative_subscribe_opt_ins-55058aca-5779-4d19-8cee-6d8cc43d148f" class="hs-form-booleancheckbox-display" data-reactid=".0.1:$3.$collaborative_subscribe_opt_ins.$collaborative_subscribe_opt_ins.0.0.0"><input id="collaborative_subscribe_opt_ins-55058aca-5779-4d19-8cee-6d8cc43d148f" class="hs-input" type="checkbox" name="collaborative_subscribe_opt_ins" data-reactid=".0.1:$3.$collaborative_subscribe_opt_ins.$collaborative_subscribe_opt_ins.0.0.0.0"><span style="width:inherit;" class="modal-opt-in" data-reactid=".0.1:$3.$collaborative_subscribe_opt_ins.$collaborative_subscribe_opt_ins.0.0.0.1"><strong>BONUS</strong>: Innovation inspiration from the Collaborative</span></label></li>
</ul>
</div>
<p><!--Opt-in End--><br />
</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-apr.png" /></p>
<div class="modal-content">
<h3 class="modal-subhead">Impress Your Board</h3>
<h2>Make them say WOW with Classy’s best practices.</h2>
<div class="newsletter-signup-wide newsletter">
<div class="newsletter-signup-inner mobile-slide">
<form class="hs-form stacked" id="hsForm_55058aca-5779-4d19-8cee-6d8cc43d148f" accept-charset="UTF-8" action="https://forms.hubspot.com/uploads/form/v2/190333/55058aca-5779-4d19-8cee-6d8cc43d148f" 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-55058aca-5779-4d19-8cee-6d8cc43d148f" 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-55058aca-5779-4d19-8cee-6d8cc43d148f" 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>
<p><!--Opt-in--></p>
<div class="input-holder" data-reactid=".0.1:$3.$collaborative_subscribe_opt_ins.$collaborative_subscribe_opt_ins">
<ul class="inputs-list" data-reactid=".0.1:$3.$collaborative_subscribe_opt_ins.$collaborative_subscribe_opt_ins.0">
<li class="hs-form-booleancheckbox" data-reactid=".0.1:$3.$collaborative_subscribe_opt_ins.$collaborative_subscribe_opt_ins.0.0"><label for="collaborative_subscribe_opt_ins-55058aca-5779-4d19-8cee-6d8cc43d148f" class="hs-form-booleancheckbox-display" data-reactid=".0.1:$3.$collaborative_subscribe_opt_ins.$collaborative_subscribe_opt_ins.0.0.0"><input id="collaborative_subscribe_opt_ins-55058aca-5779-4d19-8cee-6d8cc43d148f" class="hs-input" type="checkbox" name="collaborative_subscribe_opt_ins" value="true" checked="" data-reactid=".0.1:$3.$collaborative_subscribe_opt_ins.$collaborative_subscribe_opt_ins.0.0.0.0"><span class="modal-opt-in" data-reactid=".0.1:$3.$collaborative_subscribe_opt_ins.$collaborative_subscribe_opt_ins.0.0.0.1"><strong>BONUS</strong>: Stories of social innovation inspired by the Collaborative</span></label></li>
</ul>
</div>
<p><!--Opt-in End--><br />
</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-mar.png" /></p>
<div class="modal-content">
<h3 class="modal-subhead">A Social Entrepreneur's Delight</h3>
<h2>Weekly content to help you and your organization grow.</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-feb-2.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;">Weekly Newsletter</h3>
<h2 style="line-height: 1.3; padding-bottom: 10px;">Best practices for nonprofits to help you grow.</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-2.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>