<center>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
//This is the function that closes the pop-up
function endBlackout(){
$(".blackout").css("display", "none");
$(".msgbox").css("display", "none");
}
//This is the function that starts the pop-up
function strtBlackout(){
$(".msgbox").css("display", "block");
$(".blackout").css("display", "block");
}
//Sets the buttons to trigger the blackout on clicks
$(document).ready(function(){
$("#btn1").click(strtBlackout); // open if btn is pressed
$(".blackout").click(endBlackout); // close if click outside of popup
$(".closeBox").click(endBlackout); // close if close btn clicked
// Automatically trigger the pop-up after 2 seconds
setTimeout( strtBlackout, 10000);
});
</script>
<style type="text/css">
.blackout {
background-color:#000;
opacity:.7;
filter:alpha(opacity=70);
height:100%;
width:100%;
position:fixed;
top:0;
left:0;
z-index:100;
display:none;
cursor:pointer;
}
.msgbox {
width:50%;
height:0%;
position:fixed;
top:5%;
left:-5%;
border-radius:20px;
padding:10px;
z-index:101;
display:none;
margin-left: 20%;
}
.closeBox {
background-color:#CC0000;
color:#FFFFFF;
padding:8px;
float:right;
border-radius:3px;
cursor:pointer;
text-transform:uppercase;
}
</style>
<input id="btn1" name="submit" type="submit" value="Content Unlock! You Can Now Take The Test " />
<div class="blackout">
</div>
<div class="msgbox">
<div class="closeBox">
x</div>
<div id="fb-root">
</div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4&appId=146310942119607";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="a2a_kit a2a_kit_size_24 a2a_default_style">
<style type="text/css">
.a2a_svg, .a2a_count { border-radius: 0 !important; }
</style>
<a class="a2a_button_twitter"></a>
<a class="a2a_button_google_plusone" data-size="standard" style="width:85px"></a>
<div class="fb-like" data-action="like" data-href="https://www.facebook.com/InfograpiX-141126912735041/" data-layout="button_count" data-share="false" data-show-faces="false">
</div>
<script src="//static.addtoany.com/menu/page.js"></script>
<div>
<script type="text/javascript" src="//cdn.playbuzz.com/widget/feed.js"></script>
<div class="pb_feed" data-embed-by="adc44cc2-1e9e-42bd-900c-1d7136405a93" data-game="/keepitworthy10/what-5-letter-word-describes-you-perfectly" data-recommend="false" data-game-info="false" data-comments="false" data-shares="false" ></div></div></a></div>
</div>
</form>
</center>
</div>