<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Trang Khảo Sát</title>
    <style>
        /* Thêm CSS tùy chỉnh cho trang web */
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }
        header {
            background-color: #f1f1f1;
            padding: 20px;
            text-align: center;
        }
        #banner {
            max-width: 100%;
            height: auto;
            margin: 0 auto;
            display: block;
        }
        #survey-text {
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
        }
        #survey-links {
            text-align: center;
            padding: 20px;
        }
    </style>
</head>
<body>
    <header>
        <img id="banner" src="logo.png" alt="Logo">
    </header>
    <div id="survey-text">
        <p>Kính chào quý Thầy/Cô và các em học sinh!</p>
        <p>Viện Khoa học Giáo dục Việt Nam được Bộ Giáo dục và Đào tạo giao thực hiện đề tài cấp Bộ B2023-VKG-26 về: “Nghiên cứu phát triển năng lực số cho học sinh trung học cơ sở”. Rất mong quý Thầy/Cô và các em học sinh chia sẻ những thông tin, nhận định của mình về thực trạng phát triển năng lực số cho học sinh trung học cơ sở. Chúng tôi cam kết các ý kiến của quý Thầy/Cô và các em học sinh chỉ được dùng cho mục đích nghiên cứu khoa học, không đánh giá cá nhân hay nhà trường.</p>
	<p>Trân trọng cảm ơn quý Thầy/Cô và các em!</p>
    </div>
    <div id="survey-links">
        <p>Lựa chọn phiếu khảo sát:</p>
        <button onclick="redirectTo('https://forms.gle/q5St1fYVypPUiaRh7')">Cán bộ quản lý</button>
        <button onclick="redirectTo('https://forms.gle/dXqdTtBcnBHgFqcZA')">Giáo viên</button>
	<button onclick="redirectTo('https://forms.gle/pn1Vtgb61Zye4DvRA')">Học sinh</button>
    </div>

    <script>
        function redirectTo(url) {
            window.location.href = url;
        }
    </script>
</body>
</html>