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

Compare commits

base: aset:ad995c251dae7dd3df23320dee459584ec9ac683
Branches Tags
aset:main
aset:pages
..
compare: aset:e434a6539bb034e66137096083fc4db73e34df8a
Branches Tags
aset:main
aset:pages

No commits in common. "ad995c251dae7dd3df23320dee459584ec9ac683" and "e434a6539bb034e66137096083fc4db73e34df8a" have entirely different histories.
ad995c251d ... e434a6539b

2 changed files with 12 additions and 141 deletions
Show Stats Expand all files Collapse all files

142
index.html
View File

@ -19,8 +19,6 @@
<a href="#timer">Жаттығу</a>
<a href="#tips">Кеңестер</a>
<a href="#meds">Дәрі</a>
<a href="#drugs">Дәрілер</a>
<a href="#pharm">Аптека</a>
<a href="#chat">Шағым</a>
</nav>
</div>
@ -131,41 +129,27 @@
</div>
</section>
<section class="section" id="meds">
<section class="section gray" id="meds">
<div class="container">
<h2>Дәрі туралы: не білу керек</h2>
<div class="grid3">
<div class="card reveal">
<div class="card-ico">💉</div>
<h3>Укол түрлері</h3>
<ul class="med-list">
<li><b>Бұлшықетке (ішімге) уколдар</b> — қабынуға қарсы препараттар (НПВП), В дәрумендері. Қатты ауырсыну кезінде қысқа курс.</li>
<li><b>Буын ішіне укол</b> — стероид қабынуға қарсы дәрі. Бір буын қатты қабынғанда дәрігер салады, жиі қайталауға болмайды.</li>
<li><b>Тері астына укол</b> — Бехтерев ауруындағы биологиялық терапия (иммунды жүйеге әсер ететін дәрілер). Тек ревматолог тағайындайды және бақылайды.</li>
</ul>
</div>
<div class="card reveal">
<div class="card-ico">💊</div>
<h3>Дәрі түрлері (ішу)</h3>
<ul class="med-list">
<li><b>Қабынуға қарсы (НПВП)</b> — ауырсыну мен қабынуды төмендетеді. Асқазанға сақ болу керек: тек дәрігер дозасында, ас ішкеннен кейін.</li>
<li><b>Ауырсыну басатын</b> — жеке жағдайда дәрігер тағайындайды.</li>
<li><b>Бұлшықет босаңсытқыштар</b> — қаттылық пен түйілуді азайтады.</li>
<li><b>Биологиялық терапия</b> — Бехтерев ауруының ауыр түрінде, тек ревматолог бақылауында.</li>
</ul>
<h3>Қабынуға қарсы (НПВП)</h3>
<p>Ауырсыну мен қабынуды төмендетеді. <b>Тек дәрігер тағайындаған дозада</b> қабылда. Асқазанға қатысты жанама әсерлері бар — аш қарынға ішпе.</p>
</div>
<div class="card reveal">
<div class="card-ico">🧴</div>
<h3>Мазь түрлері</h3>
<ul class="med-list">
<li><b>Қабынуға қарсы мазьдар</b> — буын үстіне жағылады, жергілікті ауырсынуды азайтады.</li>
<li><b>Жылытатын мазьдар</b> — қан айналымын жақсартады, бұлшықет қаттылығын жеңілдетеді. Жедел қабыну кезінде қолданба.</li>
<li><b>Салқындататын гельдер</b> — өткір ауырсынуда, қабынған буынға.</li>
<li><b>Хондропротекторлы кремдер</b> — көмекші құрал ретінде ғана.</li>
</ul>
<div class="card-ico">🔬</div>
<h3>Бехтеревке арналған терапия</h3>
<p>Ауыр жағдайда ревматолог биологиялық препараттарды (иммунды жүйеге әсер ететін) тағайындайды. Бұл — күшті ем, <b>тек дәрігер бақылауында</b>.</p>
</div>
<div class="card reveal">
<div class="card-ico">📋</div>
<h3>Ерекше ескертулер</h3>
<p>Өз бетіңмен дәрі дозасын өзгертпе, үзіп тастама. Жаңа дәрі — дәрігермен кеңесуден кейін ғана. Тұрақты тексеруден (ревматолог, қан талдауы) өтіп тұр.</p>
</div>
</div>
<div class="warn reveal">⚠️ <b>Маңызды:</b> бұл жалпы ақпарат, медициналық кеңес емес. Мұндағы ешбір препаратты өз бетіңмен қабылдама — уколды да, мазді да, таблетканы да тек дәрігер тағайындайды және дозасын анықтайды. Дәрігердің кеңесінсіз дозаны өзгертпе, үзіп тастама.</div>
<div class="warn reveal">⚠️ <b>Маңызды:</b> бұл сайт — ақпараттық көмекші, медициналық кеңес емес. Дәрі-дәрмектерді тек дәрігер тағайындайды. Кез келген сұрақты ревматологқа қой.</div>
</div>
</section>
@ -184,108 +168,6 @@
</div>
</section>
<section class="section gray" id="drugs">
<div class="container">
<h2>Дәрі-дәрмек түрлері: аты мен көрінісі</h2>
<p class="lead">Төменде емдеуде жиі қолданылатын дәрі топтары және олардың белсенді затының аты. Фото — иллюстрация. Нақты дәріні және дозаны тек дәрігер тағайындайды.</p>
<div class="grid3">
<div class="card drug-card reveal">
<div class="drug-photo"><img src="https://images.pexels.com/photos/4046946/pexels-photo-4046946.jpeg?auto=compress&cs=tinysrgb&w=600" alt="Укол" loading="lazy"></div>
<h3>💉 Уколдар</h3>
<ul class="med-list">
<li><b>Диклофенак</b> — қабынуға қарсы, бұлшықетке укол</li>
<li><b>Мелоксикам</b> — қабынуға қарсы, бұлшықетке укол</li>
<li><b>Бетаметазон</b> — буын ішіне, қатты қабынуда</li>
<li><b>Трибувиа (сенипрутуг)</b> — әлемдегі бірінші Бехтерев ауруының себебіне әсер ететін препарат (Ресей, 2024), венаға тамшылатып енгізіледі, тек дәрігер бақылауында</li>
<li><b>Метилпреднизолон</b> — буын ішіне, дәрігер тағайындауымен</li>
<li><b>Биологиялық терапия</b> — тері астына, Бехтерев ауруында, тек ревматолог</li>
</ul>
</div>
<div class="card drug-card reveal">
<div class="drug-photo"><img src="https://loremflickr.com/600/400/medicine,tablets,pills" alt="Дәрі" loading="lazy"></div>
<h3>💊 Дәрілер (ішу)</h3>
<ul class="med-list">
<li><b>Диклофенак</b> — қабынуға қарсы таблетка</li>
<li><b>Ибупрофен</b> — қабынуға қарсы және ауырсыну басатын</li>
<li><b>Мелоксикам</b> — ұзақ қабылдауға қолайлырақ</li>
<li><b>Костарокс (эторикоксиб)</b> — коксиб тобындағы НПВП, Бехтерев ауруы мен артрозда; асқазанға жұмсақтау әсер етеді, бірақ жүрек-қан тамырға сақ болу керек, рецептпен ғана</li>
<li><b>Сульфасалазин</b> — базисный (ауру ағымын өзгертетін) дәрі, перифериялық буын зақымданғанда; әсері 3-6 айдан кейін байқалады, қан анализімен бақыланады</li>
<li><b>Толперизон</b> — бұлшықет босаңсытқыш</li>
</ul>
</div>
<div class="card drug-card reveal">
<div class="drug-photo"><img src="https://images.pexels.com/photos/4021812/pexels-photo-4021812.jpeg?auto=compress&cs=tinysrgb&w=600" alt="Мазь" loading="lazy"></div>
<h3>🧴 Мазьдар мен гельдер</h3>
<ul class="med-list">
<li><b>Диклофенак гель</b> — буын үстіне, қабынуға қарсы</li>
<li><b>Кетопрофен гель</b> — ауырсынуды басатын, сыртқа жағу</li>
<li><b>Жылытатын мазьдар</b> — қаттылықта, қабынусыз кезеңде</li>
<li><b>Салқындататын гельдер</b> — өткір ауырсынуда</li>
<li><b>Хондропротекторлы кремдер</b> — көмекші құрал ретінде</li>
</ul>
</div>
</div>
<div class="warn reveal">⚠️ <b>Ескерту:</b> бұл бөлімдегі атаулар — белсенді заттардың жалпы атаулары, олардың бірнеше түрлі фирмалық атаулары болуы мүмкін. Өз бетіңмен ешқандай дәрі сатып алма және қабылдама. Тек дәрігер сенің диагнозыңа қарап дәріні, түрін және дозасын тағайындайды.</div>
</div>
</section>
<section class="section" id="pharm">
<div class="container">
<h2>🛒 Дәріні қайдан алуға болады</h2>
<p class="lead">Төменде Қазақстанда жұмыс істейтін онлайн-аптекалар — дәріні тауып, бағасын салыстырып, жеткізуге тапсырыс беруге болады. Укол сияқты кейбір дәрілер тек рецепт бойынша беріледі.</p>
<div class="grid3">
<a class="card pharm-card reveal" href="https://appteka.kz" target="_blank" rel="noopener">
<h3>Appteka</h3>
<p>Қазақстан бойынша дәрі жеткізу, бонус жүйесі бар</p>
<span class="pharm-link">appteka.kz →</span>
</a>
<a class="card pharm-card reveal" href="https://daribar.kz" target="_blank" rel="noopener">
<h3>Daribar</h3>
<p>200-ден астам аптека, ең арзан бағаны табуға болады</p>
<span class="pharm-link">daribar.kz →</span>
</a>
<a class="card pharm-card reveal" href="https://aurma.kz" target="_blank" rel="noopener">
<h3>Aurma</h3>
<p>40 мыңнан астам препарат, курьер жеткізу, дәрігер кеңесі</p>
<span class="pharm-link">aurma.kz →</span>
</a>
<a class="card pharm-card reveal" href="https://europharma.kz" target="_blank" rel="noopener">
<h3>Еврофарма</h3>
<p>Тәулік бойы онлайн-тапсырыс, Алматы бойынша жеткізу</p>
<span class="pharm-link">europharma.kz →</span>
</a>
<a class="card pharm-card reveal" href="https://darmart.kz" target="_blank" rel="noopener">
<h3>Darmart</h3>
<p>Дәрі-дәрмек каталогы, қолжетімді бағалар</p>
<span class="pharm-link">darmart.kz →</span>
</a>
<a class="card pharm-card reveal" href="https://kz.apteka.com" target="_blank" rel="noopener">
<h3>apteka.com</h3>
<p>Алматы, Астана, Өскемен және басқа қалаларға жеткізу</p>
<span class="pharm-link">kz.apteka.com →</span>
</a>
<a class="card pharm-card reveal" href="https://dobraya-apteka.kz" target="_blank" rel="noopener">
<h3>Добрая аптека</h3>
<p>11 мыңнан астам дәрі, 24/7 онлайн-тапсырыс</p>
<span class="pharm-link">dobraya-apteka.kz →</span>
</a>
<a class="card pharm-card reveal" href="https://aptekaplus.kz" target="_blank" rel="noopener">
<h3>Apteka Plus</h3>
<p>Кең таңдау және жеткізу қызметі</p>
<span class="pharm-link">aptekaplus.kz →</span>
</a>
<a class="card pharm-card reveal" href="https://sadykhan.kz" target="_blank" rel="noopener">
<h3>Садыхан</h3>
<p>Алматы, Астана, Тараз; кез келген аймаққа жеткізу</p>
<span class="pharm-link">sadykhan.kz →</span>
</a>
</div>
<div class="warn reveal">⚠️ <b>Ескерту:</b> сілтемелер — ақпарат үшін, ұсыныс емес. Уколдар мен кейбір дәрілер тек рецептпен беріледі — оларды интернеттен емес, дәрігердің рецептімен дәріханадан алады. Бір дәрі әртүрлі аптекада әртүрлі бағада болуы мүмкін.</div>
</div>
</section>
<footer class="footer">
<div class="container">
<p>🦴 Буын денсаулығы — күнделікті көмекші</p>

