From ae02f46f2e36c06f0195ad10b5bbf1d4a867fb4c Mon Sep 17 00:00:00 2001
From: valitovgaziz <a-c-v-a-l@mail.ru>
Date: Tue, 9 Sep 2025 17:18:47 +0500
Subject: [PATCH] 	modified:   begushiybashkir/src/index.html 
 modified:   begushiybashkir/src/style/style.css style the button and hero box
 for main photo

---
 begushiybashkir/src/index.html      | 219 ++++++++++++++--------------
 begushiybashkir/src/style/style.css |  29 +++-
 2 files changed, 130 insertions(+), 118 deletions(-)

diff --git a/begushiybashkir/src/index.html b/begushiybashkir/src/index.html
index 71779ef..31b82a3 100644
--- a/begushiybashkir/src/index.html
+++ b/begushiybashkir/src/index.html
@@ -100,15 +100,15 @@
       </div>
     </header>
 
-    <section class="hero">
-      <div class="container">
-        <h1>Присоединяйся к нашему беговому клубу!</h1>
-        <p>
-          Тренировки на свежем воздухе, профессиональный тренер и дружеская
-          атмосфера. Беги с нами к новым достижениям!
-        </p>
-        <button class="btn" id="callButton1">Позвонить</button>
-      </div>
+    <section class="hero"></section>
+
+    <section class="hero-text">
+      <h1>Присоединяйся к нашему беговому клубу!</h1>
+      <p>
+        Тренировки на свежем воздухе, профессиональный тренер и дружеская
+        атмосфера. Беги к новым достижениям!
+      </p>
+      <button class="btn" id="callButton1">Позвонить</button>
     </section>
 
     <section class="section">
@@ -249,113 +249,112 @@
             </ul>
           </div>
         </div>
-        
       </div>
     </section>
 
     <section class="section slider_main">
       <div class="slider-container">
-          <h3>Наши моменты</h3>
-          <div class="slider">
-            <img
-              src="./photo/slider/slider23.png"
-              alt="Беговой клуб, общее фото УММ 2025"
-            />
-            <img
-              src="./photo/slider/slider1.jpg"
-              alt="Беговой клуб, общее фото"
-            />
-            <img
-              src="./photo/slider/slider2.jpg"
-              alt="Беговой клуб, общее фото"
-            />
-            <img
-              src="./photo/slider/slider4.jpg"
-              alt="Беговой клуб, общее фото"
-            />
-            <img
-              src="./photo/slider/slider5.jpg"
-              alt="Беговой клуб, общее фото"
-            />
-            <img
-              src="./photo/slider/slider6.jpg"
-              alt="Беговой клуб, общее фото"
-            />
-            <img
-              src="./photo/slider/slider7.jpg"
-              alt="Беговой клуб, общее фото"
-            />
-            <img
-              src="./photo/slider/slider8.jpg"
-              alt="Беговой клуб, общее фото"
-            />
-            <img
-              src="./photo/slider/slider9.jpg"
-              alt="Беговой клуб, общее фото"
-            />
-            <img
-              src="./photo/slider/slider10.jpg"
-              alt="Беговой клуб, общее фото"
-            />
-            <img
-              src="./photo/slider/slider11.jpg"
-              alt="Беговой клуб, общее фото"
-            />
-            <img
-              src="./photo/slider/slider12.jpg"
-              alt="Беговой клуб, общее фото"
-            />
-            <img
-              src="./photo/slider/slider13.jpg"
-              alt="Беговой клуб, общее фото"
-            />
-            <img
-              src="./photo/slider/slider14.jpg"
-              alt="Беговой клуб, общее фото"
-            />
-            <img
-              src="./photo/slider/slider15.jpg"
-              alt="Беговой клуб, общее фото"
-            />
-            <img
-              src="./photo/slider/slider16.jpg"
-              alt="Беговой клуб, общее фото"
-            />
-            <img
-              src="./photo/slider/slider17.jpg"
-              alt="Беговой клуб, общее фото"
-            />
-            <img
-              src="./photo/slider/slider18.jpg"
-              alt="Беговой клуб, общее фото"
-            />
-            <img
-              src="./photo/slider/slider19.jpg"
-              alt="Беговой клуб, общее фото"
-            />
-            <img
-              src="./photo/slider/slider20.jpg"
-              alt="Беговой клуб, общее фото"
-            />
-            <img
-              src="./photo/slider/slider21.jpg"
-              alt="Беговой клуб, общее фото"
-            />
-            <img
-              src="./photo/slider/slider22.jpg"
-              alt="Беговой клуб, общее фото"
-            />
-          </div>
-
-          <div class="slider-controls">
-            <button class="slider-prev">←</button>
-            <button class="slider-next">→</button>
-          </div>
-
-          <div class="slider-indicator" id="sliderIndicator">
-            <!-- точки будут добавлены через JavaScript -->
-          </div>
+        <h3>Наши моменты</h3>
+        <div class="slider">
+          <img
+            src="./photo/slider/slider23.png"
+            alt="Беговой клуб, общее фото УММ 2025"
+          />
+          <img
+            src="./photo/slider/slider1.jpg"
+            alt="Беговой клуб, общее фото"
+          />
+          <img
+            src="./photo/slider/slider2.jpg"
+            alt="Беговой клуб, общее фото"
+          />
+          <img
+            src="./photo/slider/slider4.jpg"
+            alt="Беговой клуб, общее фото"
+          />
+          <img
+            src="./photo/slider/slider5.jpg"
+            alt="Беговой клуб, общее фото"
+          />
+          <img
+            src="./photo/slider/slider6.jpg"
+            alt="Беговой клуб, общее фото"
+          />
+          <img
+            src="./photo/slider/slider7.jpg"
+            alt="Беговой клуб, общее фото"
+          />
+          <img
+            src="./photo/slider/slider8.jpg"
+            alt="Беговой клуб, общее фото"
+          />
+          <img
+            src="./photo/slider/slider9.jpg"
+            alt="Беговой клуб, общее фото"
+          />
+          <img
+            src="./photo/slider/slider10.jpg"
+            alt="Беговой клуб, общее фото"
+          />
+          <img
+            src="./photo/slider/slider11.jpg"
+            alt="Беговой клуб, общее фото"
+          />
+          <img
+            src="./photo/slider/slider12.jpg"
+            alt="Беговой клуб, общее фото"
+          />
+          <img
+            src="./photo/slider/slider13.jpg"
+            alt="Беговой клуб, общее фото"
+          />
+          <img
+            src="./photo/slider/slider14.jpg"
+            alt="Беговой клуб, общее фото"
+          />
+          <img
+            src="./photo/slider/slider15.jpg"
+            alt="Беговой клуб, общее фото"
+          />
+          <img
+            src="./photo/slider/slider16.jpg"
+            alt="Беговой клуб, общее фото"
+          />
+          <img
+            src="./photo/slider/slider17.jpg"
+            alt="Беговой клуб, общее фото"
+          />
+          <img
+            src="./photo/slider/slider18.jpg"
+            alt="Беговой клуб, общее фото"
+          />
+          <img
+            src="./photo/slider/slider19.jpg"
+            alt="Беговой клуб, общее фото"
+          />
+          <img
+            src="./photo/slider/slider20.jpg"
+            alt="Беговой клуб, общее фото"
+          />
+          <img
+            src="./photo/slider/slider21.jpg"
+            alt="Беговой клуб, общее фото"
+          />
+          <img
+            src="./photo/slider/slider22.jpg"
+            alt="Беговой клуб, общее фото"
+          />
         </div>
