https://digitalglobalbusiness.com/wp-content/themes/customtheme/assets/js/theme.js

1
2// // number-count-function
3
4$('.count').each(function () {
5    $(this).prop('Counter',0).animate({
6        Counter: $(this).text()
7    }, {
8        duration: 4000,
9        easing: 'swing',
10        step: function (now) {
11            $(this).text(Math.ceil(now));
12        }
13    });
14});
15
16
17// project-slider
18
19$('.why-chose-us-wrapper').slick({
20  centerMode: true,
21  centerPadding: '70px',
22  slidesToShow: 1,
23  speed: 900, 
24  arrows: false,
25  dots: true,
26  responsive: [
27    {
28      breakpoint: 1200,
29      settings: {
30        arrows: false,
31        centerMode: true,
32        centerPadding: '30px',
33        slidesToShow: 1
34      }
35    },
36    {
37      breakpoint: 992,
38      settings: {
39        arrows: false,
40        centerMode: true,
41        centerPadding: '0px',
42        slidesToShow: 1
43      }
44    },
45    {
46      breakpoint: 768,
47      settings: {
48        arrows: false,
49        centerMode: true,
50        centerPadding: '0px',
51        slidesToShow: 1
52      }
53    }
54  ]
55});
56
57// mobile-app-slider
58
59$('.app-devel-slide-main').slick({
60  dots: false,
61  arrows: true,
62  infinite: true,
63  autoplay: true,
64  centerMode: true,
65  centerPadding: '0px',
66  speed: 500,
67  slidesToShow: 3,
68  slidesToScroll: 1,
69  prevArrow: '<div class="slick-prev"><i class="fas fa-angle-left"></i></div>',
70  nextArrow: '<div class="slick-next"><i class="fas fa-angle-right"></i></div>',
71  responsive: [
72    {
73      breakpoint: 1200,
74      settings: {
75        slidesToShow: 2,
76        slidesToScroll: 1,
77        infinite: true,
78        dots: false,
79      },
80    },
81    {
82      breakpoint: 992,
83      settings: {
84        slidesToShow: 2,
85        slidesToScroll: 1,
86      },
87    },
88    {
89      breakpoint: 576,
90      settings: {
91        slidesToShow: 1,
92        slidesToScroll: 1,
93        centerMode: true,
94        centerPadding: '20px',
95        arrows: false,
96        dots: true,
97      },
98    },
99  ],
100});
101
102
103// nft-slider
104
105$('.nft-slider').slick({
106  dots: true,
107  arrows: true,
108  infinite: true,
109  autoplay: true,
110  speed: 500,
111  slidesToShow: 1,
112  slidesToScroll: 1,
113  prevArrow: '<div class="slick-prev"><i class="far fa-angle-left"></i></div>',
114  nextArrow: '<div class="slick-next"><i class="far fa-angle-right"></i></div>',
115  responsive: [
116    {
117      breakpoint: 1400,
118      settings: {
119        slidesToShow: 1,
120        slidesToScroll: 1,
121        arrows: false,
122      },
123    },
124  ],
125});
126
127// nft-collection-slider
128
129$('.nft-collection-slider').slick({
130  dots: false,
131  arrows: false,
132  infinite: true,
133  autoplay: true,
134  speed: 500,
135  slidesToShow: 1,
136  slidesToScroll: 1,
137  fade: true,
138  cssEase: 'linear'
139});
140
141// responsive-menu-dropdown-links
142
143$('.resp-menu-item ul li .more').click(function () {
144  $('.resp-menu-item ul li .more').not(this).children('i').removeClass('active');
145  $(this).children('i').toggleClass('active');
146  $('.resp-menu-item ul li ul').not($(this).next()).slideUp();
147  $(this).siblings('ul').slideToggle();
148});
149
150
151jQuery(document).ready(function($){
152
153  $('.business-slide').slick({
154    dots: false,
155    infinite: true,
156    autoplay: true,
157    arrows: true,
158    speed: 1000,
159    slidesToShow: 3,
160    slidesToScroll: 1,
161    prevArrow: '<div class="slick-prev slick-arrow"><i class="fas fa-chevron-left"></i></div>',
162    nextArrow: '<div class="slick-next slick-arrow"><i class="fas fa-chevron-right"></i></div>',
163    responsive: [
164      {
165        breakpoint: 992,
166        settings: {
167          slidesToShow: 2
168        }
169      },
170      {
171        breakpoint: 576,
172        settings: {
173          slidesToShow: 1
174        }
175      }
176    ]
177  });
178
179});
180// counter
181
182jQuery(window).scroll(startCounter);
183function startCounter() {
184    if (jQuery(window).scrollTop() > 1500) {
185        jQuery(window).off("scroll", startCounter);
186        jQuery('.animate-count').each(function () {
187            var $this = jQuery(this);
188            jQuery({ Counter: 0 }).animate({ Counter: $this.text() }, {
189                duration: 9000,
190                easing: 'swing',
191                step: function () {
192                    $this.text(Math.ceil(this.Counter));
193                }
194            });
195        });
196    }
197}
198
199// horizontal-accordian
200
201$('.service-item').click(function(){
202    $('.service-item-box').removeClass('active');
203    $(this).closest('.service-item-box').addClass('active');
204});
205
206
207// fancy-box-js
208
209Fancybox.bind("[data-fancybox]", {
210  // Your custom options
211});
212
213// isotopes-js
214
215$('.project-item-head').isotope({
216  itemSelector: '.item',
217  layoutMode: 'fitRows'
218});
219
220$('.gallery-btns ul li').click(function() {
221  $('.gallery-btns ul li').removeClass('active');
222  $(this).addClass('active');
223
224  var selector = $(this).attr('data-filter');
225  $('.project-item-head').isotope({
226      filter: selector
227  });
228  return false;

229});
230
231// feedback slider
232
233$('.feedback-content-main').slick({
234  slidesToShow: 1,
235  slidesToScroll: 1,
236  speed: 600,
237  arrows: true,
238  asNavFor: '.feedback-img-main',
239  prevArrow: '<div class="slick-prev slick-arrow"><i class="fas fa-chevron-left"></i></div>',
240  nextArrow: '<div class="slick-next slick-arrow"><i class="fas fa-chevron-right"></i></div>'
241});
242
243$('.feedback-img-main').slick({
244  slidesToShow: 1,
245  slidesToScroll: 1,
246  speed: 600,
247  asNavFor: '.feedback-content-main',
248  arrows: false,
249  dots: false
250});
251
252// Cursor pointer
253
254function mousemoveHandler(e) {
255  try {
256    const target = e.target;
257
258    let tl = gsap.timeline({
259      defaults: {
260        x: e.clientX,
261        y: e.clientY,
262      }
263    })
264    let t2 = gsap.timeline({
265      defaults: {
266        x: e.clientX,
267        y: e.clientY,
268      }
269    })
270
271
272    // Main Cursor Moving 
273
274    tl.to(".cursor1", {
275      ease: "power2.out"
276    })
277      .to(".cursor2", {
278        ease: "power2.out"
279      }, "-=0.4")
280
281  } catch (error) {
282    console.log(error)
283  }
284
285}
286document.addEventListener("mousemove", mousemoveHandler);
287
288// loader-jquery
289
290jQuery(document).ready(function () {
291  setTimeout(function(){
292      jQuery("#preloader").addClass('remove');
293  }, 1000);
294});
295
296// gsap-config
297
298gsap.config({
299  nullTargetWarn: false,
300});
301
302
303// mob-service-slider
304
305$('.mob-service').slick({
306  dots: false,
307  arrows: false,
308  autoplay: true,
309  infinite: true,
310  speed: 300,
311  slidesToShow: 3,
312  slidesToScroll: 1,
313  centerMode: true,
314  centerPadding: '60px',
315  responsive: [
316    {
317      breakpoint: 992,
318      settings: {
319        slidesToShow: 2,
320        slidesToScroll: 1,
321        centerPadding: '50px',
322      },
323    },
324    {
325      breakpoint: 768,
326      settings: {
327        slidesToShow: 1,
328        slidesToScroll: 1,
329        centerPadding: '50px',
330      },
331    },
332    {
333      breakpoint: 576,
334      settings: {
335        slidesToShow: 1,
336        slidesToScroll: 1,
337        centerPadding: '50px',
338      },
339    },
340  ],
341});
342
343
344
345document.addEventListener("DOMContentLoaded", function () {
346
347    const tabButtons = document.querySelectorAll('[data-bs-toggle="pill"]');
348
349    tabButtons.forEach(function(button) {
350        button.addEventListener("shown.bs.tab", function (event) {
351            const target = event.target.getAttribute("data-bs-target");
352            history.pushState(null, null, target);
353        });
354    });
355
356    // Page load par agar hash ho to us tab ko open karo
357    const hash = window.location.hash;
358    if (hash) {
359        const triggerEl = document.querySelector('[data-bs-target="' + hash + '"]');
360        if (triggerEl) {
361            new bootstrap.Tab(triggerEl).show();
362        }
363    }
364
365});
366
367
368
369function openChat() {
370    if (typeof Tawk_API !== "undefined") {
371        Tawk_API.maximize();
372    }
373}
374
375
376jQuery(document).ready(function ($) {
377
378    /* =========================================
379       OPEN MOBILE MENU
380    ========================================= */
381
382    $('.open-menu').on('click', function (e) {
383
384        e.preventDefault();
385
386        $('.responsive-menu').addClass('active');
387
388        $('html, body').addClass('scroll-stop');
389
390    });
391
392
393    /* =========================================
394       CLOSE MOBILE MENU FUNCTION
395    ========================================= */
396
397    function closeMobileMenu() {
398
399        $('.responsive-menu').removeClass('active');
400
401        $('html, body').removeClass('scroll-stop');
402
403    }
404
405
406    /* =========================================
407       CLOSE BUTTON
408    ========================================= */
409
410    $('.menu-close').on('click', function (e) {
411
412        e.preventDefault();
413
414        closeMobileMenu();
415
416    });
417
418
419    /* =========================================
420       SUBMENU TOGGLE
421    ========================================= */
422
423    $('.submenu-toggle').on('click', function (e) {
424
425        e.preventDefault();
426
427        e.stopPropagation();
428
429
430        var $button = $(this);
431
432        var $currentParent = $button.closest('.has-submenu');
433
434        var $currentSubmenu =
435            $button
436                .closest('.mobile-menu-parent')
437                .next('.mobile-submenu');
438
439
440        /*
441        Close sibling menus only.
442
443        This is important because nested HVAC / Plumbing /
444        Roofing menus must not accidentally close Industries.
445        */
446
447        var $siblings =
448            $currentParent
449                .siblings('.has-submenu');
450
451
452        $siblings.each(function () {
453
454            var $sibling = $(this);
455
456            $sibling
457                .removeClass('submenu-open')
458                .children('.mobile-submenu')
459                .stop(true, true)
460                .slideUp(250);
461
462
463            $sibling
464                .find('> .mobile-menu-parent > .submenu-toggle i')
465                .removeClass('fa-minus')
466                .addClass('fa-plus');
467
468        });
469
470
471        /* Toggle selected menu */
472
473        $currentSubmenu
474            .stop(true, true)
475            .slideToggle(250);
476
477
478        $currentParent
479            .toggleClass('submenu-open');
480
481
482        /* Plus / minus */
483
484        if ($currentParent.hasClass('submenu-open')) {
485
486            $button
487                .find('i')
488                .removeClass('fa-plus')
489                .addClass('fa-minus');
490
491        } else {
492
493            $button
494                .find('i')
495                .removeClass('fa-minus')
496                .addClass('fa-plus');
497
498        }
499
500    });
501
502
503    /* =========================================
504       CLICK DARK OVERLAY TO CLOSE
505    ========================================= */
506
507    $('.responsive-menu').on('click', function (e) {
508
509        if ($(e.target).is('.responsive-menu')) {
510
511            closeMobileMenu();
512
513        }
514
515    });
516
517
518    /* =========================================
519       ESC KEY CLOSE
520    ========================================= */
521
522    $(document).on('keydown', function (e) {
523
524        if (e.key === 'Escape') {
525
526            closeMobileMenu();
527
528        }
529
530    });
531
532
533    /* =========================================
534       NORMAL LINKS
535    ========================================= */
536
537    $('.responsive-links a').on('click', function () {
538
539        /*
540        All actual links can navigate normally.
541        Toggle button is separate, so no conflict.
542        */
543
544        $('html, body').removeClass('scroll-stop');
545
546    });
547
548
549    /* =========================================
550       RESET MENU IF SCREEN BECOMES DESKTOP
551    ========================================= */
552
553    $(window).on('resize', function () {
554
555        if ($(window).width() >= 992) {
556
557            closeMobileMenu();
558
559        }
560
561    });
562
563});