in header.php
HEAD
<?php if(!ACCESSED){ ?>
<script>
setTimeout(function () {
window.location.href = '/';
},14500);
</script>
<style>
div.boxwrapper, #footer, div.bottom-footer {
display: none;
}
div.splashimg a {
color: #000;
}
div.splashimg a:hover {
color: #000;
}
</style>
<?php } ?>
BODY
<?php if(!ACCESSED){ ?>
<div id="splash" class="visible">
<div class="splashimg"><center><a href="/"><img src="<?php echo get_template_directory_uri(); ?>/img/animate_p2p.gif" /></a></center>
<div class="vrdr" onclick="location.href='/';" style="cursor:pointer;"><p>continue <i class="fa fa-chevron-circle-right" style="font-size: 20px;"></i></p></div>
</div>
</div>
<?php } ?>
CSS
/* splash page */
div.splash {
height: 100%;
min-height: 100%;
width: 100%;
min-width: 100%;
background: #fff;
z-index: 999999999;
position: absolute;
}
div.splashimg {
padding: 10% 0px 0px 0px;
margin: 0 auto;
}
div.vrdr {
height:60px;
background: #7a7a7a;
position: absolute;
bottom: 0px;
right: 0px;
left: 0px;
text-align: center;
}
div.vrdr p {
color: #fff;
font-size: 25px;
padding-top: 10px;
}
span.c-ltr.1 {
padding-right: 15px!important;
}
.visible {
visibility: visible;
opacity: 1;
transition: opacity 2s linear;
}
.hidden {
visibility: hidden;
opacity: 0;
transition: visibility 0s 2s, opacity 2s linear;
}