https://www.grepixit.com/assets/js/custom.js

1(function($) {
2    'use strict';
3
4    // Mean Menu JS
5    jQuery('.mean-menu').meanmenu({
6        meanScreenWidth: "991"
7    });
8    function labelMeanmenuReveal() {
9        document.querySelectorAll('.meanmenu-reveal:not([aria-label])').forEach(function(el) {
10            el.setAttribute('aria-label', 'Menu');
11        });
12    }
13    labelMeanmenuReveal();
14    new MutationObserver(labelMeanmenuReveal).observe(document.body, { childList: true, subtree: true });
15
16    // Accessibility: give Owl Carousel nav/dot buttons a discernible name
17    // and drop the role="presentation" the plugin sets on interactive nav buttons.
18    function fixOwlCarouselA11y($carousel) {
19        $carousel.find('.owl-nav button.owl-prev').removeAttr('role').attr('aria-label', 'Previous slide');
20        $carousel.find('.owl-nav button.owl-next').removeAttr('role').attr('aria-label', 'Next slide');
21        $carousel.find('.owl-dots .owl-dot').each(function(i) {
22            $(this).attr('aria-label', 'Go to slide ' + (i + 1));
23        });
24    }
25    $(document).on('initialized.owl.carousel changed.owl.carousel', '.owl-carousel', function() {
26        fixOwlCarouselA11y($(this));
27    });
28
29    // Navbar Area
30    $(window).on('scroll', function() {
31        if ($(this).scrollTop() >150){  
32            $('.navbar-area').addClass("sticky-nav");
33        }
34        else{
35            $('.navbar-area').removeClass("sticky-nav");
36        }
37    });
38
39    // Search Overlay JS
40	$(".side-nav .search-box i").on("click", function(){
41		$(".search-overlay").toggleClass("search-overlay-active");
42	});
43	$(".search-close").on("click", function(){
44		$(".search-overlay").removeClass("search-overlay-active");
45    });
46
47    // Others Option For Responsive JS
48	$(".side-nav-responsive .dot-menu").on("click", function(){
49		$(".side-nav-responsive .container .container").toggleClass("active");
50	});
51    
52    // Brand Slider
53    if ($.fn.owlCarousel) {
54    $('.brand-slider').owlCarousel({
55        loop: true,
56        margin: 30,
57        nav: true,
58        dots: false,
59        autoplay: true,
60        autoplayHoverPause: true,
61        responsive:{
62            0:{
63                items: 2
64            },
65            600:{
66                items: 3
67            },
68            768:{
69                items: 4
70            },
71            992:{
72                items: 5
73            },
74            1200:{
75                items: 6
76            }
77        },
78        navText: [
79            "<i class='flaticon-left'></i>",
80            "<i class='flaticon-arrow'></i>"
81        ],
82    })
83    }
84
85    // Brand Slider
86    if ($.fn.owlCarousel) {
87    $('.brand-logo-slider').owlCarousel({
88        loop: true,
89        margin: 50,
90        nav: false,
91        dots: false,
92        autoplay: true,
93        autoplayHoverPause: true,
94        responsive:{
95            0:{
96                items: 2
97            },
98            600:{
99                items: 3
100            },
101            768:{
102                items: 4
103            },
104            992:{
105                items: 5
106            },
107            1200:{
108                items: 6
109            }
110        },
111    })
112    }
113
114    // Team Slider
115    if ($.fn.owlCarousel) {
116     $('.team-slider').owlCarousel({
117        loop: true,
118        margin: 30,
119        center: true,
120        nav: false,
121        dots: false,
122        autoplay: true,
123        autoplayHoverPause: true,
124        responsive:{
125            0:{
126                items: 1
127            },
128            568:{
129                items: 2
130            },
131            992:{
132                items: 3
133            },
134            1200:{
135                items: 5
136            },
137            1600:{
138                items: 6
139            }
140        },
141    })
142    }
143
144    // Team Slider Two
145    if ($.fn.owlCarousel) {
146    $('.team-slider-two').owlCarousel({
147        loop: true,
148        margin: 10,
149        nav: true,
150        dots: false,
151        autoplay: true,
152        autoplayHoverPause: true,
153        responsive:{
154            0:{
155                items: 1
156            },
157            568:{
158                items: 2
159            },
160            992:{
161                items: 3
162            },
163            1000:{
164                items: 4
165            },
166        },
167        navText: [
168            "<i class='bx bx-plus'></i>",
169            "<i class='bx bx-plus'></i>"
170        ],
171    })
172    }
173
174    // Testimonial Slider
175    if ($.fn.owlCarousel) {
176    $('.testimonial-slider').owlCarousel({
177        loop: true,
178        margin: 30,
179        nav: true,
180        dots: false,
181        autoplay: true,
182        autoplayHoverPause: true,
183        items: 1,
184        navText: [
185            "",
186            "<i class='bx bx-plus'></i>"
187        ],
188    })
189    }
190
191    // Testimonial Slider Two
192    if ($.fn.owlCarousel) {
193    $('.testimonial-slider-two').owlCarousel({
194        loop: true,
195        margin: 0,
196        nav: true,
197        dots: false,
198        autoplay: true,
199        autoplayHoverPause: true,
200        items: 1,
201        navText: [
202            "<i class='bx bx-chevron-left'></i>",
203            "<i class='bx bx-chevron-right'></i>"
204        ],
205    })
206    }
207
208    // Popup Video
209    if ($.fn.magnificPopup) {
210    $('.popup-btn').magnificPopup({
211        disableOn: 700,
212        type: 'iframe',
213        mainClass: 'mfp-fade',
214        removalDelay: 160,
215        preloader: false,

216        fixedContentPos: false
217    });
218    }
219
220    // FAQ Accordion JS
221	$('.accordion').find('.accordion-title').on('click', function(){
222		// Adds Active Class
223		$(this).toggleClass('active');
224		// Expand or Collapse This Panel
225		$(this).next().slideToggle('fast');
226		// Hide The Other Panels
227		$('.accordion-content').not($(this).next()).slideUp('fast');
228		// Removes Active Class From Other Titles
229		$('.accordion-title').not($(this)).removeClass('active');		
230    });
231
232    // Tabs JS
233	$('.tab ul.tabs').addClass('active').find('> li:eq(0)').addClass('current');
234	$('.tab ul.tabs li').on('click', function (g) {
235		var tab = $(this).closest('.tab'), 
236		index = $(this).closest('li').index();
237		tab.find('ul.tabs > li').removeClass('current');
238		$(this).closest('li').addClass('current');
239		tab.find('.tab_content').find('div.tabs_item').not('div.tabs_item:eq(' + index + ')').slideUp();
240		tab.find('.tab_content').find('div.tabs_item:eq(' + index + ')').slideDown();
241		g.preventDefault();
242	});
243    
244    // Count Time JS
245	function makeTimer() {
246		var endTime = new Date("august  30, 2022 17:00:00 PDT");			
247		var endTime = (Date.parse(endTime)) / 1000;
248		var now = new Date();
249		var now = (Date.parse(now) / 1000);
250		var timeLeft = endTime - now;
251		var days = Math.floor(timeLeft / 86400); 
252		var hours = Math.floor((timeLeft - (days * 86400)) / 3600);
253		var minutes = Math.floor((timeLeft - (days * 86400) - (hours * 3600 )) / 60);
254		var seconds = Math.floor((timeLeft - (days * 86400) - (hours * 3600) - (minutes * 60)));
255		if (hours < "10") { hours = "0" + hours; }
256		if (minutes < "10") { minutes = "0" + minutes; }
257		if (seconds < "10") { seconds = "0" + seconds; }
258		$("#days").html(days + "<span>Days</span>");
259		$("#hours").html(hours + "<span>Hours</span>");
260		$("#minutes").html(minutes + "<span>Minutes</span>");
261		$("#seconds").html(seconds + "<span>Seconds</span>");
262	}
263	setInterval(function() { makeTimer(); }, 300);
264
265    // Back To Top Js
266    $('body').append('<div id="toTop" class="top-btn"><i class="bx bx-chevrons-up"></i></div>');
267    $(window).on('scroll',function () {
268        if ($(this).scrollTop() != 0) {
269            $('#toTop').fadeIn();
270        } else {
271            $('#toTop').fadeOut();
272        }
273    }); 
274    $('#toTop').on('click',function(){
275        $("html, body").animate({ scrollTop: 0 }, 600);
276        return false;
277    });
278
279    // WOW JS
280    if (typeof WOW !== 'undefined') {
281        new WOW().init();
282    }
283
284    // Preloader JS
285    jQuery(window).on('load',function(){
286        jQuery(".preloader").fadeOut(500);
287    });
288
289
290    // Switch Btn
291    $('body').append("<span class='slider round'></span>");
292})(jQuery);
293
294document.addEventListener("DOMContentLoaded", function () {
295
296    var phone = "918860213347";
297
298    // Website Information
299    var website = window.location.hostname.replace("www.", "");
300    var pageTitle = document.title;
301    var pageURL = window.location.href;
302
303    // UTM Parameters
304    var params = new URLSearchParams(window.location.search);
305
306    var utm_source = params.get("utm_source") || "Direct";
307    var utm_medium = params.get("utm_medium") || "";
308    var utm_campaign = params.get("utm_campaign") || "";
309
310    // WhatsApp Message
311    var message =
312`🚀 New Website Lead
313
314Website: ${website}
315Page: ${pageTitle}
316Source: ${utm_source}${utm_medium ? " / " + utm_medium : ""}${utm_campaign ? " / " + utm_campaign : ""}
317
318${pageURL}`;
319
320    var whatsappURL =
321        "https://wa.me/" + phone + "?text=" + encodeURIComponent(message);
322
323    var btn = document.getElementById("whatsapp-link");
324
325    if (btn) {
326        btn.href = whatsappURL;
327    }
328
329});
330