aset/proekttarym-kayda
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v3: жаттығу видеолары (YouTube, ресми ЛФК)

Browse Source
This commit is contained in:
Aset 2026-08-10 17:41:49 +00:00
parent a5fb416b6a
commit e434a6539b
2 changed files with 34 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
index.html
View File

@ -86,6 +86,31 @@
<button class="btn btn-wide" id="autoBtn">🎯 Толық кешенді бастау (барлық 8 жаттығу)</button> <button class="btn btn-wide" id="autoBtn">🎯 Толық кешенді бастау (барлық 8 жаттығу)</button>
<p class="note-light">Бір рет бассаң — жаттығулар ретімен өтеді, арасында 10 секунд демалыс.</p> <p class="note-light">Бір рет бассаң — жаттығулар ретімен өтеді, арасында 10 секунд демалыс.</p>
<h3 class="vid-h">📺 Жаттығулардың видеосы — дәрігерлермен түсірілген ресми кешендер</h3>
<div class="videos">
<div class="vid reveal">
<iframe src="https://www.youtube.com/embed/0t0k5SD48h8" title="Разминка ЛФК" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe>
<p><b>Разминка</b> — жаттығу алдындағы қыздыру (Бехтерев ауруы)</p>
</div>
<div class="vid reveal">
<iframe src="https://www.youtube.com/embed/RE93Us7ZB1U" title="ЛФК низкая активность" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe>
<p><b>ЛФК №1</b> — ауру жеңіл болғандағы жаттығу кешені</p>
</div>
<div class="vid reveal">
<iframe src="https://www.youtube.com/embed/ibYPHjGjbCA" title="ЛФК умеренная активность" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe>
<p><b>ЛФК №2</b> — орташа дәрежедегі ауруға арналған кешен</p>
</div>
<div class="vid reveal">
<iframe src="https://www.youtube.com/embed/x4sSCXd4nso" title="ЛФК высокая активность" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe>
<p><b>ЛФК №3</b> — ауыр дәрежедегі ауруға арналған кешен</p>
</div>
<div class="vid reveal">
<iframe src="https://www.youtube.com/embed/ECoy8zdgGrM" title="Гимнастика при артрозе" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe>
<p><b>Буын гимнастикасы</b> — артроз бен буын ауруларына арналған жаттығулар</p>
</div>
</div>
<p class="note-light">Бұл видеолар ревматолог дәрігерлердің қатысуымен түсірілген ресми оқу материалдары. Өзіңе қолайлы кешенді таңдап, дәрігермен келіс.</p>
</div> </div>
</section> </section>

9
style.css
View File

@ -82,6 +82,14 @@ h1,h2,h3{font-family:"Unbounded",sans-serif;line-height:1.15}
.chat-in textarea::placeholder{color:#5a6575} .chat-in textarea::placeholder{color:#5a6575}
.note-light{color:#8a93a3;font-size:14px;margin-top:6px} .note-light{color:#8a93a3;font-size:14px;margin-top:6px}
/* видео */
.vid-h{color:var(--white);font-size:20px;font-weight:700;margin-top:48px;margin-bottom:20px}
.videos{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.vid{background:#141a26;border:1px solid #222b3c;border-radius:14px;padding:14px;color:#c6cfdc}
.vid iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:10px;background:#000}
.vid p{font-size:14.5px;margin-top:10px;line-height:1.5}
.vid p b{color:var(--white)}
.footer{background:var(--ink);color:#9aa3b2;text-align:center}.footer p{font-weight:700;color:var(--white)} .footer{background:var(--ink);color:#9aa3b2;text-align:center}.footer p{font-weight:700;color:var(--white)}
.footer .foot-small{color:#7d8796;font-weight:400;margin-top:4px;font-size:14px} .footer .foot-small{color:#7d8796;font-weight:400;margin-top:4px;font-size:14px}
@ -103,4 +111,5 @@ h1,h2,h3{font-family:"Unbounded",sans-serif;line-height:1.15}
.ring-inner{width:210px;height:210px} .ring-inner{width:210px;height:210px}
.timer-time{font-size:44px} .timer-time{font-size:44px}
.hero .container{padding-top:70px;padding-bottom:70px} .hero .container{padding-top:70px;padding-bottom:70px}
.videos{grid-template-columns:1fr}
} }