index2.html

assets/js/app.min.js

@@ -42,6 +42,109 @@ $('.serv-page__rev-list').slick({
     },
   ]
 });
+$('.review_row').slick({
+  infinite: true,
+  slidesToShow: 3,
+  slidesToScroll: 1,
+  dots: true,
+  customPaging : function(slider, i) {
+
+    return '<a class="dot">'+ parseInt(i + 1) +'</a>';
+  },
+  prevArrow: '<img src="assets/img/ico/i-slide-prev.svg" alt="" class="review_prev">',
+  nextArrow: '<img src="assets/img/ico/i-slide-next.svg" alt="" class="review_next">',
+  responsive: [
+    {
+      breakpoint: 950,
+      settings: {
+        slidesToShow: 2,
+      }
+    },
+    {
+      breakpoint: 750,
+      settings: {
+        slidesToShow: 1,
+      }
+    },
+  ]
+});
+var dot_length = $(".review_item:not('.slick-cloned')").length
+console.log(dot_length);
+tmp = `
+<div class="dot_length">/`+ dot_length +`</div>
+`
+$('.review_row').append(tmp)
+
+$('.feedback_row').slick({
+  centerMode: true,
+  infinite: true,
+  slidesToShow: 3,
+  slidesToScroll: 1,
+  dots: true,
+  variableWidth: true,
+  customPaging : function(slider, i) {
+
+    return '<a class="dot">'+ parseInt(i + 1) +'</a>';
+  },
+  prevArrow: '<img src="assets/img/ico/i-slide-prev.svg" alt="" class="feed_prev">',
+  nextArrow: '<img src="assets/img/ico/i-slide-next.svg" alt="" class="feed_next">',
+  responsive: [
+    {
+      breakpoint: 800,
+      settings: {
+        slidesToShow: 2,
+      }
+    },
+    {
+      breakpoint: 600,
+      settings: {
+        slidesToShow: 1,
+        variableWidth: false,
+        centerMode: false,
+      }
+    },
+  ]
+});
+var dot_length2 = $(".feedback_item:not('.slick-cloned')").length
+console.log(dot_length);
+tmp2 = `
+<div class="dot_length">/`+ dot_length2 +`</div>
+`
+$('.feedback_row').append(tmp2)
+
+$('.company_row').slick({
+  slidesToShow: 6,
+  slidesToScroll: 1,
+  prevArrow: '<button class="prevArr sliderArr"></button>',
+  nextArrow: '<button class="nextArr sliderArr"></button>',
+  responsive: [
+    {
+      breakpoint: 1100,
+      settings: {
+        slidesToShow: 5,
+      }
+    },
+    {
+      breakpoint: 800,
+      settings: {
+        slidesToShow: 4,
+      }
+    },
+    {
+      breakpoint: 600,
+      settings: {
+        slidesToShow: 3,
+      }
+    },
+    {
+      breakpoint: 500,
+      settings: {
+        slidesToShow: 1.9,
+      }
+    },
+  ]
+});
+
 $('.serv-page__faq-head').on('click', function(){
   $(this).toggleClass('active').next().slideToggle()
 })
@@ -144,3 +247,16 @@ $('.n-region-link').on('click', function(e){
   $('.n-region-content[data-tab='+ tab +']').show()
   $(this).addClass('active')
 })
+
+if ($('.nav_item').length > 0) {
+  $('.collapse').not('.collapse:first').fadeOut(0)
+  $('.nav_item').click(function(){
+      $(this).siblings().removeClass('active')
+      $(this).addClass('active')
+      
+      catalog_item = $('.collapse')[$(this).index()]
+      
+      $('.collapse').not(catalog_item).fadeOut(300)
+      $(catalog_item).fadeIn(300);
+  })
+}