trainer.html - master - quantum-studio/anzhelafit

trainer.html
144 строки10 KB
quantum-studio
Create: trainer.html
03 авг 2026, 20:00
03 авг 2026, 20:00d01aa15
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>О тренере — Анжела Торосян | пАнтера</title>
<meta name="description" content="Анжела Торосян — основатель студии «пАнтера», мастер спорта, рекордсменка мира. Титулы, регалии и история тренера.">
<link rel="icon" href="assets/hero_face.jpg">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Manrope:wght@400;500;700;800&family=Cormorant+Garamond:ital@1&display=swap" rel="stylesheet">
<style>
:root{
--black:#0d0d0d;--panel:#161616;--pink:#f0327a;--white:#f5f5f0;--gray:#9a9a92;--cream:#f7f3ea;
--radius:16px;--ease:cubic-bezier(.16,.8,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--black);color:var(--white);font-family:'Manrope',sans-serif;-webkit-font-smoothing:antialiased;}
h1,h2,h3{font-family:'Bebas Neue',sans-serif;letter-spacing:0.5px;line-height:0.98;}
.wrap{max-width:760px;margin:0 auto;padding:0 28px;}
header{position:sticky;top:0;z-index:50;background:rgba(13,13,13,0.92);backdrop-filter:blur(6px);border-bottom:1px solid #262620;}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;max-width:900px;margin:0 auto;}
.logo{font-family:'Bebas Neue';font-size:22px;letter-spacing:1px;color:var(--white);text-decoration:none;}
.logo span{color:var(--pink);}
.back-link{
display:inline-flex;align-items:center;gap:8px;color:var(--white);text-decoration:none;font-size:13.5px;font-weight:800;
padding:9px 16px;border-radius:20px;background:rgba(240,50,122,0.14);border:1.5px solid rgba(240,50,122,0.45);
}
.hero-cover{position:relative;height:60vh;min-height:420px;max-height:600px;overflow:hidden;}
.hero-cover img{width:100%;height:100%;object-fit:cover;object-position:center 10%;display:block;}
.hero-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(13,13,13,0) 35%, rgba(13,13,13,0.96) 100%);}
.hero-cover .cap{position:absolute;left:0;right:0;bottom:0;padding:36px 28px;max-width:900px;margin:0 auto;}
.eyebrow{color:var(--pink);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:9px;}
.hero-cover h1{font-size:52px;color:var(--white);}
.hero-cover h1 .accent{color:var(--pink);}
.role-tag{color:var(--gray);font-size:15px;margin-top:14px;max-width:520px;}
article{padding:52px 0 20px;}
article p{font-size:16.5px;line-height:1.75;color:#d8d8d0;margin-bottom:18px;}
.signature{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:20px;color:var(--cream);margin:30px 0 8px;}
.signature b{color:var(--pink);font-style:normal;font-family:'Bebas Neue';letter-spacing:0.5px;font-size:22px;}
.kicker{color:var(--pink);font-size:12.5px;font-weight:800;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;}
.kicker::before{content:"🐾";margin-right:8px;}
.ach-section{padding:20px 0 50px;}
.ach-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;}
.ach-card{
background:var(--panel);border:1.5px solid #262620;border-radius:var(--radius);padding:18px 20px;
display:flex;align-items:flex-start;gap:12px;transition:all .25s var(--ease);
}
.ach-card:hover{border-color:rgba(240,50,122,0.5);transform:translateY(-3px);}
.ach-card .ic{font-size:20px;flex:none;line-height:1;margin-top:1px;}
.ach-card .tx{font-size:14px;line-height:1.45;color:var(--cream);font-weight:600;}
@media (max-width:640px){.ach-grid{grid-template-columns:1fr;}}
.mark-band{
background:#000;border-top:1px solid #201f1a;border-bottom:1px solid #201f1a;
padding:40px 0;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;
}
.mark-band img{width:220px;max-width:70%;height:auto;display:block;}
.mark-band .mb-txt{font-family:'Bebas Neue';font-size:20px;letter-spacing:1px;color:var(--gray);}
.mark-band .mb-txt span{color:var(--pink);}
.cta-end{text-align:center;padding:56px 0 70px;}
.cta-end p{color:var(--gray);font-size:15px;margin-bottom:20px;}
.btn{
display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg, var(--pink) 0%, #ff5f9e 100%);
color:#1a0510;font-weight:800;font-size:14px;padding:14px 30px;border-radius:3px;text-decoration:none;letter-spacing:0.3px;
}
footer{padding:28px;text-align:center;color:#5a5a52;font-size:12.5px;border-top:1px solid #201f1a;}
@media (max-width:640px){
.hero-cover h1{font-size:38px;}
}
</style>
</head>
<body>

<header>
<div class="nav">
<a class="logo" href="index.html">АНЖЕЛА <span>ТОРОСЯН</span></a>
<a class="back-link" href="index.html">← На сайт</a>
</div>
</header>

<div class="hero-cover">
<img src="assets/hero_face.jpg?v=2" alt="Анжела Торосян">
<div class="cap">
<div class="eyebrow">О тренере</div>
<h1>Анжела <span class="accent">Торосян</span></h1>
<div class="role-tag">Основатель женской студии «пАнтера» в Адлере · Мастер спорта · Рекордсменка мира</div>
</div>
</div>

<article class="wrap">

<p>Я — Анжела, ваш фитнес-тренер и наставник на пути к здоровью и счастью. Хочу рассказать вам немного о себе, чтобы мы стали ближе и вы узнали, почему я так страстно люблю то, чем занимаюсь.</p>

<p>С самого детства спорт был неотъемлемой частью моей жизни. Я всегда верила, что движение — это жизнь, и с каждым годом эта вера только укреплялась. Моя история — это путь преодоления и побед, который привёл меня к тому, кем я являюсь сегодня.</p>

<div class="kicker">Мои достижения</div>

</article>

<div class="wrap ach-section">
<div class="ach-grid">
<div class="ach-card"><div class="ic">🏆</div><div class="tx">Чемпионка Европы по силовым видам спорта «OLIMPIA XI»</div></div>
<div class="ach-card"><div class="ic">🏆</div><div class="tx">Мастер спорта (МС)</div></div>
<div class="ach-card"><div class="ic">🏆</div><div class="tx">Рекордсменка мира — 2 мировых рекорда</div></div>
<div class="ach-card"><div class="ic">✨</div><div class="tx">Лидер России в области фитнеса — 2023</div></div>
<div class="ach-card"><div class="ic">✨</div><div class="tx">Человек года в области спорта — 2022</div></div>
<div class="ach-card"><div class="ic">✨</div><div class="tx">Эксперт года в области фитнеса — 2024</div></div>
<div class="ach-card"><div class="ic">👑</div><div class="tx">Гран-при конкурса красоты «INDIVA Sochi»</div></div>
<div class="ach-card"><div class="ic">👑</div><div class="tx">«Королева спорта» по версии журнала «В Спорте 24»</div></div>
<div class="ach-card"><div class="ic">🥈</div><div class="tx">Серебряный призёр турнира по мас-рестлингу, Санкт-Петербург</div></div>
<div class="ach-card"><div class="ic">⚖️</div><div class="tx">Судья 2-й категории ФССР</div></div>
</div>
</div>

<article class="wrap">

<p>За каждым моим титулом стоит очень много — дисциплина, труд, борьба и вера в себя. Я ехала за званием мастера спорта, но даже не предполагала, что установлю два мировых рекорда и возьму это звание. Эти победы значат для меня гораздо больше, чем просто награды — это символы моей настойчивости, силы духа и веры в себя.</p>

<p>Каждое достижение — это шаг к тому, что возможно всё, если не сдаваться и идти вперёд, несмотря на трудности. Я поняла, что могу не только изменить свою жизнь, но и помочь другим достичь их целей.</p>

<p>Вместе с вами я готова делиться своими знаниями и опытом, поддерживать и вдохновлять на пути к лучшей версии себя. Моя цель — сделать так, чтобы каждая из вас чувствовала себя уверенно, здорово и счастливо.</p>

<p>Спасибо, что доверяете мне и идёте со мной этим замечательным путём. Давайте вместе достигать новых высот и становиться лучше каждый день! 💪</p>

<div class="signature">С любовью и заботой,<br><b>Fit Анжела</b> 🫶</div>

</article>

<div class="mark-band">
<img src="assets/panther_mark.png" alt="пАнтера — студия фитнеса">
<div class="mb-txt">п<span>А</span>нтера · студия фитнеса</div>
</div>

<div class="cta-end">
<p>Хочешь тренироваться со мной — приходи в студию в Адлере или напиши в Telegram.</p>
<a class="btn" href="https://t.me/AnzhelaFit_bot" target="_blank" rel="noopener">Написать Анжеле → Telegram</a>
</div>

<footer>
© 2026 «пАнтера» · anzhelafit.ru
</footer>

</body>
</html>