​<script type="text/javascript" src="https://code.jquery.com/jquery-1.8.2.js"></script> 
<style type="text/css"> 
#overlay { 
position: fixed; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
background-color: #000; 
filter:alpha(opacity=70); 
-moz-opacity:0.7; 
-khtml-opacity: 0.7; 
opacity: 0.7; 
z-index: 100; 
display: none; 
} 
.cnt223 a{ 
text-decoration: none; 
} 
.popup{ 
width: 100%; 
margin: 0 auto; 
display: none; 
position: fixed; 
z-index: 101; 
} 
.cnt223{ 
max-width: 500px; 
min-height: 150px; 
margin: 100px auto; 
background: #ffffff; 
position: relative; 
z-index: 103; 
padding: 15px 35px; 
border-radius: 5px; 
box-shadow: 0 2px 5px #000; 
} 
.cnt223 p{ 
clear: both; 
color: #555555; 
/* text-align: justify; */ 
font-size: 20px; 
font-family: sans-serif; 
} 
.cnt223 p a{ 
color: #d91900; 
font-weight: bold; 
} 
.cnt223 .x{ 
height: 35px; 
left: 22px; 
position: relative; 
top: -25px; 
width: 34px; 
} 
.cnt223 .x:hover{ 
cursor: pointer; 
} 
.close { 
color: red !important; 
} 
</style> 
<script type='text/javascript'> 
$(function(){ 
var overlay = $('<div id="overlay"></div>'); 
overlay.show(); 
overlay.appendTo(document.body); 
$('.popup').show(); 
$('.close').click(function(){ 
$('.popup').hide(); 
overlay.appendTo(document.body).remove(); 
return false; 
}); 




$('.x').click(function(){ 
$('.popup').hide(); 
overlay.appendTo(document.body).remove(); 
return false; 
}); 
}); 
</script> 
<div class='popup'> 
<div class='cnt223'> 
<a href='' class='close'><b>Close</b></a> 
<center><a href="https://www.mightycause.com/story/Therapydogs"><img src="https://www.therapyanimalsutah.org/uploads/1/0/9/1/109131591/custom_themes/741167076291788985/files/BellaEOY.jpg"></img></a></center> 
<br/> 
<br/> 
</p> 
</div> 
</div>