Cacher is the code snippet organizer for pro developers

<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: 9999999999;
	top: 0;
}
.cnt223{
	min-width: 600px;
	width: 600px;
	min-height: 150px;
	margin: 100px auto;
	background: #f7ba24;
	position: relative;
	z-index: 103;
	padding: 15px 35px;
	border-radius: 5px;
	box-shadow: 0 2px 5px #000;
	text-align: center;
}
.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{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.cnt223 .x:hover{
cursor: pointer;
}
</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'>
		<p><a href='' class='close'>X</a></p>
		<h1 style="font-weight:900;">ACT NOW!</h1>
		<p style="font-weight:900;">
		Only 2 Titan, 4 VIP & 4 General Tickets LEFT!
		<br/>
		<br/>

		</p>
	</div>
</div>
<!-- end initial page popup -->