42 lines
1.3 KiB
PHP
42 lines
1.3 KiB
PHP
|
|
<script defer>
|
|
// const fadeout = () =>{
|
|
// const preloader = document.querySelector("#pre_loader");
|
|
// preloader.classList.add('active_loader');
|
|
// }
|
|
// window.addEventListener('load', fadeout);
|
|
|
|
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
|
|
var pre_loader = document.querySelector("#pre_loader");
|
|
|
|
function fadeOut(element, duration) {
|
|
var opacity = 1;
|
|
var interval = 50;
|
|
var gap = interval / duration;
|
|
|
|
function step() {
|
|
opacity -= gap;
|
|
if (opacity <= 0) {
|
|
opacity = 0;
|
|
element.style.display = "none";
|
|
}
|
|
element.style.opacity = opacity;
|
|
}
|
|
setInterval(step, interval);
|
|
}
|
|
fadeOut(pre_loader, 600);
|
|
});
|
|
|
|
</script>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js" defer></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" defer></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" defer></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" defer></script>
|
|
<script src="../assets/js/custom.js" defer></script>
|
|
</body>
|
|
</html>
|
|
|