deleted: begushiybashkir/src/assets/bashkorsa.md

modified: begushiybashkir/src/index.html deleted: begushiybashkir/src/photo/RunnerHome.jpg deleted: begushiybashkir/src/photo/ZagirTrainer2.jpg deleted: begushiybashkir/src/script.js new file: begushiybashkir/src/style/style.css deleted: begushiybashkir/src/styles/descktopStyle.css deleted: begushiybashkir/src/styles/mobileStyle.css deleted: begushiybashkir/src/styles/style.css deleted: begushiybashkir/src/styles/tabletStyle.css add new site with green style
2025-08-11 07:59:18 +05:00
parent c7b17b6765
commit 33cc6ef830
10 changed files with 283 additions and 181 deletions
@@ -1,43 +0,0 @@
-Сәләм, Илебеҙҙең Йүгерәүсе Батыры! (Здравствуй, Бегун-Богатырь Нашей Земли!)
-
-Курай көйөнә иңбереп, Урал тауҙарының һауаһын эсеп, ерҙәге эҙҙәрҙе иҫәпләмәй, йүгерәү юлына сыҡҡанһың! (Под переливы мелодии курая, вдохнув воздух Уральских гор, не считая следов на земле, ты ступил на беговую тропу!)
-
-Беҙҙең клуб – бу йүгерәүсе йорт. Ул ҡунаҡһыҙ түгел, сөнки беҙ – бер ҡартлыҡтың балалары. (Наш клуб – это дом для бегунов. Он не гостеприимен без причины, ведь мы – дети одного стремления/одной воли.)
-
-Ниңә беҙҙең менән йүгерәү? (Почему бежать с нами?)
-
-1.  Күкрәккә Һауа, Һуңға Тормош: (Грудь – Воздуху, Пятка – Жизни:) Башҡорт далалары кеүек киң булған йүгерәү юлдарыбыҙҙа һауаны күкрәгеңә тултыр, ҡаҙаныштарыңды һуңға ташла. (На наших беговых дорожках, широких, как башкирские степи, наполняй грудь воздухом, оставь заботы позади.)
-2.  Көрәшкә Көс, Йүгерәүгә Йөрәк: (Сила для Борьбы, Сердце для Бега:) Һәр аҙым – кесе бер көрәш. Беҙ бергәләп көс йыйып, бер-беребеҙҙе һаҡлап, Торатауҙың ҡаяһы кеүек ныҡ торабыҙ. (Каждый шаг – маленькая борьба. Вместе мы собираем силы, поддерживаем друг друга, стоим твердо, как скала Торатау.)
-3.  Аҡҡошҡа Тыныслыҡ, Бүрегә Тизлек: (Лебедю – Спокойствие, Волку – Скорость:) Һәр кем үҙ юлын таба: тыныс аҡҡош кеүек оҙаҡ йүгерәү йәки йыртҡыс бүре кеүек тиҙлек өсөн көрәш. (Каждый найдет свой путь: как спокойный лебедь для длинного бега или как хищный волк для борьбы за скорость.)
-4.  Тарих менән Бергә, Һауа менән Һөйләшеп: (Вместе с Историей, Разговаривая с Ветром:) Йүгергән саҡта, ерҙең йөрәге тыңлайһың. Аттарҙың дауыл кеүек үткән батырҙарының рухы менән бергә йүгерәһең. (Когда бежишь, слышишь сердце земли. Бежишь бок о бок с духом батыров, проносившихся как ураган на конях.)
-
-Беҙҙең Кисәк (Наша Суть):
-
-*   Дуҫлыҡ (Дуҫлыҡ / Дуҫлыҡ): Ныҡлыҡтың нигеҙе – бергәлек. (Основа стойкости – единство.)
-*   Ныҡлыҡ (Ныҡлыҡ / Терпение): Көсөңде арттырырға ярҙам иркен. (Поможем тебе увеличить твою силу/выносливость.)
-*   Хөрмәт (Хөрмәт / Уважение): Һәр кемгә, һәр аҙымға, табиғәткә хөрмәт. (Уважение ко всем, к каждому шагу, к природе.)
-*   Һауаһы (Һауаһы / Радость): Йүгерәү – бәхет, уны бергәләп бүләк итербеҙ! (Бег – это счастье, давайте делиться им вместе!)
-
-Ҡушылығыҙ! (Присоединяйтесь!)
-
-Аҡҡошҡарҙың оҙон ҡошонона ҡушылығыҙ! (Присоединяйтесь к длинной веренице лебедей!) Бергәләп, аҙымдарыбыҙҙың көйөн ижад итербеҙ, йүгерәүсе рухыбыҙҙы нығытырбыҙ, үҙ тарихыбыҙҙы яҙырбыҙ – бер аҙым, бер тапҡыр. (Вместе создадим мелодию наших шагов, укрепим наш беговый дух, напишем нашу историю – шаг за шагом, раз за разом.)
-
-Башлағыҙ! Әүәлге аҙым – бөгөнгө батырлыҡ! (Начинайте! Первый шаг – сегодняшний подвиг!)
-
-Һеҙҙе, йүгерәүсе йәнде, беҙҙең дауылға ҡушылырға саҡырбыҙ! (Мы приглашаем твою бегущую душу присоединиться к нашему урагану!)
-
-Беҙ менән бергә йүгерәсәкмеһеҙ? (Побежишь ли ты с нами?)
-
-Иртәгә күренешербеҙ! (До встречи на тропе!)
-
---
-
-Ключевые элементы башкирского духа в тексте:
-
-1.  Язык: Использование башкирских слов и фраз (с переводом), характерные обращения ("Батыр", "Йүгерәүсе йән").
-2.  Природа и География: Упоминание Уральских гор (Урал тауҙары), степей (далалар), священных мест (Торатау), рек (йылғалар), ветра (ел).
-3.  Символы: Курай (национальный музыкальный инструмент), Аҡҡош (Лебедь - символ красоты, чистоты, долголетия), Бүре (Волк - символ силы, выносливости, свободы), конь/батыр (символ скорости, отваги, пути).
-4.  Метафоры и Сравнения: Бег как борьба (көрәш), стойкость как скала (Торатау), группа как стая лебедей (оҙон ҡошон), бег как создание музыки шагов, дух предков-батыров.
-5.  Культурные Концепты: Важность единства (бергәлек), стойкости (ныҡлыҡ), уважения (хөрмәт), радости от процесса (бәхет), связи с землей и предками.
-6.  Ритм и Образность: Текст старается передать ощущение простора, ритма бега, силы природы через образный язык.
-7.  Дух Сообщества: Акцент на взаимопомощь, поддержку, совместное преодоление трудностей ("бергәләп көс йыйып, бер-беребеҙҙе һаҡлап").
@@ -1,58 +1,116 @@
 <!DOCTYPE html>
