Add files via upload

src/js/index.js

@@ -69,3 +69,78 @@ itemsPartner.forEach((partner) => {
         });
     });
 });
+// Price Tabs
+const priceTabs = document.querySelectorAll('.section-price_wrap'),
+    linkTariffs = document.getElementById('tariffs'),
+    linkCompare = document.getElementById('compare');
+
+function hideTab(a) {
+    priceTabs[a].style.display = 'none';
+}
+
+function showTab(b) {
+    priceTabs[b].style.display = '';
+}
+hideTab(0);
+linkTariffs.addEventListener('click', () => {
+    hideTab(0);
+    showTab(1);
+    linkCompare.classList.remove('active');
+    linkTariffs.classList.add('active');
+});
+linkCompare.addEventListener('click', () => {
+    hideTab(1);
+    showTab(0);
+    linkCompare.classList.add('active');
+    linkTariffs.classList.remove('active');
+});
+// Modals
+const modalPhone = document.querySelector('.modal-phone-wrap');
+const modalContact = document.querySelector('.modal-contact-wrap');
+
+function showModalPhone() {
+    modalPhone.classList.add('fade');
+    modalPhone.style.display = 'block';
+    document.body.style.overflow = 'hidden';
+    const closeBtn = modalPhone.querySelector('.modal-close');
+    closeBtn.addEventListener('click', () => {
+        modalPhone.classList.remove('fade');
+        modalPhone.style.display = 'none';
+        document.body.style.overflow = '';
+    });
+}
+
+function showModalContact() {
+    const btn = document.querySelectorAll('.btn-red');
+    btn.forEach((btn) => {
+        btn.addEventListener('click', () => {
+            modalContact.classList.add('fade');
+            modalContact.style.display = 'block';
+            document.body.style.overflow = 'hidden';
+            const closeBtn = modalContact.querySelector('.modal-close');
+            closeBtn.addEventListener('click', () => {
+                modalContact.classList.remove('fade');
+                modalContact.style.display = 'none';
+                document.body.style.overflow = '';
+            });
+        });
+    });
+
+}
+showModalContact();
+setTimeout(showModalPhone, 1000);
+// Mobile Navigation
+const btnNav = document.querySelector('.btn-nav');
+const navContent = document.querySelector('.nav-content');
+btnNav.addEventListener('click', () => {
+    const btnActive = btnNav.querySelector('span');
+    btnActive.classList.toggle('active');
+
+    if (btnActive.classList.contains('active')) {
+        navContent.style.display = 'block';
+        document.body.style.overflow = 'hidden';
+    } else {
+        navContent.style.display = 'none';
+        document.body.style.overflow = '';
+    }
+});