<div class="loader">
<i class="fa fa-spinner fa-spin"></i>
</div>
.loader {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #fff;
z-index: 1001;
}
.loader .fa {
font-size: 140px;
position: absolute;
left: 50%;
top: 50%;
margin: -70px 0 0 -70px;
}
$(window).on('load', function() {
$('.loader').delay(1000).fadeOut();
$('.preloader').delay(1000).fadeOut('slow');
})