283 lines
15 KiB
HTML
283 lines
15 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 Mock Test</title>
|
||
<style>
|
||
:root{--ink:#0F1218;--cyan:#00E5FF;--cyan-50:#E8FCFF;--white:#fff;--gray-500:#5B6573;--gray-100:#F2F4F7;--correct:#22c55e;--wrong:#ef4444}
|
||
*{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:48px;font-weight:800;line-height:1.05;margin-bottom:16px}
|
||
.hero p{font-size:18px;color:#9aa3b2;max-width:600px;margin-bottom:24px}
|
||
.btn{display:inline-block;background:var(--cyan);color:var(--ink);padding:14px 28px;border-radius:8px;font-weight:700;text-decoration:none;cursor:pointer;border:none}
|
||
.btn:hover{background:#1be5ff}
|
||
.section h2{font-size:32px;font-weight:700;margin-bottom:24px}
|
||
.timer{background:var(--cyan-50);padding:16px 24px;border-radius:8px;margin-bottom:32px;display:flex;justify-content:space-between;align-items:center}
|
||
.timer span{font-size:24px;font-weight:700;color:var(--ink)}
|
||
.text-block{background:var(--gray-100);border-radius:16px;padding:32px;margin-bottom:24px}
|
||
.text-block h3{font-size:22px;font-weight:700;margin-bottom:16px;color:var(--ink)}
|
||
.text-block p{margin-bottom:12px}
|
||
.question{margin-bottom:24px;padding:16px;border:1px solid var(--gray-100);border-radius:8px}
|
||
.question p{font-weight:700;margin-bottom:12px}
|
||
.options label{display:block;padding:8px 12px;margin-bottom:4px;border-radius:4px;cursor:pointer}
|
||
.options label:hover{background:var(--cyan-50)}
|
||
.options input{margin-right:8px}
|
||
.result{padding:16px;border-radius:8px;margin-top:32px;display:none}
|
||
.result.correct{background:#dcfce7;border:1px solid var(--correct)}
|
||
.result.wrong{background:#fee2e2;border:1px solid var(--wrong)}
|
||
.score{font-size:24px;font-weight:700;margin-bottom:8px}
|
||
.footer{background:var(--gray-100);text-align:center;padding:40px 24px;color:var(--gray-500);margin-top:40px}
|
||
@media(max-width:640px){.hero h1{font-size:32px}.timer{flex-direction:column;gap:12px}}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<section class="hero">
|
||
<div class="container">
|
||
<h1>IELTS Reading Mock Test</h1>
|
||
<p>3 текста, 40 вопросов, 60 минут. Попробуй настоящий формат экзамена.</p>
|
||
<button class="btn" onclick="startTest()">Начать тест</button>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="container">
|
||
<div class="timer" id="timer" style="display:none">
|
||
<div>Осталось времени:</div>
|
||
<span id="time">60:00</span>
|
||
</div>
|
||
|
||
<div id="test" style="display:none">
|
||
<section class="section">
|
||
<h2>Text 1</h2>
|
||
<div class="text-block">
|
||
<h3>The History of Coffee</h3>
|
||
<p>Coffee is one of the world's most popular beverages, with over 2.25 billion cups consumed every day. The history of coffee dates back to the 15th century, when it was first discovered in Ethiopia according to legend. A goat herder named Kaldi noticed that his goats became particularly energetic after eating berries from a certain tree.</p>
|
||
<p>From Ethiopia, coffee spread to the Arabian Peninsula, where it was cultivated and traded. By the 15th century, coffee was being grown in Yemen and had become an important part of Islamic culture. Coffee houses, known as qahveh khaneh, became important social centers where people gathered to drink coffee, listen to music, play chess, and discuss politics.</p>
|
||
<p>Coffee reached Europe in the 17th century and quickly became fashionable. Despite initial opposition from some religious leaders who called it "the bitter invention of Satan," coffee houses spread throughout Europe and became important centers of social activity and business. The first coffee house in England opened in Oxford in 1652.</p>
|
||
</div>
|
||
|
||
<div class="question" data-answer="B">
|
||
<p>1. According to legend, who first discovered coffee?</p>
|
||
<div class="options">
|
||
<label><input type="radio" name="q1" value="A"> A) A farmer in Yemen</label>
|
||
<label><input type="radio" name="q1" value="B"> B) A goat herder in Ethiopia</label>
|
||
<label><input type="radio" name="q1" value="C"> C) A merchant in Arabia</label>
|
||
<label><input type="radio" name="q1" value="D"> D) A monk in Europe</label>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="question" data-answer="C">
|
||
<p>2. What were coffee houses called in Yemen?</p>
|
||
<div class="options">
|
||
<label><input type="radio" name="q2" value="A"> A) Cafés</label>
|
||
<label><input type="radio" name="q2" value="B"> B) Taverns</label>
|
||
<label><input type="radio" name="q2" value="C"> C) Qahveh khaneh</label>
|
||
<label><input type="radio" name="q2" value="D"> D) Kaffeehaus</label>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="question" data-answer="A">
|
||
<p>3. When did the first coffee house open in England?</p>
|
||
<div class="options">
|
||
<label><input type="radio" name="q3" value="A"> A) 1652</label>
|
||
<label><input type="radio" name="q3" value="B"> B) 1700</label>
|
||
<label><input type="radio" name="q3" value="C"> C) 1600</label>
|
||
<label><input type="radio" name="q3" value="D"> D) 1550</label>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="question" data-answer="TRUE">
|
||
<p>4. Coffee was initially opposed by some religious leaders in Europe.</p>
|
||
<div class="options">
|
||
<label><input type="radio" name="q4" value="TRUE"> TRUE</label>
|
||
<label><input type="radio" name="q4" value="FALSE"> FALSE</label>
|
||
<label><input type="radio" name="q4" value="NOT GIVEN"> NOT GIVEN</label>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section">
|
||
<h2>Text 2</h2>
|
||
<div class="text-block">
|
||
<h3>Urban Farming</h3>
|
||
<p>As cities continue to grow and concerns about food security increase, urban farming has emerged as a potential solution. Urban farming refers to the practice of cultivating, processing, and distributing food in or around urban areas. It includes a variety of methods, from community gardens and rooftop farms to vertical farming and hydroponics.</p>
|
||
<p>One of the main advantages of urban farming is that it reduces the distance food travels from farm to table, known as "food miles." This not only reduces transportation costs and carbon emissions but also ensures that consumers have access to fresher produce. Studies show that food in the United States travels an average of 1,500 miles from farm to consumer.</p>
|
||
<p>Vertical farming is particularly promising for densely populated cities. By growing crops in stacked layers, often in controlled indoor environments, vertical farms can produce food year-round using less water and no pesticides. However, the high initial cost of setting up vertical farms remains a significant barrier to widespread adoption.</p>
|
||
</div>
|
||
|
||
<div class="question" data-answer="B">
|
||
<p>5. What is "food miles"?</p>
|
||
<div class="options">
|
||
<label><input type="radio" name="q5" value="A"> A) The cost of food transportation</label>
|
||
<label><input type="radio" name="q5" value="B"> B) The distance food travels from farm to consumer</label>
|
||
<label><input type="radio" name="q5" value="C"> C) The speed of food delivery</label>
|
||
<label><input type="radio" name="q5" value="D"> D) The number of food stores in a city</label>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="question" data-answer="C">
|
||
<p>6. What is a major disadvantage of vertical farming?</p>
|
||
<div class="options">
|
||
<label><input type="radio" name="q6" value="A"> A) It requires too much water</label>
|
||
<label><input type="radio" name="q6" value="B"> B) It can only grow certain crops</label>
|
||
<label><input type="radio" name="q6" value="C"> C) High initial setup costs</label>
|
||
<label><input type="radio" name="q6" value="D"> D) It needs too much sunlight</label>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="question" data-answer="TRUE">
|
||
<p>7. Urban farming can help reduce carbon emissions.</p>
|
||
<div class="options">
|
||
<label><input type="radio" name="q7" value="TRUE"> TRUE</label>
|
||
<label><input type="radio" name="q7" value="FALSE"> FALSE</label>
|
||
<label><input type="radio" name="q7" value="NOT GIVEN"> NOT GIVEN</label>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="question" data-answer="B">
|
||
<p>8. How far does food travel on average in the US?</p>
|
||
<div class="options">
|
||
<label><input type="radio" name="q8" value="A"> A) 500 miles</label>
|
||
<label><input type="radio" name="q8" value="B"> B) 1,500 miles</label>
|
||
<label><input type="radio" name="q8" value="C"> C) 2,500 miles</label>
|
||
<label><input type="radio" name="q8" value="D"> D) 3,000 miles</label>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section">
|
||
<h2>Text 3</h2>
|
||
<div class="text-block">
|
||
<h3>The Science of Sleep</h3>
|
||
<p>Sleep is essential for human health, yet many people don't get enough of it. Adults need between 7-9 hours of sleep per night, but studies show that about one-third of adults regularly sleep less than this recommended amount. Chronic sleep deprivation has been linked to numerous health problems, including obesity, heart disease, and diabetes.</p>
|
||
<p>During sleep, the brain undergoes important processes that help consolidate memories and flush out toxins. Research has shown that the brain's glymphatic system, which clears waste products, is most active during sleep. This cleaning process is crucial for maintaining cognitive function and may help prevent neurodegenerative diseases like Alzheimer's.</p>
|
||
<p>Many factors can disrupt sleep, including stress, screen time before bed, and irregular sleep schedules. Experts recommend maintaining a consistent sleep schedule, avoiding caffeine in the afternoon, and creating a dark, cool sleeping environment. Despite these recommendations, modern lifestyles often make it difficult for people to prioritize sleep.</p>
|
||
</div>
|
||
|
||
<div class="question" data-answer="C">
|
||
<p>9. How many hours of sleep do adults need per night?</p>
|
||
<div class="options">
|
||
<label><input type="radio" name="q9" value="A"> A) 5-7 hours</label>
|
||
<label><input type="radio" name="q9" value="B"> B) 6-8 hours</label>
|
||
<label><input type="radio" name="q9" value="C"> C) 7-9 hours</label>
|
||
<label><input type="radio" name="q9" value="D"> D) 8-10 hours</label>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="question" data-answer="A">
|
||
<p>10. What is the glymphatic system responsible for?</p>
|
||
<div class="options">
|
||
<label><input type="radio" name="q10" value="A"> A) Clearing waste products from the brain</label>
|
||
<label><input type="radio" name="q10" value="B"> B) Producing sleep hormones</label>
|
||
<label><input type="radio" name="q10" value="C"> C) Regulating body temperature</label>
|
||
<label><input type="radio" name="q10" value="D"> D) Controlling dreams</label>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="question" data-answer="NOT GIVEN">
|
||
<p>11. The article mentions specific statistics about sleep deprivation in different countries.</p>
|
||
<div class="options">
|
||
<label><input type="radio" name="q11" value="TRUE"> TRUE</label>
|
||
<label><input type="radio" name="q11" value="FALSE"> FALSE</label>
|
||
<label><input type="radio" name="q11" value="NOT GIVEN"> NOT GIVEN</label>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="question" data-answer="D">
|
||
<p>12. Which of the following is NOT recommended for better sleep?</p>
|
||
<div class="options">
|
||
<label><input type="radio" name="q12" value="A"> A) Consistent sleep schedule</label>
|
||
<label><input type="radio" name="q12" value="B"> B) Avoiding afternoon caffeine</label>
|
||
<label><input type="radio" name="q12" value="C"> C) Dark sleeping environment</label>
|
||
<label><input type="radio" name="q12" value="D"> D) Using screens before bed</label>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<button class="btn" onclick="checkAnswers()">Проверить ответы</button>
|
||
|
||
<div class="result" id="result">
|
||
<div class="score" id="score"></div>
|
||
<p id="feedback"></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<footer class="footer">
|
||
<p>IELTS Prep — Mock Test</p>
|
||
<p style="margin-top:8px">Тренируйся каждый день!</p>
|
||
</footer>
|
||
|
||
<script>
|
||
let timer;
|
||
let timeLeft = 3600; // 60 минут в секундах
|
||
|
||
function startTest() {
|
||
document.getElementById('timer').style.display = 'flex';
|
||
document.getElementById('test').style.display = 'block';
|
||
document.querySelector('.hero .btn').style.display = 'none';
|
||
|
||
timer = setInterval(updateTimer, 1000);
|
||
}
|
||
|
||
function updateTimer() {
|
||
const minutes = Math.floor(timeLeft / 60);
|
||
const seconds = timeLeft % 60;
|
||
document.getElementById('time').textContent = `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
|
||
|
||
if (timeLeft <= 0) {
|
||
clearInterval(timer);
|
||
checkAnswers();
|
||
}
|
||
timeLeft--;
|
||
}
|
||
|
||
function checkAnswers() {
|
||
clearInterval(timer);
|
||
|
||
const questions = document.querySelectorAll('.question');
|
||
let correct = 0;
|
||
|
||
questions.forEach(q => {
|
||
const correctAnswer = q.dataset.answer;
|
||
const selected = q.querySelector('input:checked');
|
||
const options = q.querySelectorAll('label');
|
||
|
||
options.forEach(label => {
|
||
label.style.background = '';
|
||
const input = label.querySelector('input');
|
||
if (input.value === correctAnswer) {
|
||
label.style.background = '#dcfce7';
|
||
}
|
||
});
|
||
|
||
if (selected && selected.value === correctAnswer) {
|
||
correct++;
|
||
} else if (selected) {
|
||
selected.parentElement.style.background = '#fee2e2';
|
||
}
|
||
});
|
||
|
||
const result = document.getElementById('result');
|
||
const score = document.getElementById('score');
|
||
const feedback = document.getElementById('feedback');
|
||
|
||
result.style.display = 'block';
|
||
score.textContent = `Результат: ${correct} из ${questions.length}`;
|
||
|
||
if (correct >= 10) {
|
||
result.className = 'result correct';
|
||
feedback.textContent = 'Отлично! У тебя хороший уровень Reading!';
|
||
} else if (correct >= 7) {
|
||
result.className = 'result correct';
|
||
feedback.textContent = 'Хорошо! Но есть над чем поработать.';
|
||
} else {
|
||
result.className = 'result wrong';
|
||
feedback.textContent = 'Нужно больше практики. Попробуй еще раз!';
|
||
}
|
||
}
|
||
</script>
|
||
</body>
|
||
</html> |