Посмотреть прелоадер
На главную

Код HTML

<div class="loader">
    <i class="fa fa-spinner fa-spin"></i>
</div>

Код css

.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;
}

Код JavaScript

$(window).on('load', function() {
  $('.loader').delay(1000).fadeOut();
  $('.preloader').delay(1000).fadeOut('slow');
})