107 lines
5.3 KiB
HTML
107 lines
5.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>IELTS Reading — Подготовка к секции чтения</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}
|
||
.btn-secondary{background:transparent;color:var(--ink);border:2px solid var(--ink);padding:12px 26px;border-radius:8px}
|
||
.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}
|
||
.strategies{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}
|
||
.tip{background:var(--cyan-50);border-left:4px solid var(--cyan);padding:16px 20px;margin-bottom:16px}
|
||
.tip strong{color:var(--ink)}
|
||
.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}.strategies{grid-template-columns:1fr}}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<section class="hero">
|
||
<div class="container">
|
||
<h1>IELTS Reading</h1>
|
||
<p>Секция Reading — 60 минут на 3 текста и 40 вопросов. Научитесь читать быстро и точно.</p>
|
||
<a class="btn" href="#strategies">Стратегии чтения</a>
|
||
<a class="btn btn-secondary" href="#tips" style="margin-left:12px">Советы</a>
|
||
</div>
|
||
</section>
|
||
<section id="strategies" class="section">
|
||
<div class="container">
|
||
<h2>Основные стратегии</h2>
|
||
<div class="strategies">
|
||
<div class="card">
|
||
<h3>1. Skimming (просмотр)</h3>
|
||
<ul>
|
||
<li>Быстро прочитайте заголовок и первые предложения каждого абзаца</li>
|
||
<li>Посмотрите на иллюстрации и выделенные слова</li>
|
||
<li>Понять общую тему за 2-3 минуты</li>
|
||
</ul>
|
||
</div>
|
||
<div class="card">
|
||
<h3>2. Scanning (поиск)</h3>
|
||
<ul>
|
||
<li>Ищите конкретные факты: даты, имена, цифры</li>
|
||
<li>Не читайте весь текст — бегайте глазами</li>
|
||
<li>Находите ключевые слова из вопроса</li>
|
||
</ul>
|
||
</div>
|
||
<div class="card">
|
||
<h3>3. Intensive reading (детальное)</h3>
|
||
<ul>
|
||
<li>Читайте внимательно только нужный абзац</li>
|
||
<li>Понимайте логику и структуру аргументов</li>
|
||
<li>Используйте для сложных вопросов</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section id="tips" class="section" style="background:var(--cyan-50)">
|
||
<div class="container">
|
||
<h2>Полезные советы</h2>
|
||
<div class="tip">
|
||
<strong>Время:</strong> 20 минут на каждый текст. Не засиживайтесь на одном вопросе — вернитесь позже.
|
||
</div>
|
||
<div class="tip">
|
||
<strong>Словарь:</strong> Учите акадemic words: analyze, significant, demonstrate, consequently.
|
||
</div>
|
||
<div class="tip">
|
||
<strong>Практика:</strong> Читайте BBC Future, The Guardian, National Geographic.
|
||
</div>
|
||
<div class="tip">
|
||
<strong>Тесты:</strong> Делайте официальные Cambridge IELTS книги (10-18).
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="section">
|
||
<div class="container">
|
||
<h2>Типы вопросов</h2>
|
||
<div class="card">
|
||
<ul>
|
||
<li><strong>True/False/Not Given</strong> — сравните утверждение с текстом</li>
|
||
<li><strong>Yes/No/Not Given</strong> — мнение автора</li>
|
||
<li><strong>Matching headings</strong> — подберите заголовок к абзацу</li>
|
||
<li><strong>Multiple choice</strong> — выберите правильный ответ</li>
|
||
<li><strong>Summary completion</strong> — заполните пропуски</li>
|
||
<li><strong>Sentence completion</strong> — допишите конец предложения</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<footer class="footer">
|
||
<p>IELTS Prep — секция Reading</p>
|
||
<p style="margin-top:8px"><a href="index.html" style="color:var(--ink)">← На главную</a></p>
|
||
</footer>
|
||
</body>
|
||
</html> |