Cacher is the code snippet organizer for pro developers

<---- html ---->
	<!-- preoloader start -->
	<div id="preloader">
	    <img src="assets/img/preloader.gif" alt="" id="loader">
	</div>
	<!-- preoloader end -->
  
/* css /* 
==============================================
    2|***preloader CSS***
================================================= */
#preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99
}

#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 64px;
    width: 64px;
    margin-left: -32px;
    margin-top: -32px;
}

// js

  jQuery(window).load(function() {     
        // preloader JS
        $("#preloader").fadeOut();
    });