+
+        <div class="slider-controls">
+          <button class="slider-prev">←</button>
+          <button class="slider-next">→</button>
+        </div>
+
+        <div class="slider-indicator" id="sliderIndicator">
+          <!-- точки будут добавлены через JavaScript -->
+        </div>
+      </div>
     </section>
 
     <section class="section contact" id="signup">
diff --git a/begushiybashkir/src/style/style.css b/begushiybashkir/src/style/style.css
index 97a49d7..cb6498f 100644
--- a/begushiybashkir/src/style/style.css
+++ b/begushiybashkir/src/style/style.css
@@ -12,9 +12,7 @@ html {
 
 body {
   font-family: "Arial", sans-serif;
-  height: 100%;
-  margin: 0;
-  padding: 0;
+  height: fit-content;
   color: #333;
   background-color: #f9f9f9;
   min-width: 500px;
@@ -30,7 +28,7 @@ header {
   background-color: #2e8b57;
   color: white;
   padding: 20px 0;
-  text-align: center;
+  text-align: center
 }
 
 .logo {
@@ -48,7 +46,7 @@ header {
   max-width: 1200px;
   min-width: 420px;
   margin: 0 auto;
-  padding: 20px;
+  padding: 5px;
 }
 
 .hero {
@@ -58,19 +56,31 @@ header {
     ),
     url("../photo/MainPhoto10.png");
   background-size: cover;
-  color: white;
+  color: rgb(255, 255, 255);
   text-align: center;
   padding: 80px 20px;
   margin-bottom: 30px;
   background-position: center 40%;
+  min-height: 500px;
 }
 
-.hero h1 {
+.hero-text {
+  width: 100%;
+  height: fit-content;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+
+
+.hero-text h1 {
   font-size: 2.8em;
   margin-bottom: 20px;
 }
 
-.hero p {
+.hero-text p {
   font-size: 1.2em;
   max-width: 700px;
   margin: 0 auto 30px;
@@ -86,6 +96,9 @@ header {
   font-weight: bold;
   transition: background 0.3s;
   border: none;
+  -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
+  -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
+  box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
 }
 
 .btn:hover {