| <!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> |
|
|
