| | <!DOCTYPE html> |
| | <html lang="pt-BR"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>Sistema de Testes Adaptativos</title> |
| | <script src="https://cdn.tailwindcss.com"></script> |
| | <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> |
| | <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> |
| | <script src="https://unpkg.com/feather-icons"></script> |
| | <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| | <style> |
| | .hero-gradient { |
| | background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #9333ea 100%); |
| | } |
| | .card-hover:hover { |
| | transform: translateY(-5px); |
| | box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); |
| | } |
| | </style> |
| | </head> |
| | <body class="bg-gray-50"> |
| | <nav class="bg-white shadow-sm"> |
| | <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| | <div class="flex justify-between h-16"> |
| | <div class="flex items-center"> |
| | <div class="flex-shrink-0 flex items-center"> |
| | <i data-feather="book-open" class="h-8 w-8 text-indigo-600"></i> |
| | <span class="ml-2 text-xl font-bold text-gray-900">GEPTRI CAT</span> |
| | </div> |
| | </div> |
| | <div class="hidden sm:ml-6 sm:flex sm:items-center space-x-8"> |
| | <a href="#" class="text-indigo-600 border-b-2 border-indigo-600 px-1 pt-1 text-sm font-medium">Início</a> |
| | <a href="login.html" class="text-gray-500 hover:text-gray-700 px-1 pt-1 text-sm font-medium">Login</a> |
| | <a href="register.html" class="text-gray-500 hover:text-gray-700 px-1 pt-1 text-sm font-medium">Cadastro</a> |
| | </div> |
| | <div class="-mr-2 flex items-center sm:hidden"> |
| | <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" aria-controls="mobile-menu" aria-expanded="false"> |
| | <i data-feather="menu"></i> |
| | </button> |
| | </div> |
| | </div> |
| | </div> |
| | </nav> |
| |
|
| | <div class="hero-gradient text-white py-20"> |
| | <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| | <div class="lg:grid lg:grid-cols-2 lg:gap-8 items-center"> |
| | <div class="mb-8 lg:mb-0" data-aos="fade-right"> |
| | <h1 class="text-4xl font-extrabold tracking-tight sm:text-5xl lg:text-6xl mb-6"> |
| | Testes Adaptativos Informatizados |
| | </h1> |
| | <p class="text-xl text-indigo-100 max-w-3xl"> |
| | Uma solução prática para avaliação educacional baseada na Teoria de Resposta ao Item (TRI) |
| | </p> |
| | <div class="mt-8 flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> |
| | <a href="login.html" class="flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-700 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10"> |
| | Acessar Sistema |
| | </a> |
| | <a href="#features" class="flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-500 bg-opacity-60 hover:bg-opacity-70 md:py-4 md:text-lg md:px-10"> |
| | Saiba Mais |
| | </a> |
| | </div> |
| | </div> |
| | <div data-aos="fade-left"> |
| | <img src="http://static.photos/education/1200x630/1" alt="Estudante usando computador" class="rounded-lg shadow-xl"> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| |
|
| | <div id="features" class="py-16 bg-white"> |
| | <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| | <div class="text-center mb-16"> |
| | <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl" data-aos="fade-up"> |
| | Benefícios do Sistema |
| | </h2> |
| | <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto" data-aos="fade-up" data-aos-delay="100"> |
| | Desenvolvido por pesquisadores da UFSM para revolucionar a avaliação educacional |
| | </p> |
| | </div> |
| | <div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3"> |
| | <div class="bg-white rounded-lg shadow-md p-6 transition-all duration-300 card-hover" data-aos="fade-up" data-aos-delay="200"> |
| | <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mb-4"> |
| | <i data-feather="zap"></i> |
| | </div> |
| | <h3 class="text-lg font-medium text-gray-900 mb-2">Avaliação Eficiente</h3> |
| | <p class="text-gray-500"> |
| | Testes mais curtos e precisos, adaptando-se ao nível de cada aluno em tempo real. |
| | </p> |
| | </div> |
| | <div class="bg-white rounded-lg shadow-md p-6 transition-all duration-300 card-hover" data-aos="fade-up" data-aos-delay="300"> |
| | <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mb-4"> |
| | <i data-feather="bar-chart-2"></i> |
| | </div> |
| | <h3 class="text-lg font-medium text-gray-900 mb-2">Baseado em TRI</h3> |
| | <p class="text-gray-500"> |
| | Utiliza o Modelo Logístico de Três Parâmetros para estimativas precisas de proficiência. |
| | </p> |
| | </div> |
| | <div class="bg-white rounded-lg shadow-md p-6 transition-all duration-300 card-hover" data-aos="fade-up" data-aos-delay="400"> |
| | <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mb-4"> |
| | <i data-feather="shield"></i> |
| | </div> |
| | <h3 class="text-lg font-medium text-gray-900 mb-2">Segurança de Dados</h3> |
| | <p class="text-gray-500"> |
| | Plataforma protegida com mecanismos de confidencialidade e integridade das informações. |
| | </p> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| |
|
| | <div class="py-16 bg-gray-50"> |
| | <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| | <div class="lg:grid lg:grid-cols-2 lg:gap-8 items-center"> |
| | <div class="mb-8 lg:mb-0" data-aos="fade-right"> |
| | <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl mb-6"> |
| | Avaliação Inteligente e Personalizada |
| | </h2> |
| | <p class="text-lg text-gray-500 mb-6"> |
| | Nosso sistema adapta o teste em tempo real conforme você responde, selecionando as próximas questões |
| | com base no seu desempenho. Quanto melhor você vai, mais desafiadoras ficam as perguntas - e vice-versa. |
| | </p> |
| | <ul class="space-y-4"> |
| | <li class="flex items-start"> |
| | <div class="flex-shrink-0"> |
| | <i data-feather="check-circle" class="h-6 w-6 text-green-500"></i> |
| | </div> |
| | <p class="ml-3 text-base text-gray-700"> |
| | Testes mais curtos (apenas 20 questões) sem perder precisão |
| | </p> |
| | </li> |
| | <li class="flex items-start"> |
| | <div class="flex-shrink-0"> |
| | <i data-feather="check-circle" class="h-6 w-6 text-green-500"></i> |
| | </div> |
| | <p class="ml-3 text-base text-gray-700"> |
| | Perguntas que se ajustam ao seu nível de conhecimento |
| | </p> |
| | </li> |
| | <li class="flex items-start"> |
| | <div class="flex-shrink-0"> |
| | <i data-feather="check-circle" class="h-6 w-6 text-green-500"></i> |
| | </div> |
| | <p class="ml-3 text-base text-gray-700"> |
| | Tecnologia utilizada nos melhores testes educacionais do mundo |
| | </p> |
| | </li> |
| | </ul> |
| | </div> |
| | <div data-aos="fade-left"> |
| | <img src="http://static.photos/technology/1200x630/2" alt="Gráficos de análise de dados" class="rounded-lg shadow-xl"> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| |
|
| | <footer class="bg-gray-800 text-white py-12"> |
| | <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| | <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| | <div> |
| | <h3 class="text-lg font-medium mb-4">TAI UFSM</h3> |
| | <p class="text-gray-300"> |
| | Sistema de Testes Adaptativos Informatizados desenvolvido pelo Grupo de Estudos e Pesquisas em Teoria da Resposta ao Item - GEPTRI. |
| | </p> |
| | </div> |
| | <div> |
| | <h3 class="text-lg font-medium mb-4">Links Rápidos</h3> |
| | <ul class="space-y-2"> |
| | <li><a href="#" class="text-gray-300 hover:text-white">Início</a></li> |
| | <li><a href="login.html" class="text-gray-300 hover:text-white">Login</a></li> |
| | <li><a href="register.html" class="text-gray-300 hover:text-white">Cadastro</a></li> |
| | </ul> |
| | </div> |
| | <div> |
| | <h3 class="text-lg font-medium mb-4">Contato</h3> |
| | <p class="text-gray-300"> |
| | Universidade Federal de Santa Maria<br> |
| | Departamento de Educação |
| | </p> |
| | </div> |
| | </div> |
| | <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400"> |
| | <p>© 2023 TAI UFSM. Todos os direitos reservados.</p> |
| | </div> |
| | </div> |
| | </footer> |
| |
|
| | <script> |
| | AOS.init({ |
| | duration: 800, |
| | easing: 'ease-in-out', |
| | once: true |
| | }); |
| | feather.replace(); |
| | </script> |
| | </body> |
| | </html> |
| |
|
