One page Html code
<!-- new year -->
<div id="light" class="white_content" style="display: block; "><img src="./images/new-year.jpg">
<br> <a href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">
<span style="text-align:center;"><img src="./images/enter.jpg" alt="Enter" border="0"></span></a></div>
<!--end new year -->
CSS Code (On html)
<style>
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 220%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=90);
}
.white_content {
display:none;
position: absolute;
top: 3%;
left: 5%;
padding: 0px;
background-color:#9a9a9a;
border: 12px solid #9a9a9a;
border-bottom:18px solid #9a9a9a;
z-index:1050;
}
.close {
font:bold 11px verdana; color:#cc0000; text-align:right;
}

