From 3d390347e2fa4ababc699127c6139a4fdaebcdf2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=9A=D0=BE=D0=BD=D1=81=D1=82=D0=B0=D0=BD=D1=82=D0=B8?=
 =?UTF-8?q?=D0=BD=20=D0=91=D0=B5=D0=BB=D0=B0=D0=BD?=
 <kosbelan@MacBook-Air.local>
Date: Mon, 4 Nov 2024 21:17:34 +0700
Subject: [PATCH] small edits on the about, contacts page and js

---
 about.html           | 65 ++++++++++++++++++++++++++++++++++++--------
 assets/js/scripts.js | 15 ++++++++++
 contacts.html        |  8 ++++--
 3 files changed, 75 insertions(+), 13 deletions(-)

diff --git a/about.html b/about.html
index 665ae08..aa7a2d6 100644
--- a/about.html
+++ b/about.html
@@ -196,14 +196,10 @@
           <div class="section__title section__title--840">
             <h2>С вами будут работать юристы, выигравшие сотни дел с застройщиками</h2>
           </div>
-          <div class="team__nav">
-            <button class="team__nav-prev"></button>
-            <button class="team__nav-next"></button>
-          </div>
         </div>
         <div class="team__slider swiper">
-          <div class="team__slider-wrapper swiper-wrapper">
-            <div class="team__item swiper-slide">
+          <div class="team__slider-wrapper team__slider-grid section__grid section__grid-4">
+            <div class="team__item">
               <div class="team__item-img">
                 <img src="assets/img/team-img1.webp" width="auto" height="auto" alt="Хайруллина Гульназ Равилевна"
                   title="Хайруллина Гульназ Равилевна">
@@ -217,7 +213,7 @@
                 </div>
               </div>
             </div>
-            <div class="team__item swiper-slide">
+            <div class="team__item">
               <div class="team__item-img">
                 <img src="assets/img/team-img2.webp" width="auto" height="auto" alt="Хайруллин Вадим Вилевич"
                   title="Хайруллин Вадим Вилевич">
@@ -232,7 +228,7 @@
                 </div>
               </div>
             </div>
-            <div class="team__item swiper-slide">
+            <div class="team__item">
               <div class="team__item-img">
                 <img src="assets/img/team-img3.webp" width="auto" height="auto" alt="Воложанина Анна Сергеевна"
                   title="Воложанина Анна Сергеевна">
@@ -246,7 +242,55 @@
                 </div>
               </div>
             </div>
-            <div class="team__item swiper-slide">
+            <div class="team__item">
+              <div class="team__item-img">
+                <img src="assets/img/team-img4.webp" width="auto" height="auto" alt="Петрова Элина Эдуардовна"
+                  title="Петрова Элина Эдуардовна">
+              </div>
+              <div class="team__item-content">
+                <div class="team__item-name">
+                  <p>Петрова Элина Эдуардовна</p>
+                </div>
+                <div class="team__item-info">
+                  <p>Два высших образования, специальность «Юриспруденция» и «Государственное и Муниципальное
+                    управление»,
+                    опыт работы в юриспруденции 14 лет.</p>
+                </div>
+              </div>
+            </div>
+            <div class="team__item">
+              <div class="team__item-img">
+                <img src="assets/img/team-img4.webp" width="auto" height="auto" alt="Петрова Элина Эдуардовна"
+                  title="Петрова Элина Эдуардовна">
+              </div>
+              <div class="team__item-content">
+                <div class="team__item-name">
+                  <p>Петрова Элина Эдуардовна</p>
+                </div>
+                <div class="team__item-info">
+                  <p>Два высших образования, специальность «Юриспруденция» и «Государственное и Муниципальное
+                    управление»,
+                    опыт работы в юриспруденции 14 лет.</p>
+                </div>
+              </div>
+            </div>
+            <div class="team__item">
+              <div class="team__item-img">
+                <img src="assets/img/team-img4.webp" width="auto" height="auto" alt="Петрова Элина Эдуардовна"
+                  title="Петрова Элина Эдуардовна">
+              </div>
+              <div class="team__item-content">
+                <div class="team__item-name">
+                  <p>Петрова Элина Эдуардовна</p>
+                </div>
+                <div class="team__item-info">
+                  <p>Два высших образования, специальность «Юриспруденция» и «Государственное и Муниципальное
+                    управление»,
+                    опыт работы в юриспруденции 14 лет.</p>
+                </div>
+              </div>
+            </div>
+            <div class="team__item">
               <div class="team__item-img">
                 <img src="assets/img/team-img4.webp" width="auto" height="auto" alt="Петрова Элина Эдуардовна"
                   title="Петрова Элина Эдуардовна">
@@ -262,7 +306,7 @@
                 </div>
               </div>
             </div>
-            <div class="team__item swiper-slide">
+            <div class="team__item">
               <div class="team__item-img">
                 <img src="assets/img/team-img4.webp" width="auto" height="auto" alt="Петрова Элина Эдуардовна"
                   title="Петрова Элина Эдуардовна">
@@ -279,7 +323,6 @@
               </div>
             </div>
           </div>
-          <div class="swiper-scrollbar"></div>
         </div>
       </div>
     </section>
diff --git a/assets/js/scripts.js b/assets/js/scripts.js
index f13ad1c..021a48e 100644
--- a/assets/js/scripts.js
+++ b/assets/js/scripts.js
@@ -141,6 +141,21 @@ document.addEventListener('DOMContentLoaded', function () {
 			modalClose()
 		})
 	}
+	const mapsWrapper = document.querySelector('.contacts__maps')
+	if (mapsWrapper) {
+		const mapsBtns = document.querySelectorAll('button.btn__maps')
+		for (const mapsBtn of mapsBtns) {
+			mapsBtn.addEventListener('click', function (e) {
+				const btnMapsData = mapsBtn.dataset.maps
+				const mapsIframe = document.querySelector('.contacts__maps iframe')
+				// mapsIframe.src = btnMapsData
+				mapsIframe.src =
+					'https://yandex.ru/map-widget/v1/?lang=ru_RU&scroll=true&source=constructor-api&um=constructor%' +
+					btnMapsData +
+					''
+			})
+		}
+	}
 	let scrollLinks = document.querySelectorAll('a[href*="#"]')
 	for (let scrollLink of scrollLinks) {
 		scrollLink.addEventListener('click', function (event) {
diff --git a/contacts.html b/contacts.html
index 6f4c75e..2d6b7f3 100644
--- a/contacts.html
+++ b/contacts.html
@@ -165,10 +165,14 @@
               <div class="contacts__info-row">
                 <span>Адреса офисов:</span>
                 <p>108811, г. Москва, д. Саларьево, 2-я Новая улица, 23а, 305 офис</p>
-                <button>Смотреть на карте</button>
+                <button class="btn__maps"
+                  data-maps="3A5bd7a174ab8bdaaa64c4475cbdc1bda3947fc54b18d99f0e2f20450cabba8e26">Смотреть на
+                  карте</button>
                 <hr>
                 <p>450077, Республика Башкортостан, г.Уфа, Верхнеторговая пл, д. 4, помещ. 52</p>
-                <button>Смотреть на карте</button>
+                <button class="btn__maps"
+                  data-maps="3A1200728412965dc328199888b1ed49c65a0a0a799af993feedcbd2476276adbb">Смотреть на
+                  карте</button>
               </div>
             </div>
             <div class="contacts__maps">