+<html lang="ru">
 <head>
-  <link rel="stylesheet" href="styles/style.css" />
-  <script src="script.js"></script>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <meta name="description" content="Begushiy Bashkir Running Club" />
-  <meta name="keywords" content="Begushiy Bashkir Running Club" />
-  <meta name="author" content="Aminev Zagir" />
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Бегущий Башкир | Беговой клуб в Уфе</title>
+    <link rel="stylesheet" href="./style/style.css">
+    <style>
+    </style>
 </head>
-<html>
-  <body>
+<body>
    <header>
-      <div class="header_img" id="header_img">
-        <img
-          class="MainPhoto"
-          id="MainPhotoID"
-          src=""
-          alt="BegushiyBashkirClub'sPhoto"
-        />
-      </div>
-      <div class="text_card" id="text_card">
-        <h1>Begushiy Bashkir</h1>
-        <h3>Running club - Беговой клуб</h3>
-        <h3>
-          «БЕГ — ЭТО НЕ ТОЛЬКО СКОРОСТЬ. ЭТО — СИЛА ПРЕДКОВ, ДУХ БАТЫРА И
-          ШАПКА-БҮРЕК НА ГОЛОВЕ!»
-        </h3>
-      </div>
+        <div class="container">
+            <div class="logo">Бегущий Башкир</div>
+            <div class="tagline">Бегай легко, достигай большего!</div>
+        </div>
    </header>
    
-    <main class="MainContent" id="MainContent">
-      <h2>Бег как образ жизни</h2>
-      <p>
-        Любишь ощущать ветер в волосах и свободу движений? Мы тоже! Наш беговой
-        клуб объединяет любителей спорта всех возрастов и уровней подготовки.
-        Здесь ты найдешь единомышленников, вдохновение и поддержку на пути к
-        новым достижениям. Главное помнить: каждая дистанция начинается с
-        первого шага. Вперед к своей мечте вместе с нами!
-      </p>
-    </main>
+    <section class="hero">
+        <div class="container">
+            <h1>Присоединяйся к нашему беговому клубу!</h1>
+            <p>Тренировки на свежем воздухе, профессиональный тренер и дружеская атмосфера. Беги с нами к новым достижениям!</p>
+            <a href="#signup" class="btn">Записаться на пробную тренировку</a>
+        </div>
+    </section>
    
