<style>
    /*================================================
    PAGE-SUPPORT:*/
    div.dup-support-all {font-size:13px; line-height:20px}
    table.dup-support-hlp-hdrs {border-collapse:collapse; width:100%; border-bottom:1px solid #dfdfdf}
    table.dup-support-hlp-hdrs {background-color:#efefef;}
    table.dup-support-hlp-hdrs td {
        padding:2px; height:52px;
        font-weight:bold; font-size:17px;
        background-image:-ms-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
        background-image:-moz-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
        background-image:-o-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
        background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #DEDEDE));
        background-image:-webkit-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
        background-image:linear-gradient(to bottom, #FFFFFF 0%, #DEDEDE 100%);
    }
    table.dup-support-hlp-hdrs td img{margin-left:7px}
    div.dup-support-hlp-txt{padding:10px 4px 4px 4px; text-align:center}
    div.dup-support-give-area {width:400px; height:165px; float:left; border:1px solid #dfdfdf; border-radius:4px; margin:10px; line-height:18px;box-shadow: 0 8px 6px -6px #ccc;}
    div.dup-spread-word {display:inline-block; border:1px solid red; text-align:center}

    img#dup-support-approved { -webkit-animation:approve-keyframe 12s 1s infinite alternate backwards}
    img#dup-img-5stars {opacity:0.7;}
    img#dup-img-5stars:hover {opacity:1.0;}
	div.social-item {float:right; width: 170px; padding:10px 10px 20px 0px; border:0px solid red; text-align: left; font-size:20px}

	/* EMAIL AREA */
	div.dup-support-email-area {width:825px; height:355px; border:1px solid #dfdfdf; border-radius:4px; margin:10px; line-height:18px;box-shadow: 0 8px 6px -6px #ccc;}
	#mce-EMAIL {font-size:20px; height:40px; width:500px}
	#mce-responses {width:300px}
	#mc-embedded-subscribe { height: 35px; font-size: 16px; font-weight: bold}
	div.mce_inline_error {width:300px; margin: auto !important}
	div#mce-responses {margin: auto; padding: 10px; width:500px; font-weight: bold;}
</style>


<div class="wrap dup-wrap dup-support-all">

    <div style="width:850px; margin:auto; margin-top: 20px">
        <table style="width:825px">
            <tr>
                <td style="width:90px">
                    <img src="<?php echo esc_url(DUPLICATOR_PLUGIN_URL."assets/img/logo-box.png"); ?>" style='text-align:top; margin:0'  />
                </td>
                <td valign="top" style="padding-top:10px;">
                    <?php
                    esc_html_e("Duplicator can streamline your workflow and quickly clone/migrate a WordPress site. The plugin helps admins, designers and developers speed up the "
						. "migration process of moving a WordPress site. Please help us continue development by giving this plugin a 5 star.", 'duplicator');
                    ?>
                </td>
            </tr>
        </table><br/>

        <!-- PARTNER WITH US -->
        <div class="dup-support-give-area">
            <table class="dup-support-hlp-hdrs">
                <tr >
                    <td style="height:30px; text-align: center;">
                        <span style="display: inline-block; margin-top: 5px"><?php esc_html_e('Rate Duplicator', 'duplicator') ?></span>
                    </td>
                </tr>
            </table>
            <table style="text-align: center;width:100%; font-size:11px; font-style:italic; margin-top:25px">
                <tr>
                    <td valign="top">
                        <a href="https://wordpress.org/support/plugin/duplicator/reviews/?filter=5" target="vote-wp"><img id="dup-img-5stars" src="<?php echo DUPLICATOR_PLUGIN_URL ?>assets/img/5star.png" /></a>
                        <div  style=" font-size: 16px; font-weight: bold">
							<a href="https://wordpress.org/support/plugin/duplicator/reviews/?filter=5" target="vote-wp"><?php esc_html_e('Support us with a 5 star review!', 'duplicator') ?></a>
						</div>
                    </td>
                </tr>
            </table>
        </div>

		<!-- SPREAD THE WORD  -->
        <div class="dup-support-give-area">
            <table class="dup-support-hlp-hdrs">
                <tr>
                    <td style="height:30px; text-align: center;">
                        <span style="display: inline-block; margin-top: 5px"><?php esc_html_e('Spread the Word', 'duplicator') ?></span>
                    </td>
                </tr>
            </table>
            <div class="dup-support-hlp-txt">
				<div class="social-images">
					<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A//snapcreek.com/duplicator/duplicator-free/" target="_blank">
						<div class="social-item"><i class="fa fa-facebook-square fa-lg"></i> <?php esc_html_e('Facebook', 'duplicator') ?></div>
					</a>
					<a href="https://twitter.com/home?status=Checkout%20the%20WordPress%20Duplicator%20plugin!%20%0Ahttps%3A//snapcreek.com/duplicator/duplicator-free/"  target="_blank">
						<div class="social-item"><i class="fa fa-twitter-square fa-lg"></i> <?php esc_html_e('Twitter', 'duplicator') ?></div>
					</a>
					<a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//snapcreek.com/duplicator/duplicator-free/&title=WordPress%20Duplicator%20Plugin&summary=&source=" target="_blank">
						<div class="social-item"><i class="fa fa-linkedin-square fa-lg"></i> <?php esc_html_e('LinkedIn', 'duplicator') ?></div>
					</a>
					<a href="https://plus.google.com/share?url=https%3A//snapcreek.com/duplicator/duplicator-free/" target="_blank">
						<div class="social-item"><i class="fa fa-google-plus-square fa-lg"></i> <?php esc_html_e('Google+', 'duplicator') ?></div>
					</a>
				</div>
            </div>
        </div>
        <br style="clear:both" /><br/>

		<!-- STAY IN THE LOOP  -->
        <div class="dup-support-email-area">
            <table class="dup-support-hlp-hdrs">
                <tr>
                    <td style="height:30px; text-align: center;">
                        <span style="display: inline-block; margin-top: 5px"><?php esc_html_e('Stay in the Loop', 'duplicator') ?></span>
                    </td>
                </tr>
            </table>
            <div class="dup-support-hlp-txt">
				<div class="email-box">
					<div class="email-area">
						<!-- Begin MailChimp Signup Form -->
						<div class="email-form">
							<div style="width:425px; padding: 5px 0 15px 0; text-align: center; font-style: italic; margin: auto">
								<?php esc_html_e('Subscribe to the Duplicator newsletter and stay on top of great ideas, tutorials, and better ways to improve your workflows', 'duplicator') ?>...
							</div>


							<div id="mc_embed_signup">
								<form action="//snapcreek.us11.list-manage.com/subscribe/post?u=e2a9a514bfefa439bf2b7cf16&amp;id=1270a169c1" 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="mc-field-group">
											<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Your Best Email *">
										</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>
										<div style="position:absolute; left:-5000px;"><input type="text" name="b_e2a9a514bfefa439bf2b7cf16_1270a169c1" tabindex="-1" value=""></div>
										<div style="margin: auto; text-align: center">
											<input disabled="disabled" type="submit" class="button-primary button-large" value="Sign me up!" name="subscribe" id="mc-embedded-subscribe" >
										</div>
										<!-- Forces the submission to use Duplicator group -->
										<input style="display:none" checked="checked" type="checkbox" value="1" name="group[15741][1]" id="mce-group[15741]-15741-0">
									</div>
                                    <div style="margin-top:10px; margin-left:100px; width: 650px;text-align:left">
                                        <small>
                                            <input type="checkbox" name="privacy" id="privacy-checkbox"></input>
                                            <label for="privacy-checkbox" style="padding-left:5px; display:block; margin-top:-20px; margin-left:20px;">Check box  this box if you would like us to contact you by email with helpful information about Duplicator and other Snap Creek products.<br/></br> We will process your data in accordance with our <a target="_blank" href="//snapcreek.com/privacy-policy">privacy policy</a>. You may withdraw this consent at any time by <a target="_blank" href="mailto:admin@snapcreek.com">emailing us</a> or updating your information by clicking the unsubscribe link in the emails you receive.</span></label>
                                        </small>

                                    </div>
								</form>
							</div>
						</div>

						<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
						<script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
						<!--End mc_embed_signup-->
					</div>
				</div>



            </div>
        </div>
        <br style="clear:both" /><br/>
    </div>
</div><br/><br/><br/><br/>
<script>
	jQuery(document).ready(function($){

        $('input[type="checkbox"][name="privacy"]').change(function() {
        if(this.checked) {
             $("#mc-embedded-subscribe").prop("disabled", false);
         } else {
             $("#mc-embedded-subscribe").prop("disabled", true);
         }

        });
    });
</script>