logo.html

<div id="logo-container">
    <div id="logo-text">
        <p id="logo1" class="flow-text">ISTS</p>
        <p id="logo2" class="flow-text">16</p>
        <p id="date">FEBRUARY 2ND - 4TH 2018</p>
    </div>
</div>

<div class="preloader-background">
    <div class="preloader-wrapper big active">
          <div class="spinner-layer spinner-blue">
            <div class="circle-clipper left">
              <div class="circle"></div>
            </div><div class="gap-patch">
              <div class="circle"></div>
            </div><div class="circle-clipper right">
              <div class="circle"></div>
            </div>
          </div>
    
          <div class="spinner-layer spinner-red">
            <div class="circle-clipper left">
              <div class="circle"></div>
            </div><div class="gap-patch">
              <div class="circle"></div>
            </div><div class="circle-clipper right">
              <div class="circle"></div>
            </div>
          </div>
    
          <div class="spinner-layer spinner-yellow">
            <div class="circle-clipper left">
              <div class="circle"></div>
            </div><div class="gap-patch">
              <div class="circle"></div>
            </div><div class="circle-clipper right">
              <div class="circle"></div>
            </div>
          </div>
    
          <div class="spinner-layer spinner-green">
            <div class="circle-clipper left">
              <div class="circle"></div>
            </div><div class="gap-patch">
              <div class="circle"></div>
            </div><div class="circle-clipper right">
              <div class="circle"></div>
            </div>
          </div>
        </div>
    </div>

    <script>
        function killpreload(){
          $('.preloader-background').delay(1700).fadeOut('slow');
          $('.preloader-wrapper')
            .delay(1700)
            .fadeOut();
        }
        killpreload();
    </script>