<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body text-center">
<?php
if (wp_is_mobile()) {
echo '<img src="https://www.techcompose.com/wp-content/uploads/square2.png" class="img-fluid" />';
} else {
echo '<img src="https://www.techcompose.com/wp-content/uploads/square3.png" class="img-fluid" />';
}
?>
<a href="<?= site_url() . '/contact-us';?>" class="btn btn-primary btn-offer" >Contact Us</a>
</div>
</div>
</div>
</div>
<script type="text/javascript">
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
var expires = "expires=" + d.toUTCString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}
<?php if(!$_COOKIE['popup'] == 1) { ?>
jQuery(document).ready(function(){
setTimeout(function() {
$('#myModal').modal();
}, 5000);
setCookie('popup', '1' , 3600);
});
<?php } else { ?>
var now = new Date();
var time = now.getTime();
time += 3600 * 1000;
now.setTime(time);
var value = 1;
document.cookie =
'popup=' + value +
'; expires=' + now.toUTCString() +
'; path=/';
<?php } ?>
</script>