modified: begushiybashkir/src/index.html

modified:   begushiybashkir/src/scripts.js/script.js
	modified:   begushiybashkir/src/style/style.css
add second button for call and save contacts

begushiybashkir/src/index.html

@@ -23,7 +23,7 @@
           Тренировки на свежем воздухе, профессиональный тренер и дружеская
           атмосфера. Беги с нами к новым достижениям!
         </p>
-        <button class="btn" id="callButton">Позвонить</button>
+        <button class="btn" id="callButton1">Позвонить</button>
       </div>
     </section>
 
@@ -32,7 +32,7 @@
         <h2>Почему мы?</h2>
         <div class="benefits">
           <div class="benefit-card">
-            <h3>🏃‍♂️ Индивидуальный подход</h3>
+            <h3>q🏃‍♂️ Индивидуальный подход</h3>
             <p>
               Программа тренировок подбирается с учетом вашего уровня подготовки
               и целей.
@@ -105,24 +105,11 @@
 
     <section class="section contact" id="signup">
       <div class="container">
-        <h2>Записаться на тренировку</h2>
-        <p>Оставьте заявку, и мы свяжемся с вами в ближайшее время!</p>
-        <form>
-          <input type="text" placeholder="Ваше имя" required />
-          <br />
-          <input type="tel" placeholder="Телефон" required />
-          <br />
-          <button
-            type="submit"
-            class="btn"
-            style="border: none; cursor: pointer"
-          >
-            Отправить
-          </button>
-        </form>
-        <p>Или свяжитесь с нами:</p>
+        <h2>Наши контакты</h2>
         <p>📞 <a href="tel:+79273093095">+7 (927) 30-93-095</a></p>
-        <p>📧 <a href="mailto:begbash@mail.ru">begbash@mail.ru</a></p>
+        <p>📧 <a href="mailto:begbash@mail.ru">example@mail.ru</a></p>
+        <button class="btn">Сохранить контакты</button>
+        <button class="btn" id="callButton2">Позвонить</button>
       </div>
     </section>
 

begushiybashkir/src/scripts.js/script.js

@@ -1,8 +1,8 @@
 window.onload = () => {
-    const callBtn = document.getElementById('callButton');
+    const callBtn1 = document.getElementById('callButton1');
+    const callBtn2 = document.getElementById('callButton2');
     const phoneNumber = '+79273093095';
 
-    callBtn.addEventListener('click', () => {handleCall(phoneNumber)});
-};
-
-
+    callBtn1.addEventListener('click', () => {handleCall(phoneNumber)});
+    callBtn2.addEventListener('click', () => {handleCall(phoneNumber)});
+};

begushiybashkir/src/style/style.css

@@ -163,11 +163,36 @@ tr:nth-child(even) {
   padding: 50px 20px;
 }
 
+.contact h2 {
+  color: white;
+}
+
 .contact a {
   color: #ffd700;
   text-decoration: none;
 }
 
+.contact .container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  width: fit-content;
+}
+
+.contact .container button {
+  background-color: #ffd700;
+  color: #333;
+  padding: 12px 30px;
+  border-radius: 5px;
+  text-decoration: none;
+  font-weight: bold;
+  transition: background 0.3s;
+  width: fit-content;
+  display: flex;
+  margin: 1em;
+}
+
 footer {
   background-color: #1a3e23;
   color: white;