valitovgaziz/tp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modified: begushiybashkir/src/index.html

Browse Source 
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
2025-08-11 14:45:25 +05:00
parent 33cc6ef830
commit dc507da73d
4 changed files with 129 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files
begushiybashkir/src/index.html
+38 -19
View File
@@ -1,14 +1,13 @@
<!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>
@@ -19,7 +18,10 @@
<section class="hero">
<div class="container">
<h1>Присоединяйся к нашему беговому клубу!</h1>
<p>Тренировки на свежем воздухе, профессиональный тренер и дружеская атмосфера. Беги с нами к новым достижениям!</p>
<p>
Тренировки на свежем воздухе, профессиональный тренер и дружеская
атмосфера. Беги с нами к новым достижениям!
</p>
<a href="#signup" class="btn">Записаться на пробную тренировку</a>
</div>
</section>
@@ -30,7 +32,10 @@
<div class="benefits">
<div class="benefit-card">
<h3>🏃‍♂️ Индивидуальный подход</h3>
<p>Программа тренировок подбирается с учетом вашего уровня подготовки и целей.</p>
<p>
Программа тренировок подбирается с учетом вашего уровня подготовки
и целей.
</p>
</div>
<div class="benefit-card">
<h3>🌿 Природа и свежий воздух</h3>
@@ -48,10 +53,18 @@
<div class="container">
<h2>Наш тренер</h2>
<div class="coach">
<img src="./photo/ZagirTrainer.jpg" alt="Аминев Загир" class="coach-img">
<img
src="./photo/ZagirTrainer.jpg"
alt="Аминев Загир"
class="coach-img"
/>
<div class="coach-info">
<h3>Аминев Загир</h3>
<p>Опытный тренер по бегу с более чем 10-летним стажем. Мастер спорта по легкой атлетике, участник международных марафонов. Поможет вам улучшить технику бега, выносливость и добиться личных рекордов.</p>
<p>
Опытный тренер по бегу с более чем 10-летним стажем. Мастер спорта
по легкой атлетике, участник международных марафонов. Поможет вам
улучшить технику бега, выносливость и добиться личных рекордов.
</p>
</div>
</div>
</div>
@@ -94,14 +107,20 @@
<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>
<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:+79171234567">+7 (917) 123-45-67</a></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>
@@ -112,5 +131,5 @@
<p>Уфа, Башкортостан</p>
</div>
</footer>
</body>
</body>
</html>
begushiybashkir/src/scripts.js/script.js
+3
View File
@@ -0,0 +1,3 @@
window.onload = () => {
}
begushiybashkir/src/style/input.css
+8
View File
@@ -0,0 +1,8 @@
input {
padding: 10px;
width: 300px;
max-width: 100%;
margin: 10px;
border-radius: 5px;
border: none;
}
begushiybashkir/src/style/style.css
+2
View File
@@ -1,3 +1,5 @@
@import url("./input.css");
body {
font-family: "Arial", sans-serif;
margin: 0;