Gibrat_Auganov/project-1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v15 — добавлены картинки, hero-визуал с дорожками бассейна

Browse Source
This commit is contained in:
Gibrat Auganov 2026-06-01 06:01:59 +00:00
parent 0aeefddc32
commit 91100340e9
1 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
index.html
View File

@ -60,6 +60,22 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
.goal-meter .distance span{color:var(--cyan)}
.goal-meter .label{font-size:16px;color:var(--gray-500);margin-top:8px}
.section-img{width:100%;border-radius:16px;overflow:hidden;margin-bottom:32px}
.section-img img{width:100%;display:block;object-fit:cover}
.section-img.short{max-height:320px}
.section-img.tall{max-height:480px}
.hero-visual{position:absolute;right:0;bottom:0;width:50%;height:100%;pointer-events:none;opacity:.15}
.hero-visual .lane{position:absolute;left:20%;right:10%;height:8px;background:var(--cyan);border-radius:4px}
.hero-visual .lane:nth-child(1){bottom:15%}
.hero-visual .lane:nth-child(2){bottom:27%}
.hero-visual .lane:nth-child(3){bottom:39%}
.hero-visual .lane:nth-child(4){bottom:51%}
.hero-visual .lane:nth-child(5){bottom:63%}
.hero-visual .lane:nth-child(6){bottom:75%}
.big-emoji{font-size:80px;text-align:center;padding:40px 0;line-height:1}
.plan-step{display:flex;gap:24px;align-items:flex-start;padding:28px 0;border-bottom:1px solid var(--gray-100)}
.plan-step:last-child{border-bottom:none}
.plan-num{width:56px;height:56px;border-radius:50%;background:var(--ink);color:var(--cyan);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;flex-shrink:0}
@ -114,11 +130,16 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
</div>
</div>
<a class="btn" href="#goal">Как идёт подготовка</a>
<div class="hero-visual">
<div class="lane"></div><div class="lane"></div><div class="lane"></div>
<div class="lane"></div><div class="lane"></div><div class="lane"></div>
</div>
</div>
</section>
<section class="section" id="goal">
<div class="container">
<div class="big-emoji">&#x1F3CA;</div>
<h2>Твой путь к 23 секундам</h2>
<p class="lead">34 секунды — это сейчас. 23 секунды — это цель. Каждая тренировка приближает тебя к ней.</p>
@ -170,6 +191,7 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
<section class="section" id="times">
<div class="container">
<div class="section-img short"><img src="https://images.unsplash.com/photo-1530549387789-4c1017266636?w=1200&h=400&fit=crop" alt="Пловец в бассейне"></div>
<h2>Твои результаты</h2>
<p class="lead">Турнир «Весёлый Дельфин» (Актобе, март 2026) и заплыв 21 мая 2026. Бассейн 50 м.</p>
<div style="overflow-x:auto">
@ -371,6 +393,7 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
<section class="section" id="motivation">
<div class="container">
<div class="section-img short"><img src="https://images.unsplash.com/photo-1558618666-fcd25c85f82e?w=1200&h=400&fit=crop" alt="Стадион и будущее"></div>
<h2>Что тебе даст спорт</h2>
<p class="lead">Плавание — это не только секунды и медали. Это билет в жизнь, о которой многие только мечтают.</p>
@ -432,6 +455,7 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
<section class="section" id="training">
<div class="container">
<div class="section-img short"><img src="https://images.unsplash.com/photo-1600965962361-9035dbfd1c50?w=1200&h=400&fit=crop" alt="Тренировка в бассейне"></div>
<h2>Твои тренировки</h2>
<p class="lead">6 раз в неделю — бассейн и зал. Дисциплина, техника, скорость.</p>
@ -558,6 +582,7 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
<section class="section" id="daily">
<div class="container">
<div class="section-img short"><img src="https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?w=1200&h=400&fit=crop" alt="Здоровый образ жизни"></div>
<h2>Твой режим дня</h2>
<p class="lead">Секунды в бассейне выигрываются за его пределами. Сон, еда, учёба и чтение — это тоже тренировка.</p>
@ -913,6 +938,7 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
<section class="section" id="ncaa">
<div class="container">
<div class="section-img short"><img src="https://images.unsplash.com/photo-1541339907198-e08756dedf3f?w=1200&h=400&fit=crop" alt="Университетский кампус"></div>
<h2>Как поступить в топ-университет США</h2>
<p class="lead">Полный план от 13 до 18 лет. Каждый год — конкретные шаги. Результат: спортивная стипендия с полным покрытием ($40-70 тыс/год).</p>