11
style.css
View File

@ -37,19 +37,8 @@ h1,h2,h3{font-family:"Unbounded",sans-serif;line-height:1.15}
.card-ico{font-size:34px;margin-bottom:14px}
.card h3{font-size:19px;margin-bottom:10px;font-weight:700}
.card p{color:var(--gray-500);font-size:15.5px}
.med-list{list-style:none;margin-top:4px}
.med-list li{color:var(--gray-500);font-size:15px;margin-bottom:12px;padding-left:22px;position:relative;line-height:1.55}
.med-list li::before{content:"•";position:absolute;left:4px;color:var(--cyan);font-weight:800}
.med-list b{color:var(--ink)}
.drug-card{padding:0;overflow:hidden}
.drug-photo img{width:100%;height:180px;object-fit:cover;display:block}
.drug-card h3{padding:20px 24px 0}
.drug-card .med-list{padding:10px 24px 26px}
.section.dark .card p{color:#9aa3b2}
.note{color:var(--gray-500);font-size:14px;margin-top:8px}
.pharm-card{display:block;text-decoration:none;transition:transform .2s,border-color .2s}
.pharm-card:hover{transform:translateY(-3px);border-color:var(--cyan)}
.pharm-card .pharm-link{display:inline-block;margin-top:12px;color:var(--cyan);font-weight:800;font-size:14px}
/* таймер */
.timer-wrap{display:grid;grid-template-columns:380px 1fr;gap:30px;align-items:start}