- Open index.html
- Don't forget to change the image !
// Add these lines :
<link href="loader/styles.css" rel="stylesheet" />
<script src="loader/scripts.js"></script>
<body>
<div id="preloader">
<img src="assets/img/YOUR_PNG/JPG/GIF" alt="Loading..." id="loader" />
<h1 class="text-set">Loading<span id="dots"></span></h1>
</div>
// The content of your site
//Then add at the end :
</body>- Demo :
Licence : Creative commons - CC BY-NC-ND 4.0 by Kurama250