1(function ($) { 2 3 "use strict"; 4 5 // carousel 6 var singleItemCarousel = function ($scope, $) { 7 var tt = $scope.find('.single-item-carousel').each(function () { 8 $('.single-item-carousel').owlCarousel({ 9 loop: true, 10 margin: 30, 11 nav: true, 12 singleItem: true, 13 smartSpeed: 700, 14 autoHeight: false, 15 autoplay: true, 16 autoplayTimeout: 10000, 17 navText: ['<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>'], 18 responsive: { 19 0: { 20 items: 1 21 }, 22 600: { 23 items: 1 24 }, 25 1024: { 26 items: 1 27 }, 28 } 29 }); 30 }); 31 } 32 33 // Three Item Carousel 34 var featuredProject = function ($scope, $) { 35 var tt = $scope.find('.featured-project-carousel').each(function () { 36 $('.featured-project-carousel').owlCarousel({ 37 animateOut: 'slideOutDown', 38 animateIn: 'fadeInDown', 39 loop: true, 40 margin: 30, 41 nav: true, 42 singleItem: true, 43 smartSpeed: 700, 44 autoHeight: true, 45 autoplay: true, 46 autoplayTimeout: 10000, 47 navText: ['<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>'], 48 responsive: { 49 0: { 50 items: 1 51 }, 52 600: { 53 items: 1 54 }, 55 1024: { 56 items: 1 57 }, 58 } 59 }); 60 }); 61 } 62 63 64 65 66 67 // Three Item Carousel 68 var threeItemCarousel = function ($scope, $) { 69 var tt = $scope.find('.three-item-carousel').each(function () { 70 $('.three-item-carousel').owlCarousel({ 71 loop: true, 72 margin: 30, 73 nav: true, 74 smartSpeed: 500, 75 autoplay: true, 76 navText: ['<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>'], 77 responsive: { 78 0: { 79 items: 1 80 }, 81 600: { 82 items: 1 83 }, 84 778: { 85 items: 2 86 }, 87 1024: { 88 items: 3 89 }, 90 1280: { 91 items: 3 92 } 93 } 94 }); 95 }); 96 } 97 98 var Carouselproject = function ($scope, $) { 99 if ($('.project-carousel').length) { 100 $('.project-carousel').owlCarousel({ 101 loop:true, 102 margin:0, 103 nav:true, 104 smartSpeed: 3000, 105 autoplay: 4000, 106 navText: [ '<span class=""></span>', '<span class=""></span>' ], 107 responsive:{ 108 0:{ 109 items:1 110 }, 111 480:{ 112 items:2 113 }, 114 600:{ 115 items:3 116 }, 117 800:{ 118 items:3 119 }, 120 1024:{ 121 items:4 122 } 123 } 124 }); 125 } 126 } 127 128 // Sponsors Carousel 129 if ($('.sponsors-carousel').length) { 130 $('.sponsors-carousel').owlCarousel({ 131 loop: true, 132 margin: 30, 133 nav: true, 134 smartSpeed: 500, 135 autoplay: true, 136 navText: ['<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>'], 137 responsive: { 138 0: { 139 items: 1 140 }, 141 600: { 142 items: 2 143 }, 144 800: { 145 items: 3 146 }, 147 1024: { 148 items: 4 149 }, 150 1200: { 151 items: 5 152 } 153 154 } 155 }); 156 } 157 158 // carousel 159 var factoriesIconsCarousel = function ($scope, $) { 160 var tt = $scope.find('.factories-icons-carousel').each(function () { 161 162 $('.factories-icons-carousel').owlCarousel({ 163 loop: true, 164 margin: 30, 165 nav: true, 166 smartSpeed: 500, 167 autoplay: true, 168 navText: ['<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>'], 169 responsive: { 170 0: { 171 items: 1 172 }, 173 600: { 174 items: 2 175 }, 176 800: { 177 items: 3 178 }, 179 1024: { 180 items: 4 181 }, 182 1200: { 183 items: 5 184 } 185 186 } 187 }); 188 189 190 }); 191 } 192 193 // News Carousel 194 var newsCarousel = function ($scope, $) { 195 var tt = $scope.find('.news-carousel').each(function () { 196 $('.news-carousel').owlCarousel({ 197 loop: true, 198 margin: 0, 199 nav: true, 200 smartSpeed: 700, 201 autoHeight: true, 202 autoplay: true, 203 navText: ['<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>'], 204 responsive: { 205 0: { 206 items: 1 207 }, 208 600: { 209 items: 1 210 }, 211 768: { 212 items: 2 213 }, 214 800: { 215 items: 2 216 }, 217 1024: { 218 items: 3 219 }, 220 1200: { 221 items: 3 222 }, 223 1400: { 224 items: 4 225 } 226 227 } 228 }); 229 230 }); 231 } 232 233 // Testimonials Carousel 234 var testimonials2Carousel = function ($scope, $) { 235 var tt = $scope.find('.testimonial-carousel').each(function () { 236 $('.testimonial-carousel').owlCarousel({ 237 loop: true, 238 margin: 30, 239 nav: true, 240 smartSpeed: 500, 241 autoplay: true, 242 navText: ['<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>'], 243 responsive: { 244 0: { 245 items: 1 246 }, 247 764: { 248 items: 1 249 }, 250 800: { 251 items: 2 252 }, 253 1024: { 254 items: 2 255 }, 256 1200: { 257 items: 3 258 } 259 260 } 261 }); 262 263 264 }); 265 } 266 267 268 269 //two-column-carousel 270 271 var twocolumnCarousel = function ($scope, $) { 272 if ($('.two-column-carousel').length) { 273 $('.two-column-carousel').owlCarousel({ 274 loop:true, 275 margin:30, 276 nav:true, 277 smartSpeed: 3000, 278 autoplay: 4000, 279 navText: [ '<span class="fa fa-caret-left"></span>', '<span class="fa fa-caret-right"></span>' ], 280 responsive:{ 281 0:{ 282 items:1 283 }, 284 480:{ 285 items:1 286 }, 287 600:{ 288 items:1 289 }, 290 800:{ 291 items:2 292 }, 293 1024:{ 294 items:2 295 } 296 } 297 }); 298 } 299 300 } 301 302 var threeitemCarousel = function ($scope, $) { 303 304 if ($('.three-item-carousel').length) { 305 $('.three-item-carousel').owlCarousel({ 306 loop:true, 307 margin:30, 308 nav:true, 309 smartSpeed: 500, 310 autoplay: true, 311 navText: [ '<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>' ], 312 responsive:{ 313 0:{ 314 items:1 315 }, 316 600:{ 317 items:1 318 }, 319 778:{ 320 items:2 321 }, 322 1024:{ 323 items:3 324 }, 325 1280:{ 326 items:3 327 } 328 329 } 330 }); 331 } 332 } 333 334 335 336 var client_testimonial_carousel = function ($scope, $) { 337 if ($('.client-testimonial-carousel').length && $('.client-thumbs-carousel').length) { 338 339 var $sync3 = $(".client-testimonial-carousel"), 340 $sync4 = $(".client-thumbs-carousel"), 341 flag = false, 342 duration = 500; 343 344 $sync3 345 .owlCarousel({ 346 loop:true, 347 items: 1, 348 margin: 0, 349 nav: true, 350 navText: [ '<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>' ], 351 dots: false, 352 autoplay: true, 353 autoplayTimeout: 5000 354 }) 355 .on('changed.owl.carousel', function (e) { 356 if (!flag) { 357 flag = false; 358 $sync4.trigger('to.owl.carousel', [e.item.index, duration, true]); 359 flag = false; 360 } 361 }); 362 363 $sync4 364 .owlCarousel({ 365 loop:true, 366 margin:10, 367 items: 1, 368 nav: false, 369 navText: [ '<span class="icon fa fa-long-arrow-left"></span>', '<span class="icon fa fa-long-arrow-right"></span>' ], 370 dots: true, 371 center: false, 372 autoplay: true, 373 autoplayTimeout: 5000, 374 responsive: { 375 0:{ 376 items:1, 377 autoWidth: false 378 }, 379 400:{ 380 items:1, 381 autoWidth: false 382 }, 383 600:{ 384 items:1, 385 autoWidth: false 386 }, 387 1000:{ 388 items:1, 389 autoWidth: false 390 }, 391 1200:{ 392 items:1, 393 autoWidth: false 394 } 395 }, 396 }) 397 398 .on('click', '.owl-item', function () { 399 $sync3.trigger('to.owl.carousel', [$(this).index(), duration, true]); 400 }) 401 .on('changed.owl.carousel', function (e) { 402 if (!flag) { 403 flag = true; 404 $sync3.trigger('to.owl.carousel', [e.item.index, duration, true]); 405 flag = false; 406 } 407 }); 408 } 409 410 } 411 412 413 414 415 // carousel 416 var projects = function ($scope, $) { 417 var tt = $scope.find('.projects-carousel .image-carousel').each(function () { 418 var $sync1 = $(".projects-carousel .image-carousel"), 419 $sync2 = $(".projects-carousel .thumbs-carousel"), 420 flag = false, 421 duration = 500; 422 423 $sync1 424 .owlCarousel({ 425 animateOut: 'fadeOut', 426 animateIn: 'fadeIn', 427 loop: true, 428 items: 1, 429 margin: 30, 430 nav: false, 431 navText: ['<span class="icon fa fa-angle-left"></span>', '<span class="icon fa fa-angle-right"></span>'], 432 dots: false, 433 autoplay: true, 434 autoplayTimeout: 5000 435 }) 436 .on('changed.owl.carousel', function (e) { 437 if (!flag) { 438 flag = false; 439 $sync2.trigger('to.owl.carousel', [e.item.index, duration, true]); 440 flag = false; 441 } 442 }); 443 444 $sync2 445 .owlCarousel({ 446 loop: true, 447 margin: 15, 448 items: 1, 449 nav: true, 450 navText: ['<span class="icon fa fa-angle-left"></span>', '<span class="icon fa fa-angle-right"></span>'], 451 dots: false, 452 center: false, 453 autoplay: true, 454 autoplayTimeout: 5000, 455 responsive: { 456 0: { 457 items: 2, 458 autoWidth: false 459 }, 460 400: { 461 items: 2, 462 autoWidth: false 463 }, 464 600: { 465 items: 4, 466 autoWidth: false 467 }, 468 900: { 469 items: 5, 470 autoWidth: false 471 }, 472 1000: { 473 items: 5, 474 autoWidth: false 475 } 476 }, 477 }) 478 479 .on('click', '.owl-item', function () { 480 $sync1.trigger('to.owl.carousel', [$(this).index(), duration, true]); 481 }) 482 .on('changed.owl.carousel', function (e) { 483 if (!flag) { 484 flag = true; 485 $sync1.trigger('to.owl.carousel', [e.item.index, duration, true]); 486 flag = false; 487 } 488 }); 489 490 }); 491 } 492 493 //Contact Form Validation 494 if ($('#contact-form').length) { 495 $('#contact-form').validate({ 496 rules: { 497 username: { 498 required: true 499 }, 500 lastname: { 501 required: true 502 }, 503 email: { 504 required: true, 505 email: true 506 }, 507 phone: { 508 required: true 509 }, 510 company: { 511 required: true 512 }, 513 subject: { 514 required: true 515 }, 516 message: { 517
517 required: true 518 } 519 } 520 }); 521 } 522 //Elementor JS Hooks 523 $(window).on('elementor/frontend/init', function () { 524 elementorFrontend.hooks.addAction('frontend/element_ready/custom_services.default', threeItemCarousel); 525 elementorFrontend.hooks.addAction('frontend/element_ready/testimonials_carousel.default', singleItemCarousel); 526 elementorFrontend.hooks.addAction('frontend/element_ready/brands.default', factoriesIconsCarousel); 527 elementorFrontend.hooks.addAction('frontend/element_ready/brands2.default', factoriesIconsCarousel); 528 elementorFrontend.hooks.addAction('frontend/element_ready/projects.default', projects); 529 elementorFrontend.hooks.addAction('frontend/element_ready/featuredProjects.default', featuredProject); 530 elementorFrontend.hooks.addAction('frontend/element_ready/testimonials2.default', testimonials2Carousel); 531 elementorFrontend.hooks.addAction('frontend/element_ready/blogstwo.default', newsCarousel); 532 elementorFrontend.hooks.addAction('frontend/element_ready/testimonials2.default', twocolumnCarousel); 533 elementorFrontend.hooks.addAction('frontend/element_ready/testimonials_carousel.default', client_testimonial_carousel); 534 elementorFrontend.hooks.addAction('frontend/element_ready/custom_services_page.default', threeitemCarousel); 535 elementorFrontend.hooks.addAction('frontend/element_ready/our_fabrics.default', singleItemCarousel); 536 elementorFrontend.hooks.addAction('frontend/element_ready/protfolio_block.default',Carouselproject); 537 538 539 540 541 542 }); 543})(window.jQuery);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.