JSFiddle - React, Tailwind, and code Playground

by each

JavaScript

function preload() {
    
    var preload = $('#preload');

    $(window).load(function() { 
                                
        preload.fadeIn(3000, function() {
            setTimeout(function() {
                preload.fadeOut(300, function() {
                    $('#glow').fadeIn(1000, function() {
                        
                        var navItems = $('nav ul li'),
                            counter  = 0;
                        
                        var fadeNavItemsIn = setInterval(function() {
                            
                            if(!counter < navItems.length) {
                               
                               navItems.eq(counter).fadeIn(300);
                               
                               counter++; 
                               
                            } else {
                                clearInterval(fadeNavItemsIn);   
                            }
                            
                            
                        }, 500);

                    });
                });    
            }, 1000);
        });    
            
    });

}

$(function() {
    preload();
});