WP – HEATHER – SMOOBAGE – HOMEPAGE MAILCHIMP MODAL

		
		
			
<!–======================================================            HOME PAGE OPT-IN DROPDOWN MODAL            =======================================================–>

<div class=”modal fade” id=”myModal-home” tabindex=”-1″ role=”dialog” aria-labelledby=”myModalLabel”>

<div class=”modal-dialog” role=”document”>

<div class=”modal-content”>

<div class=”modal-header” style=”background: #d96e5a; color: white;”>

<button type=”button” class=”close” data-dismiss=”modal” aria-label=”Close” style=”color: white;”><span aria-hidden=”true”>&times;</span></button>

<h4 class=”modal-title text-center” id=”myModalLabel” style=”color: white;”>www.smoobage.com</h4>

</div>

<div class=”modal-body”>

<section id=”popup-form-click” class=”clearfix”>

<article class=”popup-text”>

<figure>

<?php the_field(‘front_page_hero_button_mailchimp_form’); ?>                                          </figure>

</article>

</section>

</div>

</div>

<div class=”modal-footer hide”>

<button type=”button” class=”btn btn-primary center-block” data-dismiss=”modal” style=”background: black; color: white; border: 1px solid black;”>Close</button>

</div>

</div>

</div>

<!–====  End of HOME PAGE OPT-IN DROPDOWN MODAL  ====–>
 
THE BUTTON
<button class=”btn  btn-lg”  type=”button” data-toggle=”modal” data-target=”#myModal-home”><button class=”btn  btn-lg”  type=”button” data-toggle=”modal” data-target=”#myModal-home”> <?php the_field(‘front_page_hero_button_text’) ?> <i class=”fa fa-arrow-circle-o-right” aria-hidden=”true”></i> </button>