The template has built-in preloader with that indicates if the page is loaded and ready to display or not. Right after loading all the images, preloader disappears with nice curtains slide-out animation.

<!-- PAGE PRELOADER -->
<div class="preloader">
  <div class="preloader__progress">
    <div class="preloader__progress-fill"></div>
  </div>
  <div class="preloader__curtains">
    <div class="preloader__curtain bg-white"></div>
    <div class="preloader__curtain bg-black"></div>
    <div class="preloader__curtain bg-accent"></div>
  </div>
</div>
<!-- - PAGE PRELOADER -->

Don’t want preloader?

Simply remove preloader’s <div> container. The page animations will start as soon as possible in that case. No JavaScript adjustments required.