Untitled

<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Danh Sách Tệp Tin - Download</title>
    <style>
        * { box-sizing: border-box; margin: 0; padding: 0; }
        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f4f6f9; color: #333; padding: 40px 20px; }
        .container { max-width: 700px; margin: 0 auto; background: #fff; padding: 40px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
        h2 { color: #2c3e50; margin-bottom: 20px; font-size: 18pt; text-align: center; }
        table { width: 100%; border-collapse: collapse; margin-top: 20px; }
        th, td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #ddd; }
        th { background-color: #f8fafc; color: #2c3e50; font-weight: bold; }
        .download-link { color: #2ecc71; text-decoration: none; font-weight: bold; }
        .download-link:hover { text-decoration: underline; color: #27ae60; }
        .back-link { display: inline-block; margin-top: 20px; color: #7f8c8d; text-decoration: none; font-size: 10pt; }
        .back-link:hover { color: #333; }
    </style>
</head>
<body>
    <div class="container">
        <h2>Danh Sách Tài Nguyên Tải Về</h2>
        <table>
            <thead>
                <tr>
                    <th>Tên Tệp Tin</th>
                    <th>Kích Thước</th>
                    <th>Hành Động</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Tail_Lieu_Huong_Dan.pdf</td>
                    <td>2.4 MB</td>
                    <td><a href="#" class="download-link" onclick="alert('Đường dẫn tải xuống sẽ liên kết đến tệp tin tương ứng trong thư mục lưu trữ.')">Tải về</a></td>
                </tr>
                <tr>
                    <td>Lab_Configuration_Script.sh</td>
                    <td>15 KB</td>
                    <td><a href="#" class="download-link" onclick="alert('Đường dẫn tải xuống sẽ liên kết đến tệp tin tương ứng trong thư mục lưu trữ.')">Tải về</a></td>
                </tr>
            </tbody>
        </table>
        <a href="index.html" class="back-link">&larr; Quay lại trang chủ</a>
    </div>
</body>
</html>