<style> body { background-image: url("images/icons/logo.gif"); background-repeat: no-repeat; background-size: cover; background-position: center; } #preloader{ background-color: #fff; background-size: cover; } </style> <script> var delayTime = 8000; // 5 seconds // Function to navigate to the specified URL function navigateToNextPage() { window.location.href = "{{ site.baseurl }}/start"; } // Set a timeout to navigate after the delay setTimeout(navigateToNextPage, delayTime); //loader var loader = document.getElementById("preloader"); window.addEventListener("load", function(){ loader.style.display = "none"; }) </script>