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>
|
<!DOCTYPE html>
|
||||||
<html lang="ru">
|
<html lang="ru">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Бегущий Башкир | Беговой клуб в Уфе</title>
|
<title>Бегущий Башкир | Беговой клуб в Уфе</title>
|
||||||
<link rel="stylesheet" href="./style/style.css">
|
<link rel="stylesheet" href="./style/style.css" />
|
||||||
<style>
|
<script src=""></script>
|
||||||
</style>
|
</head>
|
||||||
</head>
|
<body>
|
||||||
<body>
|
|
||||||
<header>
|
<header>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="logo">Бегущий Башкир</div>
|
<div class="logo">Бегущий Башкир</div>
|
||||||
<div class="tagline">Бегай легко, достигай большего!</div>
|
<div class="tagline">Бегай легко, достигай большего!</div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<section class="hero">
|
<section class="hero">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h1>Присоединяйся к нашему беговому клубу!</h1>
|
<h1>Присоединяйся к нашему беговому клубу!</h1>
|
||||||
<p>Тренировки на свежем воздухе, профессиональный тренер и дружеская атмосфера. Беги с нами к новым достижениям!</p>
|
<p>
|
||||||
<a href="#signup" class="btn">Записаться на пробную тренировку</a>
|
Тренировки на свежем воздухе, профессиональный тренер и дружеская
|
||||||
</div>
|
атмосфера. Беги с нами к новым достижениям!
|
||||||
|
</p>
|
||||||
|
<a href="#signup" class="btn">Записаться на пробную тренировку</a>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="section">
|
<section class="section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h2>Почему мы?</h2>
|
<h2>Почему мы?</h2>
|
||||||
<div class="benefits">
|
<div class="benefits">
|
||||||
<div class="benefit-card">
|
<div class="benefit-card">
|
||||||
<h3>🏃♂️ Индивидуальный подход</h3>
|
<h3>🏃♂️ Индивидуальный подход</h3>
|
||||||
<p>Программа тренировок подбирается с учетом вашего уровня подготовки и целей.</p>
|
<p>
|
||||||
</div>
|
Программа тренировок подбирается с учетом вашего уровня подготовки
|
||||||
<div class="benefit-card">
|
и целей.
|
||||||
<h3>🌿 Природа и свежий воздух</h3>
|
</p>
|
||||||
<p>Тренировки проходят в парках и на стадионах Уфы.</p>
|
</div>
|
||||||
</div>
|
<div class="benefit-card">
|
||||||
<div class="benefit-card">
|
<h3>🌿 Природа и свежий воздух</h3>
|
||||||
<h3>👥 Команда единомышленников</h3>
|
<p>Тренировки проходят в парках и на стадионах Уфы.</p>
|
||||||
<p>Поддержка и мотивация от таких же любителей бега.</p>
|
</div>
|
||||||
</div>
|
<div class="benefit-card">
|
||||||
</div>
|
<h3>👥 Команда единомышленников</h3>
|
||||||
|
<p>Поддержка и мотивация от таких же любителей бега.</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="section">
|
<section class="section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h2>Наш тренер</h2>
|
<h2>Наш тренер</h2>
|
||||||
<div class="coach">
|
<div class="coach">
|
||||||
<img src="./photo/ZagirTrainer.jpg" alt="Аминев Загир" class="coach-img">
|
<img
|
||||||
<div class="coach-info">
|
src="./photo/ZagirTrainer.jpg"
|
||||||
<h3>Аминев Загир</h3>
|
alt="Аминев Загир"
|
||||||
<p>Опытный тренер по бегу с более чем 10-летним стажем. Мастер спорта по легкой атлетике, участник международных марафонов. Поможет вам улучшить технику бега, выносливость и добиться личных рекордов.</p>
|
class="coach-img"
|
||||||
</div>
|
/>
|
||||||
</div>
|
<div class="coach-info">
|
||||||
|
<h3>Аминев Загир</h3>
|
||||||
|
<p>
|
||||||
|
Опытный тренер по бегу с более чем 10-летним стажем. Мастер спорта
|
||||||
|
по легкой атлетике, участник международных марафонов. Поможет вам
|
||||||
|
улучшить технику бега, выносливость и добиться личных рекордов.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="section schedule">
|
<section class="section schedule">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h2>Расписание тренировок</h2>
|
<h2>Расписание тренировок</h2>
|
||||||
<table>
|
<table>
|
||||||
<tr>
|
<tr>
|
||||||
<th>День недели</th>
|
<th>День недели</th>
|
||||||
<th>Время</th>
|
<th>Время</th>
|
||||||
<th>Место</th>
|
<th>Место</th>
|
||||||
<th>Тип тренировки</th>
|
<th>Тип тренировки</th>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Понедельник</td>
|
<td>Понедельник</td>
|
||||||
<td>19:00</td>
|
<td>19:00</td>
|
||||||
<td>Парк Победы</td>
|
<td>Парк Победы</td>
|
||||||
<td>Интервальный бег</td>
|
<td>Интервальный бег</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Среда</td>
|
<td>Среда</td>
|
||||||
<td>19:00</td>
|
<td>19:00</td>
|
||||||
<td>Стадион "Динамо"</td>
|
<td>Стадион "Динамо"</td>
|
||||||
<td>Техника бега + ОФП</td>
|
<td>Техника бега + ОФП</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Суббота</td>
|
<td>Суббота</td>
|
||||||
<td>09:00</td>
|
<td>09:00</td>
|
||||||
<td>Набережная реки Белой</td>
|
<td>Набережная реки Белой</td>
|
||||||
<td>Длительный кросс</td>
|
<td>Длительный кросс</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="section contact" id="signup">
|
<section class="section contact" id="signup">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h2>Записаться на тренировку</h2>
|
<h2>Записаться на тренировку</h2>
|
||||||
<p>Оставьте заявку, и мы свяжемся с вами в ближайшее время!</p>
|
<p>Оставьте заявку, и мы свяжемся с вами в ближайшее время!</p>
|
||||||
<form>
|
<form>
|
||||||
<input type="text" placeholder="Ваше имя" required style="padding: 10px; width: 300px; max-width: 100%; margin: 10px; border-radius: 5px; border: none;">
|
<input type="text" placeholder="Ваше имя" required />
|
||||||
<br>
|
<br />
|
||||||
<input type="tel" placeholder="Телефон" required style="padding: 10px; width: 300px; max-width: 100%; margin: 10px; border-radius: 5px; border: none;">
|
<input type="tel" placeholder="Телефон" required />
|
||||||
<br>
|
<br />
|
||||||
<button type="submit" class="btn" style="border: none; cursor: pointer;">Отправить</button>
|
<button
|
||||||
</form>
|
type="submit"
|
||||||
<p>Или свяжитесь с нами:</p>
|
class="btn"
|
||||||
<p>📞 <a href="tel:+79171234567">+7 (917) 123-45-67</a></p>
|
style="border: none; cursor: pointer"
|
||||||
<p>📧 <a href="mailto:begbash@mail.ru">begbash@mail.ru</a></p>
|
>
|
||||||
</div>
|
Отправить
|
||||||
|
</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>
|
</section>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<p>© 2023 Беговой клуб "Бегущий Башкир". Все права защищены.</p>
|
<p>© 2023 Беговой клуб "Бегущий Башкир". Все права защищены.</p>
|
||||||
<p>Уфа, Башкортостан</p>
|
<p>Уфа, Башкортостан</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</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 {
|
body {
|
||||||
font-family: "Arial", sans-serif;
|
font-family: "Arial", sans-serif;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|||||||
Reference in New Issue
Block a user