https://pronostic.pro/assets/site_new/js/main.js

1jQuery(document).on('ready', function ($) {
2    "use strict";
3
4    /*--------------------------
5        STICKY MAINMENU
6    ---------------------------*/
7    $("#mainmenu-area").sticky({
8        topSpacing: 0
9    });
10
11
12    /*---------------------------
13        SMOOTH SCROLL
14    -----------------------------*/
15    $('ul#nav li a[href^="#"], a.navbar-brand, a.scrolltotop').on('click', function (event) {
16        var id = $(this).attr("href");
17        var offset = 60;
18        var target = $(id).offset().top - offset;
19        $('html, body').animate({
20            scrollTop: target
21        }, 1500, "easeInOutExpo");
22        event.preventDefault();
23    });
24
25
26    /*----------------------------
27        MOBILE & DROPDOWN MENU
28    ------------------------------*/
29    jQuery('.stellarnav').stellarNav({
30        theme: 'dark'
31    });
32
33
34    /*----------------------------
35        SCROLL TO TOP
36    ------------------------------*/
37    $(window).scroll(function () {
38        var $totalHeight = $(window).scrollTop();
39        var $scrollToTop = $(".scrolltotop");
40        if ($totalHeight > 300) {
41            $(".scrolltotop").fadeIn();
42        } else {
43            $(".scrolltotop").fadeOut();
44        }
45
46        if ($totalHeight + $(window).height() === $(document).height()) {
47            $scrollToTop.css("bottom", "90px");
48        } else {
49            $scrollToTop.css("bottom", "20px");
50        }
51    });
52
53
54    /*--------------------------
55       PARALLAX BACKGROUND
56    ----------------------------*/
57    $(window).stellar({
58        responsive: true,
59        positionProperty: 'position',
60        horizontalScrolling: false
61    });
62
63
64    /*------------------------------
65        VIDEO POPUP
66    --------------------------------*/
67    var $videoModal = $(".video-area-popup");
68    $videoModal.modalVideo({
69        channel: 'youtube'
70    });
71
72
73    /*---------------------------
74        MICHIMP INTEGRATION
75    -----------------------------*/
76    $('#mc-form').ajaxChimp({
77        url: 'http://intimissibd.us14.list-manage.com/subscribe/post?u=a77a312486b6e42518623c58a&id=4af1f9af4c', //Set Your Mailchamp URL
78        callback: function (resp) {
79            if (resp.result === 'success') {
80                $('.subscriber-form input, .subscriber-form button').hide();
81            }
82        }
83    });
84
85
86    /*---------------------------
87        TESTMONIAL SLIDER
88    -----------------------------*/
89    var $testmonialCarousel = $('.testmonial-member-list');
90    $testmonialCarousel.owlCarousel({
91        merge: true,
92        smartSpeed: 1000,
93        loop: true,
94        nav: false,
95        center: true,
96        dots: true,
97        navText: ['<i class="fa fa-long-arrow-left"></i> Prev', 'Next <i class="fa fa-long-arrow-right"></i>'],
98        autoplay: true,
99        autoplayTimeout: 3000,
100        margin: 20,
101        responsiveClass: true,
102        responsive: {
103            0: {
104                items: 1
105            },
106            600: {
107                items: 1
108            },
109            1000: {
110                items: 1
111            },
112            1200: {
113                items: 1
114            }
115        }
116    });
117
118
119    /*---------------------------
120        HOME THREE TESTMONIAL SLIDER
121    -----------------------------*/
122    var $testmonialCarousel = $('.testmonial-slider-two');
123    $testmonialCarousel.owlCarousel({
124        merge: true,
125        smartSpeed: 1000,
126        loop: true,
127        nav: false,
128        dots: false,
129        rtl: false,
130        center: false,
131        navText: ['<i class="fa fa-long-arrow-left"></i> Prev', 'Next <i class="fa fa-long-arrow-right"></i>'],
132        autoplay: true,
133        autoplayTimeout: 3000,
134        margin: 30,
135        responsiveClass: true,
136        responsive: {
137            0: {
138                items: 1
139            },
140            600: {
141                items: 2
142            },
143            1000: {
144                items: 3
145            },
146            1200: {
147                items: 3
148            },
149            1900: {
150                items: 3
151            }
152        }
153    });

154
155
156    /*---------------------------
157        VIDEO PROMO SLIDER
158    -----------------------------*/
159    var $promoCarousel = $('.video-promo-slider');
160    $promoCarousel.owlCarousel({
161        merge: true,
162        smartSpeed: 1000,
163        loop: true,
164        nav: false,
165        dots: true,
166        center: true,
167        navText: ['<i class="fa fa-long-arrow-left"></i> Prev', 'Next <i class="fa fa-long-arrow-right"></i>'],
168        autoplay: true,
169        autoplayTimeout: 3000,
170        margin: 20,
171        animateIn: 'fadeIn',
172        animateOut: 'fadeOut',
173        responsiveClass: true,
174        responsive: {
175            0: {
176                items: 1
177            },
178            600: {
179                items: 1
180            },
181            1000: {
182                items: 1
183            },
184            1200: {
185                items: 1
186            }
187        }
188    });
189
190
191    /*---------------------------
192        SCREENSHOT SLIDER
193    -----------------------------*/
194    var $screenshotCarousel = $('.screenshot-slider');
195    $screenshotCarousel.owlCarousel({
196        merge: true,
197        smartSpeed: 1000,
198        loop: true,
199        nav: false,
200        center: true,
201        navText: ['<i class="fa fa-long-arrow-left"></i> Prev', 'Next <i class="fa fa-long-arrow-right"></i>'],
202        autoplay: true,
203        autoplayTimeout: 3000,
204        margin: 30,
205        responsiveClass: true,
206        responsive: {
207            0: {
208                items: 1
209            },
210            600: {
211                items: 3
212            },
213            1000: {
214                items: 5
215            },
216            1200: {
217                items: 5
218            },
219            1900: {
220                items: 6
221            }
222        }
223    });
224
225
226    /*---------------------------
227        HOME TWO SCREENSHOT SLIDER
228    -----------------------------*/
229    var $screenshotCarousel = $('.screenshot-slider-2');
230    $screenshotCarousel.owlCarousel({
231        merge: true,
232        smartSpeed: 1000,
233        loop: true,
234        nav: false,
235        rtl: false,
236        center: false,
237        navText: ['<i class="fa fa-long-arrow-left"></i> Prev', 'Next <i class="fa fa-long-arrow-right"></i>'],
238        autoplay: true,
239        autoplayTimeout: 3000,
240        margin: 30,
241        responsiveClass: true,
242        responsive: {
243            0: {
244                items: 1
245            },
246            600: {
247                items: 3
248            },
249            1000: {
250                items: 3
251            },
252            1200: {
253                items: 3
254            },
255            1900: {
256                items: 4
257            }
258        }
259    });
260
261
262    /*---------------------------
263        TEAM SLIDER ACTIVE
264    ---------------------------*/
265    $('.team-slider').slick({
266        dots: true,
267        arrows: false,
268        autoplay: true,
269        speed: 1000,
270        nav: false,
271        vertical: true,
272        slidesToShow: 2,
273        responsive: [
274            {
275                breakpoint: 1280,
276                settings: {
277                    slidesToShow: 1,
278                    slidesToScroll: 1,
279                }
280            },
281            {
282                breakpoint: 600,
283                settings: {
284                    slidesToShow: 1,
285                    slidesToScroll: 1
286                }
287            },
288            {
289                breakpoint: 480,
290                settings: {
291                    slidesToShow: 1,
292                    slidesToScroll: 1
293                }
294            }
295            // You can unslick at a given breakpoint now by adding:
296            // settings: "unslick"
297            // instead of a settings object
298        ]
299    });
300
301
302    /*--------------------------
303        ACTIVE WOW JS
304    ----------------------------*/
305    new WOW().init();
306
307
308}(jQuery));
309
310
311
312jQuery(window).on('load', function () {
313    "use strict";
314    /*--------------------------
315        PRE LOADER
316    ----------------------------*/
317    $(".preeloader").fadeOut(1000);
318
319});