-    <div class="trainers" id="trainers">
-      <div class="Zagir" id="Zagir">
-        <img
-          class="PhotoZagirTrainer"
-          id="PhotoZagirTrainer"
-          src="./photo/ZagirTrainer3.jpg"
-          alt="ZagirTrainer"
-        />
-      </div>
-    </div>
+    <section class="section">
+        <div class="container">
+            <h2>Почему мы?</h2>
+            <div class="benefits">
+                <div class="benefit-card">
+                    <h3>🏃‍♂️ Индивидуальный подход</h3>
+                    <p>Программа тренировок подбирается с учетом вашего уровня подготовки и целей.</p>
+                </div>
+                <div class="benefit-card">
+                    <h3>🌿 Природа и свежий воздух</h3>
+                    <p>Тренировки проходят в парках и на стадионах Уфы.</p>
+                </div>
+                <div class="benefit-card">
+                    <h3>👥 Команда единомышленников</h3>
+                    <p>Поддержка и мотивация от таких же любителей бега.</p>
+                </div>
+            </div>
+        </div>
+    </section>
    
-    <footer id="footer">
-      <p>Created by ValitovGaziz</p>
+    <section class="section">
+        <div class="container">
+            <h2>Наш тренер</h2>
+            <div class="coach">
+                <img src="./photo/ZagirTrainer.jpg" alt="Аминев Загир" class="coach-img">
+                <div class="coach-info">
+                    <h3>Аминев Загир</h3>
+                    <p>Опытный тренер по бегу с более чем 10-летним стажем. Мастер спорта по легкой атлетике, участник международных марафонов. Поможет вам улучшить технику бега, выносливость и добиться личных рекордов.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    
+    <section class="section schedule">
+        <div class="container">
+            <h2>Расписание тренировок</h2>
+            <table>
+                <tr>
+                    <th>День недели</th>
+                    <th>Время</th>
+                    <th>Место</th>
+                    <th>Тип тренировки</th>
+                </tr>
+                <tr>
+                    <td>Понедельник</td>
+                    <td>19:00</td>
+                    <td>Парк Победы</td>
+                    <td>Интервальный бег</td>
+                </tr>
+                <tr>
+                    <td>Среда</td>
+                    <td>19:00</td>
+                    <td>Стадион "Динамо"</td>
+                    <td>Техника бега + ОФП</td>
+                </tr>
+                <tr>
+                    <td>Суббота</td>
+                    <td>09:00</td>
+                    <td>Набережная реки Белой</td>
+                    <td>Длительный кросс</td>
+                </tr>
+            </table>
+        </div>
+    </section>
+    
+    <section class="section contact" id="signup">
+        <div class="container">
+            <h2>Записаться на тренировку</h2>
+            <p>Оставьте заявку, и мы свяжемся с вами в ближайшее время!</p>
+            <form>
+                <input type="text" placeholder="Ваше имя" required style="padding: 10px; width: 300px; max-width: 100%; margin: 10px; border-radius: 5px; border: none;">
+                <br>
+                <input type="tel" placeholder="Телефон" required style="padding: 10px; width: 300px; max-width: 100%; margin: 10px; border-radius: 5px; border: none;">
+                <br>
+                <button type="submit" class="btn" style="border: none; cursor: pointer;">Отправить</button>
+            </form>
+            <p>Или свяжитесь с нами:</p>
+            <p>📞 <a href="tel:+79171234567">+7 (917) 123-45-67</a></p>
+            <p>📧 <a href="mailto:begbash@mail.ru">begbash@mail.ru</a></p>
+        </div>
+    </section>
+    
+    <footer>
+        <div class="container">
+            <p>© 2023 Беговой клуб "Бегущий Башкир". Все права защищены.</p>
+            <p>Уфа, Башкортостан</p>
+        </div>
    </footer>
-  </body>
+</body>
 </html>
