179 lines
6.6 KiB
HTML
179 lines
6.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>Vocabulary — English Easy</title>
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="header-inner">
|
|
<a href="index.html" class="logo">English <span>Easy</span></a>
|
|
<button class="menu-toggle" aria-label="Menu">☰</button>
|
|
<nav>
|
|
<ul class="nav-list">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="vocabulary.html">Vocabulary</a></li>
|
|
<li><a href="grammar.html">Grammar</a></li>
|
|
<li><a href="exercises.html">Exercises</a></li>
|
|
<li><a href="tests.html">Tests</a></li>
|
|
<li><a href="reading.html">Reading</a></li>
|
|
<li><a href="contact.html">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="page-header">
|
|
<div class="container">
|
|
<h1>Vocabulary</h1>
|
|
<p>Learn 20+ common English words with translations and examples.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<div class="container">
|
|
<div class="vocab-categories">
|
|
<button class="category-btn active" onclick="filterVocab('all', this)">All</button>
|
|
<button class="category-btn" onclick="filterVocab('school', this)">School</button>
|
|
<button class="category-btn" onclick="filterVocab('family', this)">Family</button>
|
|
<button class="category-btn" onclick="filterVocab('food', this)">Food</button>
|
|
<button class="category-btn" onclick="filterVocab('daily', this)">Daily Routine</button>
|
|
<button class="category-btn" onclick="filterVocab('hobbies', this)">Hobbies</button>
|
|
</div>
|
|
|
|
<table class="vocab-table">
|
|
<thead>
|
|
<tr>
|
|
<th>English</th>
|
|
<th>Translation</th>
|
|
<th>Example Sentence</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<!-- School -->
|
|
<tr class="vocab-row" data-category="school">
|
|
<td><strong>Book</strong></td>
|
|
<td>Книга</td>
|
|
<td>I read a <em>book</em> every evening.</td>
|
|
</tr>
|
|
<tr class="vocab-row" data-category="school">
|
|
<td><strong>Teacher</strong></td>
|
|
<td>Учитель</td>
|
|
<td>My <em>teacher</em> is very kind.</td>
|
|
</tr>
|
|
<tr class="vocab-row" data-category="school">
|
|
<td><strong>Lesson</strong></td>
|
|
<td>Урок</td>
|
|
<td>The <em>lesson</em> starts at 9 am.</td>
|
|
</tr>
|
|
<tr class="vocab-row" data-category="school">
|
|
<td><strong>Homework</strong></td>
|
|
<td>Домашнее задание</td>
|
|
<td>I do my <em>homework</em> after school.</td>
|
|
</tr>
|
|
<!-- Family -->
|
|
<tr class="vocab-row" data-category="family">
|
|
<td><strong>Friend</strong></td>
|
|
<td>Друг</td>
|
|
<td>He is my best <em>friend</em>.</td>
|
|
</tr>
|
|
<tr class="vocab-row" data-category="family">
|
|
<td><strong>Mother</strong></td>
|
|
<td>Мама</td>
|
|
<td>My <em>mother</em> cooks dinner.</td>
|
|
</tr>
|
|
<tr class="vocab-row" data-category="family">
|
|
<td><strong>Father</strong></td>
|
|
<td>Папа</td>
|
|
<td>My <em>father</em> works in an office.</td>
|
|
</tr>
|
|
<tr class="vocab-row" data-category="family">
|
|
<td><strong>Sister</strong></td>
|
|
<td>Сестра</td>
|
|
<td>My <em>sister</em> likes music.</td>
|
|
</tr>
|
|
<!-- Food -->
|
|
<tr class="vocab-row" data-category="food">
|
|
<td><strong>Apple</strong></td>
|
|
<td>Яблоко</td>
|
|
<td>I eat an <em>apple</em> every day.</td>
|
|
</tr>
|
|
<tr class="vocab-row" data-category="food">
|
|
<td><strong>Milk</strong></td>
|
|
<td>Молоко</td>
|
|
<td>I drink <em>milk</em> in the morning.</td>
|
|
</tr>
|
|
<tr class="vocab-row" data-category="food">
|
|
<td><strong>Bread</strong></td>
|
|
<td>Хлеб</td>
|
|
<td>We buy <em>bread</em> from the shop.</td>
|
|
</tr>
|
|
<tr class="vocab-row" data-category="food">
|
|
<td><strong>Water</strong></td>
|
|
<td>Вода</td>
|
|
<td>I drink a lot of <em>water</em>.</td>
|
|
</tr>
|
|
<!-- Daily Routine -->
|
|
<tr class="vocab-row" data-category="daily">
|
|
<td><strong>Wake up</strong></td>
|
|
<td>Просыпаться</td>
|
|
<td>I <em>wake up</em> at 7 o'clock.</td>
|
|
</tr>
|
|
<tr class="vocab-row" data-category="daily">
|
|
<td><strong>Breakfast</strong></td>
|
|
<td>Завтрак</td>
|
|
<td>I have <em>breakfast</em> at 8 am.</td>
|
|
</tr>
|
|
<tr class="vocab-row" data-category="daily">
|
|
<td><strong>School</strong></td>
|
|
<td>Школа</td>
|
|
<td>I go to <em>school</em> every day.</td>
|
|
</tr>
|
|
<tr class="vocab-row" data-category="daily">
|
|
<td><strong>Sleep</strong></td>
|
|
<td>Спать</td>
|
|
<td>I go to <em>sleep</em> at 10 pm.</td>
|
|
</tr>
|
|
<!-- Hobbies -->
|
|
<tr class="vocab-row" data-category="hobbies">
|
|
<td><strong>Music</strong></td>
|
|
<td>Музыка</td>
|
|
<td>I love listening to <em>music</em>.</td>
|
|
</tr>
|
|
<tr class="vocab-row" data-category="hobbies">
|
|
<td><strong>Football</strong></td>
|
|
<td>Футбол</td>
|
|
<td>I play <em>football</em> on weekends.</td>
|
|
</tr>
|
|
<tr class="vocab-row" data-category="hobbies">
|
|
<td><strong>Read</strong></td>
|
|
<td>Читать</td>
|
|
<td>I like to <em>read</em> books.</td>
|
|
</tr>
|
|
<tr class="vocab-row" data-category="hobbies">
|
|
<td><strong>Travel</strong></td>
|
|
<td>Путешествовать</td>
|
|
<td>I want to <em>travel</em> to London.</td>
|
|
</tr>
|
|
<tr class="vocab-row" data-category="hobbies">
|
|
<td><strong>Cook</strong></td>
|
|
<td>Готовить</td>
|
|
<td>I <em>cook</em> dinner with my mother.</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<p>© 2026 <a href="index.html">English Easy</a>. Made for learning English.</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="js/script.js"></script>
|
|
</body>
|
|
</html>
|