https://koeedo.org/js/main.js

1(function ($) {
2    "use strict";
3
4    // Spinner
5    var spinner = function () {
6        setTimeout(function () {
7            if ($('#spinner').length > 0) {
8                $('#spinner').removeClass('show');
9            }
10        }, 1);
11    };
12    spinner();
13    
14    
15    // Initiate the wowjs
16    new WOW().init();
17
18
19    // Sticky Navbar
20    $(window).scroll(function () {
21        if ($(this).scrollTop() > 300) {
22            $('.sticky-top').addClass('shadow-sm').css('top', '0px');
23        } else {
24            $('.sticky-top').removeClass('shadow-sm').css('top', '-100px');
25        }
26    });
27    
28    
29    // Back to top button
30    $(window).scroll(function () {
31        if ($(this).scrollTop() > 300) {
32            $('.back-to-top').fadeIn('slow');
33        } else {
34            $('.back-to-top').fadeOut('slow');
35        }
36    });
37    $('.back-to-top').click(function () {
38        $('html, body').animate({scrollTop: 0}, 1500, 'easeInOutExpo');
39        return false;
40    });
41
42
43    // Modal Video
44    var $videoSrc;
45    $('.btn-play').click(function () {
46        $videoSrc = $(this).data("src");
47    });
48    console.log($videoSrc);
49    $('#videoModal').on('shown.bs.modal', function (e) {
50        $("#video").attr('src', $videoSrc + "?autoplay=1&modestbranding=1&showinfo=0");
51    })
52    $('#videoModal').on('hide.bs.modal', function (e) {
53        $("#video").attr('src', $videoSrc);
54    })
55
56
57    // Facts counter
58    $('[data-toggle="counter-up"]').counterUp({
59        delay: 10,
60        time: 2000
61    });
62
63
64    // Project carousel
65    $(".project-carousel").owlCarousel({
66        autoplay: true,
67        smartSpeed: 1000,
68        loop: true,
69        center: true,
70        dots: false,
71        nav: true,
72        navText : [
73            '<i class="bi bi-chevron-left"></i>',
74            '<i class="bi bi-chevron-right"></i>'
75        ],
76        responsive: {
77            0:{
78                items:2
79            },
80            576:{
81                items:2
82            },
83            768:{
84                items:3
85            },
86            992:{
87                items:4
88            },
89            1200:{
90                items:5
91            }
92        }
93    });
94
95
96    // Testimonials carousel
97    $(".testimonial-carousel").owlCarousel({
98        autoplay: true,
99        smartSpeed: 1000,
100        center: true,
101        dots: false,
102        loop: true,
103        nav : true,
104        navText : [
105            '<i class="bi bi-arrow-left"></i>',
106            '<i class="bi bi-arrow-right"></i>'
107        ],
108        responsive: {
109            0:{
110                items:1
111            },
112            768:{
113                items:2
114            }
115        }
116    });
117
118    
119})(jQuery);
120