91 lines
4.2 KiB
HTML
91 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>Учитель китайского языка с нуля</title>
|
||
<style>
|
||
:root{--ink:#0F1218;--cyan:#00E5FF;--cyan-50:#E8FCFF;--white:#fff;--gray-500:#5B6573;--gray-100:#F2F4F7}
|
||
*{box-sizing:border-box;margin:0;padding:0}
|
||
body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;color:var(--ink);background:var(--white)}
|
||
.container{max-width:1140px;margin:0 auto;padding:80px 24px}
|
||
.hero{background:var(--ink);color:var(--white)}
|
||
.hero h1{font-size:56px;font-weight:800;line-height:1.05;margin-bottom:24px}
|
||
.hero p{font-size:20px;color:#9aa3b2;max-width:600px;margin-bottom:32px}
|
||
.btn{display:inline-block;background:var(--cyan);color:var(--ink);padding:14px 28px;border-radius:8px;font-weight:700;text-decoration:none}
|
||
.btn:hover{background:#1be5ff}
|
||
.section h2{font-size:36px;font-weight:700;margin-bottom:24px}
|
||
.card{background:var(--gray-100);border-radius:16px;padding:32px;margin-bottom:16px}
|
||
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
|
||
@media (max-width:640px){.hero h1{font-size:36px}.section h2{font-size:28px}.container{padding:48px 20px}}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<section class="hero">
|
||
<div class="container">
|
||
<h1>Учитель китайского языка с нуля</h1>
|
||
<p>Начните говорить по-китайски за 3 месяца. Индивидуальные и групповые занятия для начинающих.</p>
|
||
<a class="btn" href="#services">Начать обучение</a>
|
||
</div>
|
||
</section>
|
||
<section id="about" class="section">
|
||
<div class="container">
|
||
<h2>Обо мне</h2>
|
||
<div class="card">
|
||
<p>Преподаю китайский язык более 5 лет. Специализируюсь на работе с начинающими. Использую современные методики, которые помогают заговорить с первого урока.</p>
|
||
<p style="margin-top:16px">Выпускница Пекинского университета. Жила в Китае 4 года. Знаю, как сделать обучение интересным и эффективным.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section id="services" class="section">
|
||
<div class="container">
|
||
<h2>Услуги</h2>
|
||
<div class="grid">
|
||
<div class="card">
|
||
<h3>Индивидуальные уроки</h3>
|
||
<p>Персональная программа под ваши цели. Удобное расписание. Онлайн или офлайн.</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3>Групповые занятия</h3>
|
||
<p>Малые группы до 5 человек. Общение с другими начинающими. Выгодная цена.</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3>Подготовка к HSK</h3>
|
||
<p>Систематическая подготовка к экзаменам любого уровня. Все уровни с HSK 1 по HSK 6.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section id="results" class="section">
|
||
<div class="container">
|
||
<h2>Результаты</h2>
|
||
<div class="grid">
|
||
<div class="card">
|
||
<h3>500+</h3>
|
||
<p>учеников прошли обучение</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3>95%</h3>
|
||
<p>учеников сдают HSK с первого раза</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3>3 месяца</h3>
|
||
<p>до свободного разговора</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section id="contact" class="section">
|
||
<div class="container">
|
||
<h2>Связаться со мной</h2>
|
||
<div class="card">
|
||
<p>Напишите мне в Telegram или WhatsApp для записи на пробный урок.</p>
|
||
<p style="margin-top:16px">
|
||
<a class="btn" href="https://t.me/" style="margin-right:16px">Telegram</a>
|
||
<a class="btn" href="https://wa.me/">WhatsApp</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</body>
|
||
</html> |