-
Notifications
You must be signed in to change notification settings - Fork 6
Expand file tree
/
Copy pathindex-old.html
More file actions
235 lines (220 loc) · 11.5 KB
/
index-old.html
File metadata and controls
235 lines (220 loc) · 11.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aptis Practice Hub</title>
<link rel="stylesheet" href="css/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="icon" href="img/favicon.png" type="image/x-icon">
</head>
<body>
<!-- HEADER PLACEHOLDER -->
<header id="header-placeholder"></header>
<div class="content-pusher" id="content-pusher"> <!-- THÊM DÒNG NÀY -->
<div class="container">
<h1 style="text-align: center;">Aptis Practice</h1>
<p style="text-align: center;">Chọn một kỹ năng để bắt đầu luyện tập</p>
<main>
<!-- SECTION -->
<section class="skill-section">
<h2><i class="icon">📖</i> Cấu trúc đề thi & Hướng dẫn ôn tập</h2>
<div class="part-grid">
<a href="structure.html" class="part-card">
<h3>Giới thiệu</h3>
<p>Cấu trúc bài thi Aptis ESOL</p>
</a>
<a href="structure.html" class="part-card">
<h3>Tổng hợp Từ vựng</h3>
<p>Từ vựng theo chủ đề Nơi chốn và Con người</p>
</a>
<div class="part-grid">
<a href="speaking_ideas.html" class="part-card">
<h3>Quan điểm bản thân <br>(lên ý tưởng)</h3>
<p>Ngân hàng ý tưởng Speaking</p>
</a>
</div>
<div class="part-grid">
<a href="speaking_peel.html" class="part-card">
<h3>Quan điểm bản thân (dùng công thức)</h3>
<p>Phương pháp Công thức PEEL</p>
</a>
</div>
<div class="part-grid">
<a href="writing_errors.html" class="part-card">
<h3>Các lỗi sai thường gặp</h3>
<p>Sửa lỗi một vài chủ đề writing</p>
</a>
</div>
<div class="part-grid">
<a href="grammar_errors.html" class="part-card">
<h3>Các lỗi sai ngữ pháp</h3>
<p>Tổng hợp các lỗi sai cơ bản</p>
</a>
</div>
<div class="part-grid">
<a href="writing_club_errors.html" class="part-card">
<h3>Lỗi sai câu trả lời ngắn</h3>
<p>Tổng hợp các lỗi sai khi trả lời câu hỏi từ câu lạc bộ</p>
</a>
</div>
<div class="part-grid">
<a href="exam_tips.html" class="part-card">
<h3>Những điều cần nhớ</h3>
<p>Một vài lời khuyên giúp bạn tự tin và làm bài tốt nhất</p>
</a>
</div>
</section>
<section class="skill-section">
<h2><i class="icon">🗣️</i> Kỹ năng Nói / Speaking</h2>
<div class="part-grid">
<a href="speaking.html" class="part-card">
<h3>Giới thiệu</h3>
<p>Tổng quan về Kỹ năng Nói</p>
</a>
<a href="speaking_part1.html" class="part-card">
<h3>Part 1</h3>
<p>Personal Questions</p>
</a>
<a href="speaking_part2.html" class="part-card">
<h3>Part 2</h3>
<p>Describe a Picture </p>
</a>
<a href="speaking_part3.html" class="part-card">
<h3>Part 3</h3>
<p>Compare Pictures</p>
</a>
<a href="speaking_part4.html" class="part-card">
<h3>Part 4</h3>
<p>Discuss a Topic </p>
</a>
<a href="speaking-structure-quiz.html" class="part-card">
<h3>Prepare to Test</h3>
<p>Kiểm tra khả năng ghi nhớ <br> sườn bài, công thức và mẹo.</p>
</a>
<a href="speaking_test.html" class="part-card">
<h3 style="color: red;">Thi thử Speaking</h3>
<strong>Mô phỏng bài thi thật</strong>
</a>
</div>
</section>
<!-- Listening -->
<section class="skill-section">
<h2><i class="icon">🎧</i> Kỹ năng Nghe / Listening</h2>
<div class="part-grid">
<a href="listening.html" class="part-card">
<h3>Giới thiệu</h3>
<p>Tổng quan về Kỹ năng Nghe</p>
</a>
<a href="listening_part1.html" class="part-card">
<h3>Part 1 (Câu 1-13)</h3>
<p>Nhận biết thông tin</p>
</a>
<a href="listening_part14.html" class="part-card">
<h3>Part 2 (Câu 14)</h3>
<p>Nối thông tin</p>
</a>
<a href="listening_part15.html" class="part-card">
<h3>Part 3 (Câu 15)</h3>
<p>Xác định quan điểm</p>
</a>
<a href="listening_part1617.html" class="part-card">
<h3>Part 4 (Câu 16-17)</h3>
<p>Nghe hiểu & Suy luận</p>
</a>
<a href="listening_cheatsheet.html" class="part-card">
<h3>Cheatsheet</h3>
<p>Bảng tổng hợp Key</p>
</a>
<a href="listening_part1_test.html" class="part-card">
<h3 style="color: red;">Làm bài Part 1</h3>
<strong>Kiểm tra ghi nhớ key</strong>
</a>
<a href="listening_part1617_test.html" class="part-card">
<h3 style="color: red;">Làm bài Part 4</h3>
<strong>Kiểm tra ghi nhớ key</strong>
</a>
</div>
</section>
<!-- READING SECTION -->
<section class="skill-section">
<h2><i class="icon">📖</i> Kỹ năng Đọc / Reading</h2>
<div class="part-grid">
<a href="reading.html" class="part-card">
<h3>Giới thiệu</h3>
<p>Tổng quan về kỹ năng đọc</p>
</a>
<a href="reading_part1.html" class="part-card">
<h3>Part 1</h3>
<p>Word Matching </p>
</a>
<a href="reading_part2.html" class="part-card"> <!-- SỬA Ở ĐÂY -->
<h3>Part 2</h3>
<p>Sentence Jumble</p>
</a>
<a href="reading_part3.html" class="part-card"> <!-- SỬA Ở ĐÂY -->
<h3>Part 3</h3>
<p>Sentence Jumble (Advanced)</p>
</a>
<a href="reading_part4.html" class="part-card">
<h3>Part 4</h3>
<p>Opinion Matching</p>
</a>
<a href="reading_part5.html" class="part-card ">
<h3>Part 5</h3>
<p>Matching Headings</p>
</a>
<a href="select-test.html" class="part-card">
<h3 style="color: red;">Thi thử Reading</h3>
<strong>Mô phỏng bài thi thật</strong>
</a>
</div>
</section>
<section class="skill-section">
<h2><i class="icon">✍️</i> Kỹ năng Viết / Writing</h2>
<div class="part-grid">
<a href="writing.html" class="part-card">
<h3>Giới thiệu</h3>
<p>Tổng quan về kỹ năng viết</p>
</a>
<a href="writing_part1_bank.html" class="part-card">
<h3>Ngân hàng câu hỏi Part 1</h3>
<p>Xem câu hỏi và câu trả lời mẫu</p>
</a>
<a href="writing_part1.html" class="part-card">
<h3>Part 1</h3>
<p>Trả lời câu hỏi cá nhân</p>
</a>
<a href="writing_part2.html" class="part-card">
<h3>Part 2</h3>
<p>Điền đơn & Trả lời câu hỏi</p>
</a>
<a href="writing_part3.html" class="part-card">
<h3>Part 3</h3>
<p>Trò chuyện trong Chat Room</p>
</a>
<a href="writing_part4.html" class="part-card">
<h3>Part 4</h3>
<p>Viết Email</p>
</a>
<a href="writing-structure-quiz.html" class="part-card">
<h3 style="color: red;">Part 4 Structure Quiz</h3>
<strong>Kiểm tra khả năng ghi nhớ câu mẫu Thân mật & Trang trọng.</strong>
</a>
<a href="writing-prompt-quiz.html" class="part-card">
<h3 style="color: red;">Phân Tích Đề Bài</h3>
<strong>Kiểm tra khả năng đọc hiểu yêu cầu.</strong>
</a>
</div>
</section>
</main>
</div>
<!-- FOOTER PLACEHOLDER -->
<footer id="footer-placeholder"></footer>
</div> <!-- THÊM DÒNG NÀY -->
<!-- SCRIPT CHÍNH -->
<script src="js/main.js"></script>
</body>
</html>