delte src into begushiybashkir directory

This commit is contained in:
2025-10-07 03:05:56 +05:00
parent 23afe1b7eb
commit 391012f8e1
52 changed files with 13 additions and 1061 deletions
-30
View File
@@ -1,30 +0,0 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*
node_modules
.DS_Store
dist
dist-ssr
coverage
*.local
/cypress/videos/
/cypress/screenshots/
# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
*.tsbuildinfo
+13
View File
@@ -0,0 +1,13 @@
{
"explorer.fileNesting.enabled": true,
"explorer.fileNesting.patterns": {
"tsconfig.json": "tsconfig.*.json, env.d.ts",
"vite.config.*": "jsconfig*, vitest.config.*, cypress.config.*, playwright.config.*",
"package.json": "package-lock.json, pnpm*, .yarnrc*, yarn*, .eslint*, eslint*, .oxlint*, oxlint*, .prettier*, prettier*, .editorconfig"
},
"editor.codeActionsOnSave": {
"source.fixAll": "explicit"
},
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
@@ -1 +0,0 @@
google-site-verification: googleef5054d37f782f91.html
-456
View File
@@ -1,456 +0,0 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Бегущий Башкир | Беговой клуб в Уфе</title>
<meta
name="description"
content="Беговой клуб 'Бегущий Башкир' в Уфе: тренировки на свежем воздухе, профессиональный тренер, участие в марафонах. Запишитесь на занятия!"
/>
<meta
name="keywords"
content="беговой клуб,
беговая школа Уфы,
беговая академия Башкортостана,
тренировки на свежем воздухе,
марафон Уфа,
полумарафон,
трейловый бег,
Аминев Загир,
Мастер спорта по полиатлону,
КМС по скайраннингу,
беговые достижения,
беговая команда,
спорт в Уфе,
здоровый образ жизни,
беговые тренировки,
беговые клубы Башкортостана,
бег в Уфе,
беговой клуб Уфа,
ультрамарафон"
/>
<link rel="stylesheet" href="./style/style.css" />
<link rel="icon" href="./photo/logo/Logo.png" />
<script src="./scripts/script.js"></script>
<script src="./scripts/callPhone.js"></script>
<script src="./scripts/saveContacts.js"></script>
</head>
<body>
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (m, e, t, r, i, k, a) {
m[i] =
m[i] ||
function () {
(m[i].a = m[i].a || []).push(arguments);
};
m[i].l = 1 * new Date();
for (var j = 0; j < document.scripts.length; j++) {
if (document.scripts[j].src === r) {
return;
}
}
(k = e.createElement(t)),
(a = e.getElementsByTagName(t)[0]),
(k.async = 1),
(k.src = r),
a.parentNode.insertBefore(k, a);
})(
window,
document,
"script",
"https://mc.yandex.ru/metrika/tag.js?id=104067813",
"ym"
);
ym(104067813, "init", {
ssr: true,
webvisor: true,
clickmap: true,
accurateTrackBounce: true,
trackLinks: true,
});
</script>
<noscript
><div>
<img
src="https://mc.yandex.ru/watch/104067813"
style="position: absolute; left: -9999px"
alt=""
/></div
></noscript>
<!-- /Yandex.Metrika counter -->
<header>
<div class="container">
<div class="logo">
<img
class="logo-write-img"
src="./photo/logo/LogoNew.png"
alt="Бегущий башкир написательный лого"
/>
<img src="./photo/logo/Logo.png" alt="Бегущий башкир картинка лого" />
</div>
<div class="tagline"><i>Бегай легко, достигай большего!</i></div>
</div>
</header>
<section class="hero"></section>
<section class="hero-text">
<h1>Присоединяйся к нашему беговому клубу!</h1>
<p>
Тренировки на свежем воздухе, профессиональный тренер и дружеская
атмосфера. Беги к новым достижениям!
</p>
<button class="btn" id="callButton1">Позвонить</button>
</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>
</section>
<section class="section">
<div class="container">
<h2>Наш тренер</h2>
<div class="coach">
<img
src="./photo/ZagirTrainer3.jpg"
alt="Аминев Загир"
class="coach-img"
/>
<div class="coach-info">
<h3>Аминев Загир</h3>
<p>
Аминев Загир Рамилевич Тренер и основатель бегового клуба, Мастер
спорта по полиатлону, КМС по скайраннингу.
</p>
</div>
</div>
</div>
</section>
<section class="section schedule">
<div class="container">
<div>
<h2>Расписание тренировок</h2>
</div>
<div class="days">
<div class="day">
<h3>Понедельник</h3>
<time datetime="">19.30</time>
<p>Техника бега + ОФП</p>
</div>
<div class="day">
<h3>Втрорник</h3>
<time datetime="">--.--</time>
<p>Восстановление</p>
</div>
<div class="day">
<h3>Среда</h3>
<time datetime="">19.30</time>
<p>Техника бега + СБУ</p>
</div>
<div class="day">
<h3>Четверг</h3>
<time datetime="">--.--</time>
<p>восстановление</p>
</div>
<div class="day">
<h3>Пятница</h3>
<time datetime="">--.--</time>
<p>восстановление</p>
</div>
<div class="day">
<h3>Суббота</h3>
<time datetime="">10.00</time>
<p>Длительный кросс</p>
</div>
<div class="day">
<h3>Воскресенье</h3>
<time datetime="">--.--</time>
<p>восстановление</p>
</div>
</div>
</div>
</section>
<section class="section results">
<div class="container">
<h2>Результаты нашего клуба</h2>
<div class="achievements">
<div class="achievement-category">
<h3>🏆 Командные достижения</h3>
<ul>
<li>
III место в эстафете 4×400м среди беговых клубов (2024, 2025)
</li>
</ul>
</div>
<div class="achievement-category">
<h3>42,2 км (марафон)</h3>
<ul>
<li>
Сергей <a href="https://t.me/Sergeicortess">@Sergeicortess</a> -
3:27.49
</li>
<li>
Ғаяз <a href="https://t.me/GeniusUfa">@GeniusUfa</a> - 3:34.33
</li>
</ul>
</div>
<div class="achievement-category">
<h3>21,1 км (полумарафон)</h3>
<ul>
<li>
Ильгам <a href="https://t.me/Ilgam25883">@Ilgam25883</a> -
1:23.33
</li>
<li>
Данил <a href="https://t.me/Khaybullin_D">@Khaybullin_D</a> -
01:30:40 (4'16) PB
</li>
<li>
Ғаяз <a href="https://t.me/GeniusUfa">@GeniusUfa</a> - 01:31:40
(04'20) PB
</li>
<li>
Булат
<a href="https://t.me/Bulat_Vakhitov">@Bulat_Vakhitov</a> -
01:45:48 (05'00) PB
</li>
<li>
Ильвира
<a href="https://t.me/Yahina_Ilvira">@Yahina_Ilvira</a> -
01:45:48 (05'00) PB
</li>
<li>
Булат <a href="https://t.me/Bulatiwe">@Bulatiwe</a> - 2:08:30
(06'05) PB
</li>
</ul>
</div>
<div class="achievement-category">
<h3>10 км</h3>
<ul>
<li>Эдуард Эдуард - 36:52 (03'41)</li>
<li>
Илһам <a href="https://t.me/Ilgam25883">@Ilgam25883</a> - 37:59
(3'47)
</li>
<li>
Арыҫлан <a href="https://t.me/Just_Aryslan">@Just_Aryslan</a> -
38:25 (3'50)
</li>
<li>Ибрагимов Ринат - 38.49</li>
<li>Гүзәл Гузель Ахмадуллина - 53:25 (05'20)</li>
<li>Финат Финат Гайфуллин - 56:46 (05'40)</li>
<li>
Регина <a href="https://t.me/massageregina">@massageregina</a> -
59:43 (05'58)
</li>
</ul>
</div>
<div class="achievement-category">
<h3>5 км</h3>
<ul>
<li>
Ғәзиз <a href="https://t.me/valitovgaziz">@valitovgaziz</a> -
25:13 (05'02) PB
</li>
<li>
Зарема <a href="https://t.me/am1neva">@am1neva</a> - 28:22
(5'40) PB
</li>
<li>
Камила
<a href="https://t.me/khayrutdinova_kamila"
>@khayrutdinova_kamila</a
>
- 32:23 (06'28)
</li>
<li>
Айгөл <a href="https://t.me/Aigulika_Elis">@Aigulika_Elis</a> -
37:23 (07'28)
</li>
</ul>
</div>
<div class="achievement-category">
<h3>Трейловые дистанции</h3>
<ul>
<li>
Хайбуллин Даниил - III место на Batyr BackYard Ultra (120км)
</li>
<li>
Ибрагимов Ринат - III место на ультрамарафоне «Мир!Труд! Май!»
(22км)
</li>
<li>Хайбуллин Азамат - III место на Karst trail (6км)</li>
</ul>
</div>
</div>
</div>
</section>
<section class="section slider_main">
<div class="slider-container">
<h3>Наши моменты</h3>
<div class="slider">
<img
src="./photo/slider/slider24.jpg"
alt="Беговой клуб Бегущий Башкир, РосХим Стерлитамак Забег 2025"
/>
<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">
<div class="container">
<h2>Наши контакты</h2>
<p>📞 <a href="tel:+79273093095">+7 (927) 30-93-095</a></p>
<p>📧 <a href="mailto:zog1r@mail.ru">zog1r@mail.ru</a></p>
<button class="btn" onclick="saveContact()">Сохранить контакты</button>
<button class="btn" id="callButton2">Позвонить</button>
</div>
</section>
<footer>
<div class="container">
<p>© 2025 Беговой клуб "Бегущий Башкир". Все права защищены.</p>
<p>Уфа, Башкортостан</p>
<a href="https://www.instagram.com/begushiybashkir/">Instagram</a>
<a href="https://www.youtube.com/channel/UCV45f8q172917848k05q6gA"
>YouTube</a
>
<br />
</div>
</footer>
</body>
</html>
Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 123 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.2 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.1 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 676 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 184 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 706 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 256 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 382 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 166 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 140 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 312 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 385 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 200 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 321 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 242 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 208 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 213 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 95 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 83 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 292 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 205 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 135 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 210 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 214 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 304 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 242 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 295 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 300 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 425 KiB

-16
View File
@@ -1,16 +0,0 @@
function handleCall(phoneNumber) {
const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
if (isMobile) {
window.location.href = `tel:${phoneNumber}`;
} else {
navigator.clipboard.writeText(phoneNumber)
.then(() => {
alert(`Номер скопирован: ${phoneNumber}`);
})
.catch(err => {
alert(`Ошибка копирования: ${err}`);
});
}
};
@@ -1,31 +0,0 @@
function saveContact() {
// Создаем содержимое vCard (VCF)
const vCardData = `BEGIN:VCARD
VERSION:3.0
FN:Аминев Загир
N:Аминев;Загир;Отчество
ORG:BegushiyBashkir
TITLE:Coach
TEL;TYPE=MOBILE:+79273093095
EMAIL;TYPE=HOME:zog1r@mail.ru
URL:https://t.me/zagir_aminev
URL:https://vk.com/zagir_aminev
URL:https://www.instagram.com/reel/DNdYqaKMsrw/?igsh=bWIzN296aWt1NDhq
BDAY:1900-06-07
END:VCARD`;
// Создаем Blob (бинарный объект) с данными vCard
const blob = new Blob([vCardData], { type: 'text/vcard' });
// Создаем URL для скачивания
const url = URL.createObjectURL(blob);
// Создаем временную ссылку для скачивания
const link = document.createElement('a');
link.href = url;
link.download = 'AminevZagirContacts.vcf'; // Имя файла
link.click();
// Освобождаем память
URL.revokeObjectURL(url);
}
-84
View File
@@ -1,84 +0,0 @@
window.onload = () => {
const callBtn1 = document.getElementById('callButton1');
const callBtn2 = document.getElementById('callButton2');
const phoneNumber = '+79273093095';
callBtn1.addEventListener('click', () => { handleCall(phoneNumber) });
callBtn2.addEventListener('click', () => { handleCall(phoneNumber) });
// Инициализация слайдера
const sliderContainer = document.querySelector('.slider');
const slides = document.querySelectorAll('.slider img');
const prevBtn = document.querySelector('.slider-prev');
const nextBtn = document.querySelector('.slider-next');
const indicatorContainer = document.getElementById('sliderIndicator');
let currentSlide = 0;
const slideCount = slides.length;
// Создаем индикаторы (точки)
function createIndicators() {
for (let i = 0; i < slideCount; i++) {
const dot = document.createElement('div');
dot.classList.add('slider-dot');
if (i === 0) dot.classList.add('active');
dot.addEventListener('click', () => {
currentSlide = i;
updateSlider();
});
indicatorContainer.appendChild(dot);
}
}
function updateSlider() {
const offset = -currentSlide * 100;
sliderContainer.style.transform = `translateX(${offset}%)`;
// Обновляем активную точку
document.querySelectorAll('.slider-dot').forEach((dot, index) => {
dot.classList.toggle('active', index === currentSlide);
});
}
nextBtn.addEventListener('click', () => {
currentSlide = (currentSlide + 1) % slideCount;
updateSlider();
resetAutoSlide(); // Сброс автослайда при ручном управлении
});
prevBtn.addEventListener('click', () => {
currentSlide = (currentSlide - 1 + slideCount) % slideCount;
updateSlider();
resetAutoSlide(); // Сброс автослайда при ручном управлении
});
// Автопрокрутка
let slideInterval;
function startAutoSlide() {
slideInterval = setInterval(() => {
currentSlide = (currentSlide + 1) % slideCount;
updateSlider();
}, 5000);
}
function resetAutoSlide() {
clearInterval(slideInterval);
startAutoSlide();
}
// Останавливаем автослайд при наведении
sliderContainer.addEventListener('mouseenter', () => {
clearInterval(slideInterval);
});
sliderContainer.addEventListener('mouseleave', () => {
startAutoSlide();
});
// Инициализация
createIndicators();
updateSlider();
startAutoSlide();
};
@@ -1,35 +0,0 @@
.logo-write-img {
height: 5em;
width: auto;
}
.write-logo-box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
font: 1em LogoFont;
line-height: 0;
background-color: rgb(64, 168, 104);
}
write-logo-1 {
}
write-logo-2 {
width: fit-content;
display: flex;
flex-direction: row;
}
write-logo-h1 {
font-size: 1.5em;
font-weight: bold;
color: #000000;
text-align: center;
margin: 0;
display: flex;
}
-6
View File
@@ -1,6 +0,0 @@
@font-face {
font-family: 'LogoFont';
src: url('./fonts/Lobster-Regular.ttf');
font-weight: normal;
font-style: normal;
}
Binary file not shown.
-8
View File
@@ -1,8 +0,0 @@
input {
padding: 10px;
width: 300px;
max-width: 100%;
margin: 10px;
border-radius: 5px;
border: none;
}
-21
View File
@@ -1,21 +0,0 @@
/* Адаптивность для мобильных */
@media (max-width: 768px) {
.slider-controls {
bottom: 10px;
}
.slider-prev, .slider-next {
width: 35px;
height: 35px;
font-size: 16px;
}
.slider-indicator {
bottom: 5px;
}
.slider-dot {
width: 10px;
height: 10px;
}
}
-33
View File
@@ -1,33 +0,0 @@
/* Стили для раздела результатов */
.results {
background-color: #f5f5f5;
}
.achievements {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-bottom: 40px;
}
.achievement-category {
background: white;
border-radius: 10px;
padding: 20px;
background: rgb(227, 244, 240);
-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
width: fit-content;
}
.achievement-category h3 {
color: #2e8b57;
margin-top: 0;
}
.achievement-category ul {
padding-left: 20px;
text-align: left;
}
-82
View File
@@ -1,82 +0,0 @@
/* Слайдер */
.slider-container {
position: relative;
overflow: hidden;
width: 100%;
/* Установите нужный аспект (например, 16:9 = 56.25%) */
padding-top: 56.25%;
}
.slider {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
transition: transform 0.5s ease-in-out;
}
.slider img {
flex-shrink: 0;
width: 100%;
height: 100%;
object-fit: cover; /* Сохраняет пропорции, обрезает лишнее */
object-position: center; /* Центрирует изображение */
}
/* Кнопки управления слайдером */
.slider-controls {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 20px;
z-index: 10;
}
.slider-prev, .slider-next {
background-color: rgba(0, 0, 0, 0.7);
color: white;
border: 2px solid white;
border-radius: 50%;
width: 40px;
height: 40px;
font-size: 18px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.slider-prev:hover, .slider-next:hover {
background-color: rgba(255, 255, 255, 0.9);
color: black;
transform: scale(1.1);
}
/* Индикатор текущего слайда */
.slider-indicator {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 8px;
z-index: 10;
}
.slider-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.5);
cursor: pointer;
transition: all 0.3s ease;
}
.slider-dot.active {
background-color: white;
transform: scale(1.2);
}
-252
View File
@@ -1,252 +0,0 @@
@import url("./input.css");
@import url("./results.css");
@import url("./slider.css");
@import url(./fonts.css);
@import url(./Logo/write-log.css);
html {
font-size: 1em;
width: 100%;
height: 100%;
}
body {
font-family: "Arial", sans-serif;
height: fit-content;
color: #333;
background-color: #f9f9f9;
min-width: 500px;
max-width: 1200px;
margin: 0 auto;
padding: 0;
-webkit-box-shadow: 0px 0px 14px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px 0px 14px 0px rgba(34, 60, 80, 0.2);
box-shadow: 0px 0px 14px 0px rgba(34, 60, 80, 0.2);
}
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;
min-width: 420px;
margin: 0 auto;
padding: 5px;
}
.hero {
background:
url("../photo/Roshim2025_3.png");
background-size: cover;
color: rgb(255, 255, 255);
text-align: center;
padding: 80px 20px;
margin-bottom: 30px;
background-position: center 40%;
min-height: 500px;
}
.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;
width: fit-content;
}
.hero-text 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;
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 {
background-color: #e6c200;
cursor: pointer;
}
.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;
width: fit-content;
height: fit-content;
}
.week {
background-color: #ffd700;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.days {
display: flex;
gap: 2em;
flex-direction: row;
flex-wrap: wrap;
}
.day {
width: 150px;
height: 150px;
border-radius: 1em;
padding: 5px;
margin: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
background-color: white;
}
.day p {
display: flex;
width: fit-content;
}
.contact {
background-color: #2e8b57;
color: white;
padding: 50px 20px;
}
.contact h2 {
color: white;
}
.contact a {
color: #ffd700;
text-decoration: none;
}
.contact .container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: fit-content;
}
.contact .container button {
background-color: #ffd700;
color: #333;
padding: 12px 30px;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
transition: background 0.3s;
width: fit-content;
display: flex;
margin: 1em;
}
.contact .container button:hover {
background-color: #e6c200;
cursor: pointer;
}
footer {
background-color: #1a3e23;
color: white;
text-align: center;
padding: 20px;
font-size: 0.9em;
}
@@ -1,6 +0,0 @@
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="https://gc.kis.v2.scr.kaspersky-labs.com/FD126C42-EBFA-4E12-B309-BB3FDD723AC1/main.js?attr=WA392sY5t7cg8TpA7HmHtkJn2YAlvX4LrIBqORj3rfqb1-xFW76ynalaUgEhgYHCT4YMbMjI201AVfggl6P7fZWQ2rzZvs7xEbEvUiOl4KvCzLy7j8zUIbp-1rX59F2T" charset="UTF-8"></script><link rel="stylesheet" crossorigin="anonymous" href="https://gc.kis.v2.scr.kaspersky-labs.com/E3E8934C-235A-4B0E-825A-35A08381A191/abn/main.css?attr=aHR0cHM6Ly93ZWJtYXN0ZXIueWFuZGV4LnJ1L2Rvd25sb2Fkcy92ZXJpZmljYXRpb24vZWUwZDZmNmFmMTQ3OTI5OC8"/></head>
<body>Verification: ee0d6f6af1479298</body>
</html>