https://hepco.ps/assets/js/custom_ar.js

1(function ($) {
2    "use strict";
3    // for sticky navbar
4    $(window).scroll(function () {
5        if ($(window).scrollTop() > 0) {
6            $(".navbar-area").addClass("sticky");
7        } else {
8            $(".navbar-area").removeClass("sticky");
9        }
10    });
11    $(window).scroll(function () {
12        if ($(window).scrollTop() > 0) {
13            $(".navbar-area .main-nav").addClass("sticky");
14        } else {
15            $(".navbar-area .main-nav").removeClass("sticky");
16        }
17    });
18
19    // Mean Menu
20    $(".mean-menu").meanmenu({
21        meanScreenWidth: "1199",
22    });
23
24    // popup button
25    $('.popup-button').click(function () {
26        $('.popup').css('visibility', 'visible');
27        $('.popup-content').addClass('hi');
28    })
29    $('#popup-close').click(function () {
30        $('.popup').css('visibility', 'hidden');
31        $('.popup-content').removeClass('hi');
32    })
33
34    $(".banner-slider-area").owlCarousel({
35        autoplayHoverPause: true,
36        autoplaySpeed: 1500,
37        loop: true,
38        autoplay: true,
39        dots: true,
40        dotsData: true,
41        nav: false,
42        items: 1,
43        rtl: true,
44    });
45
46    $(".testimonial-card-area").owlCarousel({
47        autoplayHoverPause: true,
48        autoplaySpeed: 1500,
49        loop: true,
50        autoplay: true,
51        dots: true,
52        nav: false,
53        items: 1,
54        rtl: true,
55    });
56
57    $(".testimonial-slider-area-2").owlCarousel({
58        autoplayHoverPause: true,
59        autoplaySpeed: 1500,
60        loop: true,
61        autoplay: true,
62        dots: false,
63        nav: true,
64        navText: ['<i class="fas fa-chevron-left"></i>', '<i class="fas fa-chevron-right"></i>'],
65        items: 1,
66        rtl: true,
67    });
68    $(".testimonial-slider-area-3").owlCarousel({
69        autoplayHoverPause: true,
70        autoplaySpeed: 1500,
71        loop: true,
72        autoplay: true,
73        dots: false,
74        nav: true,
75        navText: ['<i class="fas fa-caret-right"></i>', '<i class="fas fa-caret-left"></i>'],
76        items: 1,
77        rtl: true,
78    });
79
80    $(".service-card-slider").owlCarousel({
81        autoplayHoverPause: true,
82        loop: true,
83        autoplay: true,
84        dots: false,
85        nav: true,
86        rtl: true,
87        navText: ['<i class="fas fa-arrow-right"></i>', '<i class="fas fa-arrow-left"></i>'],
88        responsive: {
89            0: {
90                items: 1,
91            },
92            768: {
93                items: 2,
94            },
95            992: {
96                items: 3,
97            }
98        },
99    });
100    $(".brands-slider").owlCarousel({
101        autoplayHoverPause: true,
102        loop: true,
103        autoplay: true,
104        dots: false,
105        margin: 30,
106        nav: false,
107        rtl: true,
108        responsive: {
109            0: {
110                items: 2,
111            },
112            500: {
113                items: 3,
114            },
115            768: {
116                items: 3,
117            },
118            992: {
119                items: 6,
120            }
121        },
122    });
123
124
125
126    $(".video-popup").magnificPopup({
127        type: "iframe",
128    });
129    //   $(".image-popup").magnificPopup({
130    //     type: "image",
131    //   });
132    //   $('.gallery-item').magnificPopup({
133    //     type: 'image',
134    //     gallery:{
135    //       enabled:true
136    //     }
137    //   });
138
139    // language select
140    $(".language-select select").niceSelect();
141
142    // number input
143    $('input[type="number"]').niceNumber();
144
145
146    // Go to Top
147    $(function () {
148        // Scroll Event
149        $(window).on("scroll", function () {
150            var scrolled = $(window).scrollTop();
151            if (scrolled > 600) $(".go-top").addClass("active");
152            if (scrolled < 600) $(".go-top").removeClass("active");
153        });
154        // Click Event
155        $(".go-top").on("click", function () {
156            $("html, body").animate({ scrollTop: "0" }, 500);
157        });
158    });
159
160
161    $(".odometer").appear(function (e) {
162        var odo = $(".odometer");
163        odo.each(function () {
164            var countNumber = $(this).attr("data-count");
165            countNumber = parseInt(countNumber, 10);
166            console.log("countNumber", countNumber);
167            $(this).html(countNumber);
168        });
169    });
170
171    // WOW Animation JS
172    if ($(".wow").length) {
173        var wow = new WOW({
174            mobile: false,
175        });
176        wow.init();
177    }
178
179})(jQuery);
180
181// function to set a given theme/color-scheme
182function setTheme(themeName) {
183    localStorage.setItem('theme', themeName);
184    document.documentElement.className = themeName;
185}
186
187// function to toggle between light and dark theme
188function toggleTheme() {
189    if (localStorage.getItem('theme') === 'theme-dark') {
190        setTheme('theme-light');
191    } else {
192        setTheme('theme-dark');
193    }
194}
195
196// Immediately invoked function to set the theme on initial load
197(function () {
198    if (localStorage.getItem('theme') === 'theme-dark') {
199        setTheme('theme-dark');
200        document.getElementById('slider').checked = false;

201    } else {
202        setTheme('theme-light');
203        document.getElementById('slider').checked = true;
204    }
205})();