Simple Page Preloader Text

by wamosjk

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<div class="page-loader">
  <p>INTRO TEXT<br>(Will dissapear in 5 seconds)</p>
</div>
Rest Of Page

CSS

.page-loader{
  position:fixed;
  top:0;left:0;
  width:100%;
  height:100%;
  background:#000;
  color:#fff;
}
.page-loader p{
   position:relative;
   top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align:center;
}

JavaScript

$(document).ready(function(){
  $('.page-loader').delay(5000).fadeOut('slow', function() {
    $('.page-loader').remove();
  });
});