diff --git a/assets/css/gp-style-desktop.css b/assets/css/gp-style-desktop.css index 3e3ab59..4ade042 100644 --- a/assets/css/gp-style-desktop.css +++ b/assets/css/gp-style-desktop.css @@ -859,6 +859,26 @@ flex-shrink: 0; } +.reviews-item__img-block{ + margin-left: 164px; + + width: 577px; + height: 600px; + border-radius: 4px; + + object-fit: cover; + + flex-shrink: 0; + + position: relative; +} +.reviews .reviews-item__img-block .swiper-pagination{ + bottom: 16px; + + padding-right: 0px; + + text-align: center; +} .reviews .swiper-pagination{ position: absolute; right: 32px; diff --git a/assets/css/gp-style-tablet.css b/assets/css/gp-style-tablet.css index ce4a139..5e24ffd 100644 --- a/assets/css/gp-style-tablet.css +++ b/assets/css/gp-style-tablet.css @@ -665,6 +665,26 @@ main{ height: 300px; width: 100%; } +.reviews-item__img-block{ + margin-top: 24px; + margin-left: 0; + + height: 300px; + width: 100%; +} +.swiper-reviews-img{ + height: 100%; +} +.reviews-item__img-block .swiper-slide{ + width: 100%; + height: 100%; +} +.reviews-item__img-block .swiper-slide img{ + width: 100%; + height: 100%; + + object-fit: cover; +} .reviews .swiper-pagination{ bottom: 87px; diff --git a/assets/js/main.js b/assets/js/main.js index 2068556..ab8ea02 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -40,6 +40,20 @@ const reviewsSwiper = new Swiper('.reviews-swiper', { } }) +let reviewsSwiperImg = new Swiper(".swiper-reviews-img", { + autoplay: { + delay: 2500, + disableOnInteraction: false, + }, + pagination: { + el: ".swiper-pagination", + clickable: true, + renderBullet: function (index, className) { + return '' + ""; + }, + }, +}); + const projectsSwiper = new Swiper('.projects-swiper', { direction: 'horizontal', breakpoints: { @@ -284,6 +298,8 @@ phoneInputs.forEach(phoneInput => { }); }) +// masks end + // pc menu let blocksMenu = document.querySelectorAll('.header-menu-list-next__block'); @@ -332,6 +348,8 @@ blocksMenu.forEach(block =>{ }) +// pc menu end + // resize window.addEventListener('resize', () => { let screenWidth = window.screen.width; diff --git a/index.html b/index.html index 4605f65..0dde58a 100644 --- a/index.html +++ b/index.html @@ -787,7 +787,28 @@ - +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
@@ -907,7 +928,6 @@
-