Skip to content

Commit 9f0a3e0

Browse files
TranHuuDat2004TranHuuDat2004
committed
add index
1 parent 0717e34 commit 9f0a3e0

4 files changed

Lines changed: 75 additions & 9 deletions

File tree

‎components/footer.html‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,9 @@
66
<a href="index.html" class="footer-logo">
77
<span>Aptis Practice</span>
88
</a>
9-
<p class="footer-bio">Công cụ hỗ trợ ôn thi Aptis ESOL, dự án được xây dựng cho mục đích học tập cá nhân, dựa trên phương pháp và các "key" được cung cấp bởi Thầy Thái Aptis. Toàn bộ bản quyền nội dung thuộc về tác giả gốc.</p>
9+
<p class="footer-bio">Công cụ hỗ trợ ôn thi Aptis ESOL, dự án được xây dựng cho mục đích học tập cá nhân,
10+
dựa trên phương pháp và các "key" được cung cấp bởi Thầy Thái Aptis. Toàn bộ bản quyền nội dung thuộc về
11+
tác giả gốc.</p>
1012
</div>
1113

1214
<!-- Cột 2: Điều hướng nhanh -->
@@ -42,6 +44,7 @@ <h4>Các Kỹ năng</h4>
4244
<a href="listening_part15.html">Part 3 (Câu 15)</a>
4345
<a href="listening_part1617.html">Part 4 (Câu 16-17)</a>
4446
<a href="listening_cheatsheet.html">Bảng Key Tổng hợp</a>
47+
<a href="listening_part1_test.html">Làm bài Part 1 </a>
4548
</div>
4649
</div>
4750
<div class="footer-dropdown">
@@ -119,4 +122,4 @@ <h4>Thông tin</h4>
119122
}
120123
});
121124
});
122-
</script>
125+
</script>

‎components/header.html‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,7 @@
3636
<a href="listening_part15.html">Part 3 (Câu 15)</a>
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>
39+
<a href="listening_part1_test.html">Làm bài Part 1 </a>
3940
</div>
4041
</li>
4142
<li class="dropdown">
@@ -108,6 +109,7 @@
108109
<a href="listening_part15.html">- Part 3 (Câu 15)</a>
109110
<a href="listening_part1617.html">- Part 4 (Câu 16-17)</a>
110111
<a href="listening_cheatsheet.html">- Bảng Key Tổng hợp</a>
112+
<a href="listening_part1_test.html">- Làm bài Part 1 </a>
111113
</div>
112114
</li>
113115

‎index.html‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -130,6 +130,10 @@ <h3>Part 4 (Câu 16-17)</h3>
130130
<h3>Cheatsheet</h3>
131131
<p>Bảng tổng hợp Key</p>
132132
</a>
133+
<a href="listening_part1_test.html" class="part-card">
134+
<h3 style="color: red;">Làm bài Part 1</h3>
135+
<strong>Kiểm tra trí nhớ của bạn</strong>
136+
</a>
133137
</div>
134138
</section>
135139

‎listening_part1_test.html‎

Lines changed: 64 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -91,12 +91,45 @@
9191
}
9292

9393
.audio-player {
94-
width: 100%;
95-
margin-bottom: 20px;
96-
97-
/* === ĐÂY LÀ DÒNG ĐỂ ẨN AUDIO === */
98-
display: none;
99-
}
94+
width: 100%;
95+
margin-bottom: 20px;
96+
97+
/* === ĐÂY LÀ DÒNG ĐỂ ẨN AUDIO === */
98+
display: none;
99+
}
100+
101+
/* === CSS MỚI CHO HỘP GIẢI THÍCH === */
102+
103+
.resource-links {
104+
display: flex;
105+
justify-content: center;
106+
gap: 15px;
107+
margin: 25px 0;
108+
}
109+
110+
.resource-links .action-btn {
111+
text-decoration: none;
112+
}
113+
114+
.explanation-box h4 {
115+
margin-top: 20px;
116+
text-align: center;
117+
}
118+
119+
.explanation-box .custom-ol {
120+
max-width: 650px;
121+
/* Giới hạn chiều rộng để dễ đọc */
122+
margin: 15px auto 0;
123+
/* Căn giữa block */
124+
padding-left: 20px;
125+
text-align: left;
126+
/* Căn trái nội dung text */
127+
}
128+
129+
.explanation-box .custom-ol li {
130+
margin-bottom: 10px;
131+
line-height: 1.6;
132+
}
100133
</style>
101134

102135
<body>
@@ -107,12 +140,36 @@
107140
<h1>Listening - Part 1</h1>
108141
<p>Nghe đoạn hội thoại ngắn và chọn câu trả lời đúng.</p>
109142
</div>
110-
<div class="explanation-box">
143+
<!-- <div class="explanation-box">
111144
<h3>💡 Phương pháp học Part 1</h3>
112145
<p>Dạng bài này kiểm tra khả năng nghe hiểu thông tin chi tiết trong các đoạn hội thoại ngắn. Hãy tập
113146
trung vào các từ khóa trong câu hỏi (ví dụ: "what time", "where", "who") để xác định thông tin cần
114147
nghe.</p>
148+
</div> -->
149+
150+
<!-- === HỘP GIẢI THÍCH ĐÃ ĐƯỢC CẬP NHẬT LẠI NỘI DUNG === -->
151+
<div class="explanation-box">
152+
<h3>💡 Phương pháp kiểm tra trí nhớ</h3>
153+
<p>
154+
Đây là trang kiểm tra nhanh trí nhớ của bạn. Mục tiêu là <b>vận dụng</b> những gì bạn đã học được từ 2 trang "List Key" và "Cheatsheet" để trả lời các câu hỏi mà không cần tra cứu lại.
155+
</p>
156+
<p>
157+
Nếu bạn chưa ôn tập, hãy mở 2 trang đó ngay bây giờ!
158+
</p>
159+
160+
<div class="resource-links">
161+
<a href="listening_part1.html" target="_blank" class="action-btn">Học từ trang List Key</a>
162+
<a href="listening_cheatsheet.html" target="_blank" class="action-btn">Học từ trang Cheatsheet</a>
163+
</div>
164+
165+
<h4>Các bước thực hiện:</h4>
166+
<ol>
167+
<li><strong>Ôn tập thật kỹ:</strong> Dành thời gian học thuộc các đáp án và mẹo ghi nhớ từ 2 trang tài liệu ở trên.</li>
168+
<li><strong>Kiểm tra trí nhớ:</strong> Quay lại trang này và trả lời tất cả các câu hỏi dựa trên những gì bạn nhớ được.</li>
169+
<li><strong>Xem kết quả:</strong> Sau khi hoàn thành, nhấn nút "Kiểm tra đáp án" ở cuối trang để xem bạn đã nhớ đúng bao nhiêu câu.</li>
170+
</ol>
115171
</div>
172+
116173
<main id="quiz-container">
117174
<!-- Nội dung câu hỏi trắc nghiệm sẽ được JS chèn vào đây -->
118175
</main>

0 commit comments

Comments
 (0)