WP – HEATHER – SMOOBAGE – BLOG INDEX BUTTON MAILCHIMP MODAL

Posted on June 24, 2017 by CG Team 
		
		
			
<!–=========================================<!–==========================================            BOTTOM BUTTON MODAL            ===========================================–>

<!– Modal Bottom one–>

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

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

<div class=”modal-content”>

<div class=”modal-header” style=”background: #01b3b5; 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(‘blog_page_optin_button_mailchimp_form_code’, get_option(‘page_for_posts’)); ?>

</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 BOTTOM BUTTON MODAL  ====–>


 


BUTTON


<button class=”btn btn-primary btn-block” type=”button” data-toggle=”modal” data-target=”#myModal-button”><button class=”btn btn-primary btn-block” type=”button” data-toggle=”modal” data-target=”#myModal-button”>

<?php the_field(‘blog_page_optin_button_text’, get_option(‘page_for_posts’)); ?>

</button>