<!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ô!</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 nhiệm vụ khảo sát thực trạng sử dụng các phương pháp dạy học và giáo dục nhằm phát triển phẩm chất và năng lực cho học sinh Trung học phổ thông. Rất mong quý Thầy/Cô chia sẻ những thông tin và nhận định của mình về việc sử dụng các phương pháp dạy học và giáo dục trong năm học 2022 - 2023. Chúng tôi cam kết các ý kiến của quý Thầy/Cô 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. Trân trọng cảm ơn quý Thầy/Cô!</p>
    </div>
    <div id="survey-links">
        <p>Lựa chọn phiếu khảo sát:</p>
        <button onclick="redirectTo('https://docs.google.com/forms/d/e/1FAIpQLSf0OQKdls-_MTA2grFmgkbZ1q6M2q7gbXp7DM3FQ-loUwyZHg/viewform')">Giáo viên</button>
        <button onclick="redirectTo('https://docs.google.com/forms/d/e/1FAIpQLSetRoqL4lVd7QnkOaJef5w6QwVUSint1V4l--Xidd4QhklIqg/viewform')">Cán bộ quản lý</button>
    </div>

    <script>
        function redirectTo(url) {
            window.location.href = url;
        }
    </script>
</body>
</html>