modified: begushiybashkir/src/index.html
new file: begushiybashkir/src/scripts.js/script.js new file: begushiybashkir/src/style/input.css modified: begushiybashkir/src/style/style.css add onload window func, divice style intput
This commit is contained in:
valitovgaziz
+116
-97
@@ -1,116 +1,135 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<head>
|
||||
<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>
|
||||
<body>
|
||||
<link rel="stylesheet" href="./style/style.css" />
|
||||
<script src=""></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="container">
|
||||
<div class="logo">Бегущий Башкир</div>
|
||||
<div class="tagline">Бегай легко, достигай большего!</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="logo">Бегущий Башкир</div>
|
||||
<div class="tagline">Бегай легко, достигай большего!</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<h1>Присоединяйся к нашему беговому клубу!</h1>
|
||||
<p>Тренировки на свежем воздухе, профессиональный тренер и дружеская атмосфера. Беги с нами к новым достижениям!</p>
|
||||
<a href="#signup" class="btn">Записаться на пробную тренировку</a>
|
||||
</div>
|
||||
<div class="container">
|
||||
<h1>Присоединяйся к нашему беговому клубу!</h1>
|
||||
<p>
|
||||
Тренировки на свежем воздухе, профессиональный тренер и дружеская
|
||||
атмосфера. Беги с нами к новым достижениям!
|
||||
</p>
|
||||
<a href="#signup" class="btn">Записаться на пробную тренировку</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<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 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>
|
||||
|
||||
|
||||
<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 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>
|
||||
<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>
|
||||
<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>
|
||||
<p>📞 <a href="tel:+79273093095">+7 (927) 30-93-095</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>
|
||||
<div class="container">
|
||||
<p>© 2023 Беговой клуб "Бегущий Башкир". Все права защищены.</p>
|
||||
<p>Уфа, Башкортостан</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,3 @@
|
||||
window.onload = () => {
|
||||
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
input {
|
||||
padding: 10px;
|
||||
width: 300px;
|
||||
max-width: 100%;
|
||||
margin: 10px;
|
||||
border-radius: 5px;
|
||||
border: none;
|
||||
}
|
||||
@@ -1,3 +1,5 @@
|
||||
@import url("./input.css");
|
||||
|
||||
body {
|
||||
font-family: "Arial", sans-serif;
|
||||
margin: 0;
|
||||
|
||||
Reference in New Issue
Block a user