aptis-practice/reference.html at main · TranHuuDat2004/aptis-practice · GitHub

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
<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tài Liệu Tham Khảo</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 id="header-placeholder"></header>
    <div class="content-pusher">
        <div class="container">
            <div class="page-intro">
                <h1>Tài Liệu Tham Khảo & Nguồn Cảm Hứng</h1>
                <p>Tổng hợp các nguồn tài liệu hữu ích khác để bạn mở rộng kiến thức.</p>
            </div>

            <div class="explanation-box" style="text-align: center;">
                <h3>Học, học nữa, học mãi</h3>
                <p>Công cụ <strong>Aptis Practice</strong> được xây dựng để giúp bạn thực hành và ghi nhớ kiến thức một cách tương tác. Tuy nhiên, để có nền tảng vững chắc nhất, việc học hỏi từ nhiều nguồn tài liệu khác nhau là vô cùng quan trọng. Dưới đây là những nguồn tài liệu chính đã tạo nên nền tảng và cảm hứng cho dự án này.</p>
            </div>

            <main>
                <!-- Nguồn Tài Liệu Chính -->
                <div class="quiz-card" style="margin-top: 30px;">
                    <div class="card-header">
                        <h2>Nguồn Tài Liệu Chính (Thầy Thái Aptis)</h2>
                    </div>
                    <div style="padding: 20px;">
                        <p>Đây là kho tài liệu gốc đã tạo nên nền tảng cho phần lớn nội dung và phương pháp học "key" trên trang web này. Toàn bộ kiến thức cốt lõi đều được tham khảo từ đây.</p>
                        <div class="card-actions" style="justify-content: center; margin-top: 20px;">
                            <a href="https://drive.google.com/drive/folders/1-9PZT4SOY1xJYdtKhmJSBKm66C562WBc?usp=drive_link" target="_blank" class="action-btn">Truy cập Drive của Thầy Thái</a>
                        </div>
                    </div>
                </div>

                <!-- Tài Liệu Bổ Sung -->
                <div class="quiz-card" style="margin-top: 30px;">
                    <div class="card-header">
                        <h2>Tài Liệu Tham Khảo Bổ Sung</h2>
                    </div>
                    <div style="padding: 20px;">
                        <p>Một file Google Sheets tổng hợp thêm nhiều kiến thức và mẹo hữu ích khác mà mình đã sưu tầm được trong quá trình ôn luyện.</p>
                        <div class="card-actions" style="justify-content: center; margin-top: 20px;">
                            <a href="https://docs.google.com/spreadsheets/d/1GyI1sPgCgrGI8kNYq0Ge3s2A6EEiIUVwTpMDKoHK7aA/edit?fbclid=IwY2xjawLbDK5leHRuA2FlbQIxMABicmlkETE2VmlEQjBXU0JvYkw3bW9XAR5F_YoWV5AXQLrv-lygPeKAvScM1VLgabreN3rSeJ7icPVCnvhYn6FGgYOBpA_aem_WpyjisrdBIzqHR-KohUjUg&gid=0#gid=0" target="_blank" class="action-btn">Truy cập Bảng tính tham khảo</a>
                        </div>
                    </div>
                </div>

                <!-- Web Tham Khảo -->
                <div class="quiz-card" style="margin-top: 30px;">
                    <div class="card-header">
                        <h2>Trang Web Tham Khảo & Nguồn Cảm Hứng</h2>
                    </div>
                    <div style="padding: 20px;">
                        <p>Đây là một trang web luyện thi Aptis rất hay và cũng là nguồn động lực lớn để mình bắt đầu xây dựng dự án Aptis Practice này. Bạn có thể tham khảo thêm các bài tập trên trang này nếu muốn mở rộng vốn kiến thức.</p>
                        <div class="card-actions" style="justify-content: center; margin-top: 20px;">
                            <a href="https://www.aptiskey.com/" target="_blank" class="action-btn">Ghé thăm AptisKey.com</a>
                        </div>
                    </div>
                </div>
            </main>

        </div>
        <footer id="footer-placeholder"></footer>
    </div>
    <script src="js/main.js"></script>
</body>
</html>