Skip to content

Commit e9f1900

Browse files
TranHuuDat2004TranHuuDat2004
committed
new UI for index
1 parent c6b191d commit e9f1900

8 files changed

Lines changed: 1029 additions & 195 deletions

‎components/footer.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -45,6 +45,7 @@ <h4>Các Kỹ năng</h4>
4545
<a href="listening_part1617.html">Part 4 (Câu 16-17)</a>
4646
<a href="listening_cheatsheet.html">Bảng Key Tổng hợp</a>
4747
<a href="listening_part1_test.html">Làm bài Part 1 </a>
48+
<a href="listening_part1617_test.html">Làm bài Part 4 </a>
4849
</div>
4950
</div>
5051
<div class="footer-dropdown">

‎components/header.html‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,7 @@
3737
<a href="listening_part1617.html">Part 4 (Câu 16-17)</a>
3838
<a href="listening_cheatsheet.html">Bảng Key Tổng hợp</a>
3939
<a href="listening_part1_test.html">Làm bài Part 1 </a>
40+
<a href="listening_part1617_test.html">Làm bài Part 4 </a>
4041
</div>
4142
</li>
4243
<li class="dropdown">
@@ -113,6 +114,7 @@
113114
<a href="listening_part1617.html">- Part 4 (Câu 16-17)</a>
114115
<a href="listening_cheatsheet.html">- Bảng Key Tổng hợp</a>
115116
<a href="listening_part1_test.html">- Làm bài Part 1 </a>
117+
<a href="listening_part1617_test.html">- Làm bài Part 4 </a>
116118
</div>
117119
</li>
118120

‎index-old.html‎

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

0 commit comments

Comments
 (0)