@@ -1,3 +0,0 @@
-window.addEventListener('load', function() {
-   // Ваш код тут
-});
@@ -0,0 +1,173 @@
+body {
+  font-family: "Arial", sans-serif;
+  margin: 0;
+  padding: 0;
+  color: #333;
+  background-color: #f9f9f9;
+}
+
+header {
+  background-color: #2e8b57;
+  color: white;
+  padding: 20px 0;
+  text-align: center;
+}
+
+.logo {
+  font-size: 2.5em;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+
+.tagline {
+  font-size: 1.2em;
+  opacity: 0.9;
+}
+
+.container {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 20px;
+}
+
+.hero {
+  background: linear-gradient(rgba(46, 139, 87, 0.8), rgba(46, 139, 87, 0.6)),
+    url("https://example.com/running-track.jpg");
+  background-size: cover;
+  color: white;
+  text-align: center;
+  padding: 80px 20px;
+  margin-bottom: 30px;
+}
+
+.hero h1 {
+  font-size: 2.8em;
+  margin-bottom: 20px;
+}
+
+.hero p {
+  font-size: 1.2em;
+  max-width: 700px;
+  margin: 0 auto 30px;
+}
+
+.btn {
+  display: inline-block;
+  background-color: #ffd700;
+  color: #333;
+  padding: 12px 30px;
+  border-radius: 5px;
+  text-decoration: none;
+  font-weight: bold;
+  transition: background 0.3s;
+}
+
+.btn:hover {
+  background-color: #e6c200;
+}
+
+.section {
+  padding: 50px 20px;
+  text-align: center;
+}
+
+.section h2 {
+  color: #2e8b57;
+  font-size: 2em;
+  margin-bottom: 30px;
+}
+
+.benefits {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 30px;
+  margin-top: 30px;
+}
+
+.benefit-card {
+  background: white;
+  border-radius: 10px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  padding: 25px;
+  max-width: 300px;
+  text-align: center;
+}
+
+.benefit-card h3 {
+  color: #2e8b57;
+}
+
+.coach {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 40px;
+  margin-top: 40px;
+  flex-wrap: wrap;
+}
+
+.coach-img {
+  border-radius: 50%;
+  width: 200px;
+  height: 200px;
+  object-fit: cover;
+  border: 5px solid #2e8b57;
+}
+
+.coach-info {
+  max-width: 500px;
+  text-align: left;
+}
+
+.coach-info h3 {
+  color: #2e8b57;
+  font-size: 1.8em;
+}
+
+.schedule {
+  background-color: #e8f5e9;
+  padding: 40px 20px;
+}
+
+table {
+  width: 100%;
+  max-width: 800px;
+  margin: 30px auto;
+  border-collapse: collapse;
+}
+
+th,
+td {
+  padding: 12px;
+  border: 1px solid #ddd;
+  text-align: center;
+}
+
+th {
+  background-color: #2e8b57;
+  color: white;
+}
+
+tr:nth-child(even) {
+  background-color: #f2f2f2;
+}
+
+.contact {
+  background-color: #2e8b57;
+  color: white;
+  padding: 50px 20px;
+}
+
+.contact a {
+  color: #ffd700;
+  text-decoration: none;
+}
+
+footer {
+  background-color: #1a3e23;
+  color: white;
+  text-align: center;
+  padding: 20px;
+  font-size: 0.9em;
+}
@@ -1,4 +0,0 @@
-/* Десктопные экраны (широкоформатные мониторы) */
-@media only screen and (min-width: 1025px) {
-    
-}
@@ -1,7 +0,0 @@
-/* Мобильная версия (телефоны) */
-@media only screen and (max-width: 600px) {
-    body {
-        margin: 0;
-        padding: 0;
-    }
-}
@@ -1,68 +0,0 @@
-@import url("mobileStyle.css");
-@import url("tabletStyle.css");
-@import url("descktopStyle.css");
-
-html {
-  margin: 0;
-  padding: 0;
-  background-color: #d4f0cc;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-  min-width: 320px;
-}
-
-body {
-  margin: 0;
-  padding: 0;
-  background-color: #db7e7e;
-}
-
-header {
-  background-color: #888888;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.header_img {
-  position: relative;
-  width: 100%;
-  min-height: 200px;
-  height: auto;
-}
-
-.text_card {
-  position: absolute; /* накладываем элемент поверх */
-  top: 0;
-  left: 0;
-  width: 100%;
-  min-height: 200px;
-  background-color: rgba(0, 255, 0, 0.5);
-}
-
-footer {
-  position: fixed;
-  bottom: 0;
-  width: 100%;
-  background-color: #020202;
-}
-
-.MainContent {
-  margin: 20px;
-  padding: 20px;
-  background-color: #ffffff;
-  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
-  border-radius: 1em;
-}
-
-img {
-  width: 100%;
-  height: auto;
-}
-
-.PhotoZagirTrainer {
-  min-width: 150px;
-  max-width: 400px;
-}
@@ -1,4 +0,0 @@
-/* Планшеты */
-@media only screen and (min-width: 601px) and (max-width: 1024px) {
-    
-}