101 lines
4.9 KiB
HTML
101 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>IELTS Prep — Подготовка к экзамену</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}
|
||
.card h3{font-size:22px;font-weight:700;margin-bottom:12px}
|
||
.card ul{margin-left:20px;margin-bottom:16px}
|
||
.card li{margin-bottom:8px}
|
||
.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}
|
||
.footer{background:var(--gray-100);text-align:center;padding:40px 24px;color:var(--gray-500)}
|
||
@media(max-width:640px){.hero h1{font-size:36px}.section h2{font-size:28px}.container{padding:48px 20px}.skills{grid-template-columns:1fr}}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<section class="hero">
|
||
<div class="container">
|
||
<h1>IELTS Prep</h1>
|
||
<p>Подготовься к экзамену IELTS самостоятельно. Советы, стратегии и практика по всем секциям.</p>
|
||
<a class="btn" href="#skills">Начать подготовку</a>
|
||
</div>
|
||
</section>
|
||
<section id="skills" class="section">
|
||
<div class="container">
|
||
<h2>Четыре секции экзамена</h2>
|
||
<div class="skills">
|
||
<div class="card">
|
||
<h3>🎧 Listening</h3>
|
||
<ul>
|
||
<li>Слушайте подкасты и TED Talks</li>
|
||
<li>Практикуйтесь с официальными тестами</li>
|
||
<li>Обращайте внимание на знаки-ориентиры</li>
|
||
<li>Записывайте ответы во время прослушивания</li>
|
||
</ul>
|
||
<a class="btn" href="https://www.ielts.org" target="_blank">Практика Listening</a>
|
||
</div>
|
||
<div class="card">
|
||
<h3>📖 Reading</h3>
|
||
<ul>
|
||
<li>Читайте статьи из The Guardian, BBC</li>
|
||
<li>Развивайте навык skimming и scanning</li>
|
||
<li>Учите академическую лексику</li>
|
||
<li>Практикуйте时间管理 — 60 минут на 3 текста</li>
|
||
</ul>
|
||
<a class="btn" href="https://www.ielts.org" target="_blank">Практика Reading</a>
|
||
</div>
|
||
<div class="card">
|
||
<h3>✍️ Writing</h3>
|
||
<ul>
|
||
<li>Task 1: описывайте графики и диаграммы</li>
|
||
<li>Task 2: пишите эссе структурированно</li>
|
||
<li>Используйте связные слова</li>
|
||
<li>Проверяйте грамматику и лексику</li>
|
||
</ul>
|
||
<a class="btn" href="https://www.ielts.org" target="_blank">Практика Writing</a>
|
||
</div>
|
||
<div class="card">
|
||
<h3>🗣️ Speaking</h3>
|
||
<ul>
|
||
<li>Говорите каждый день минимум 10 минут</li>
|
||
<li>Записывайте себя и слушайте</li>
|
||
<li>Расширяйте словарный запас тематических слов</li>
|
||
<li>Практикуйте Part 2 — монолог 2 минуты</li>
|
||
</ul>
|
||
<a class="btn" href="https://www.ielts.org" target="_blank">Практика Speaking</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="section" style="background:var(--cyan-50)">
|
||
<div class="container">
|
||
<h2>Общие советы</h2>
|
||
<div class="card">
|
||
<ul>
|
||
<li>Начните с пробного теста, чтобы определить уровень</li>
|
||
<li>Составьте расписание занятий на 2-3 месяца</li>
|
||
<li>Используйте официальные учебники Cambridge IELTS</li>
|
||
<li>Находите языкового партнера для Speaking</li>
|
||
<li>Записывайте прогресс и ошибки</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<footer class="footer">
|
||
<p>IELTS Prep — бесплатный ресурс для самостоятельной подготовки</p>
|
||
<p style="margin-top:8px">Удачи на экзамене! 🎯</p>
|
||
</footer>
|
||
</body>
|
||
</html> |