Hugging Face's logo

Spaces:
Souzajaum
/
computer-adaptative-test-interface
Running

App Files Community
Souzajaum commited on
Commit
4889137
·
verified ·
1 Parent(s): 97a5aa1

undefined - Initial Deployment

Browse files
Files changed (5) hide show
  1. README.md +6 -4
  2. index.html +198 -18
  3. login.html +89 -0
  4. prompts.txt +0 -0
  5. register.html +107 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Computer Adaptative Test Interface
3
- emoji: 📈
4
  colorFrom: red
5
- colorTo: indigo
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: computer-adaptative-test-interface
3
+ emoji: 🐳
4
  colorFrom: red
5
+ colorTo: purple
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,199 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="pt-BR">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Sistema de Testes Adaptativos</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
9
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
10
+ <script src="https://unpkg.com/feather-icons"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
12
+ <style>
13
+ .hero-gradient {
14
+ background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #9333ea 100%);
15
+ }
16
+ .card-hover:hover {
17
+ transform: translateY(-5px);
18
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
19
+ }
20
+ </style>
21
+ </head>
22
+ <body class="bg-gray-50">
23
+ <nav class="bg-white shadow-sm">
24
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
25
+ <div class="flex justify-between h-16">
26
+ <div class="flex items-center">
27
+ <div class="flex-shrink-0 flex items-center">
28
+ <i data-feather="book-open" class="h-8 w-8 text-indigo-600"></i>
29
+ <span class="ml-2 text-xl font-bold text-gray-900">GEPTRI CAT</span>
30
+ </div>
31
+ </div>
32
+ <div class="hidden sm:ml-6 sm:flex sm:items-center space-x-8">
33
+ <a href="#" class="text-indigo-600 border-b-2 border-indigo-600 px-1 pt-1 text-sm font-medium">Início</a>
34
+ <a href="login.html" class="text-gray-500 hover:text-gray-700 px-1 pt-1 text-sm font-medium">Login</a>
35
+ <a href="register.html" class="text-gray-500 hover:text-gray-700 px-1 pt-1 text-sm font-medium">Cadastro</a>
36
+ </div>
37
+ <div class="-mr-2 flex items-center sm:hidden">
38
+ <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">
39
+ <i data-feather="menu"></i>
40
+ </button>
41
+ </div>
42
+ </div>
43
+ </div>
44
+ </nav>
45
+
46
+ <div class="hero-gradient text-white py-20">
47
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
48
+ <div class="lg:grid lg:grid-cols-2 lg:gap-8 items-center">
49
+ <div class="mb-8 lg:mb-0" data-aos="fade-right">
50
+ <h1 class="text-4xl font-extrabold tracking-tight sm:text-5xl lg:text-6xl mb-6">
51
+ Testes Adaptativos Informatizados
52
+ </h1>
53
+ <p class="text-xl text-indigo-100 max-w-3xl">
54
+ Uma solução prática para avaliação educacional baseada na Teoria de Resposta ao Item (TRI)
55
+ </p>
56
+ <div class="mt-8 flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
57
+ <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">
58
+ Acessar Sistema
59
+ </a>
60
+ <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">
61
+ Saiba Mais
62
+ </a>
63
+ </div>
64
+ </div>
65
+ <div data-aos="fade-left">
66
+ <img src="http://static.photos/education/1200x630/1" alt="Estudante usando computador" class="rounded-lg shadow-xl">
67
+ </div>
68
+ </div>
69
+ </div>
70
+ </div>
71
+
72
+ <div id="features" class="py-16 bg-white">
73
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
74
+ <div class="text-center mb-16">
75
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl" data-aos="fade-up">
76
+ Benefícios do Sistema
77
+ </h2>
78
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto" data-aos="fade-up" data-aos-delay="100">
79
+ Desenvolvido por pesquisadores da UFSM para revolucionar a avaliação educacional
80
+ </p>
81
+ </div>
82
+ <div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
83
+ <div class="bg-white rounded-lg shadow-md p-6 transition-all duration-300 card-hover" data-aos="fade-up" data-aos-delay="200">
84
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mb-4">
85
+ <i data-feather="zap"></i>
86
+ </div>
87
+ <h3 class="text-lg font-medium text-gray-900 mb-2">Avaliação Eficiente</h3>
88
+ <p class="text-gray-500">
89
+ Testes mais curtos e precisos, adaptando-se ao nível de cada aluno em tempo real.
90
+ </p>
91
+ </div>
92
+ <div class="bg-white rounded-lg shadow-md p-6 transition-all duration-300 card-hover" data-aos="fade-up" data-aos-delay="300">
93
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mb-4">
94
+ <i data-feather="bar-chart-2"></i>
95
+ </div>
96
+ <h3 class="text-lg font-medium text-gray-900 mb-2">Baseado em TRI</h3>
97
+ <p class="text-gray-500">
98
+ Utiliza o Modelo Logístico de Três Parâmetros para estimativas precisas de proficiência.
99
+ </p>
100
+ </div>
101
+ <div class="bg-white rounded-lg shadow-md p-6 transition-all duration-300 card-hover" data-aos="fade-up" data-aos-delay="400">
102
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mb-4">
103
+ <i data-feather="shield"></i>
104
+ </div>
105
+ <h3 class="text-lg font-medium text-gray-900 mb-2">Segurança de Dados</h3>
106
+ <p class="text-gray-500">
107
+ Plataforma protegida com mecanismos de confidencialidade e integridade das informações.
108
+ </p>
109
+ </div>
110
+ </div>
111
+ </div>
112
+ </div>
113
+
114
+ <div class="py-16 bg-gray-50">
115
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
116
+ <div class="lg:grid lg:grid-cols-2 lg:gap-8 items-center">
117
+ <div class="mb-8 lg:mb-0" data-aos="fade-right">
118
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl mb-6">
119
+ Avaliação Inteligente e Personalizada
120
+ </h2>
121
+ <p class="text-lg text-gray-500 mb-6">
122
+ Nosso sistema adapta o teste em tempo real conforme você responde, selecionando as próximas questões
123
+ com base no seu desempenho. Quanto melhor você vai, mais desafiadoras ficam as perguntas - e vice-versa.
124
+ </p>
125
+ <ul class="space-y-4">
126
+ <li class="flex items-start">
127
+ <div class="flex-shrink-0">
128
+ <i data-feather="check-circle" class="h-6 w-6 text-green-500"></i>
129
+ </div>
130
+ <p class="ml-3 text-base text-gray-700">
131
+ Testes mais curtos (apenas 20 questões) sem perder precisão
132
+ </p>
133
+ </li>
134
+ <li class="flex items-start">
135
+ <div class="flex-shrink-0">
136
+ <i data-feather="check-circle" class="h-6 w-6 text-green-500"></i>
137
+ </div>
138
+ <p class="ml-3 text-base text-gray-700">
139
+ Perguntas que se ajustam ao seu nível de conhecimento
140
+ </p>
141
+ </li>
142
+ <li class="flex items-start">
143
+ <div class="flex-shrink-0">
144
+ <i data-feather="check-circle" class="h-6 w-6 text-green-500"></i>
145
+ </div>
146
+ <p class="ml-3 text-base text-gray-700">
147
+ Tecnologia utilizada nos melhores testes educacionais do mundo
148
+ </p>
149
+ </li>
150
+ </ul>
151
+ </div>
152
+ <div data-aos="fade-left">
153
+ <img src="http://static.photos/technology/1200x630/2" alt="Gráficos de análise de dados" class="rounded-lg shadow-xl">
154
+ </div>
155
+ </div>
156
+ </div>
157
+ </div>
158
+
159
+ <footer class="bg-gray-800 text-white py-12">
160
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
161
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
162
+ <div>
163
+ <h3 class="text-lg font-medium mb-4">TAI UFSM</h3>
164
+ <p class="text-gray-300">
165
+ Sistema de Testes Adaptativos Informatizados desenvolvido pelo Grupo de Estudos e Pesquisas em Teoria da Resposta ao Item - GEPTRI.
166
+ </p>
167
+ </div>
168
+ <div>
169
+ <h3 class="text-lg font-medium mb-4">Links Rápidos</h3>
170
+ <ul class="space-y-2">
171
+ <li><a href="#" class="text-gray-300 hover:text-white">Início</a></li>
172
+ <li><a href="login.html" class="text-gray-300 hover:text-white">Login</a></li>
173
+ <li><a href="register.html" class="text-gray-300 hover:text-white">Cadastro</a></li>
174
+ </ul>
175
+ </div>
176
+ <div>
177
+ <h3 class="text-lg font-medium mb-4">Contato</h3>
178
+ <p class="text-gray-300">
179
+ Universidade Federal de Santa Maria<br>
180
+ Departamento de Educação
181
+ </p>
182
+ </div>
183
+ </div>
184
+ <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400">
185
+ <p>© 2023 TAI UFSM. Todos os direitos reservados.</p>
186
+ </div>
187
+ </div>
188
+ </footer>
189
+
190
+ <script>
191
+ AOS.init({
192
+ duration: 800,
193
+ easing: 'ease-in-out',
194
+ once: true
195
+ });
196
+ feather.replace();
197
+ </script>
198
+ </body>
199
  </html>
login.html ADDED
@@ -0,0 +1,89 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="pt-BR">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Login - Sistema TAI</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
9
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
10
+ <script src="https://unpkg.com/feather-icons"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
12
+ <style>
13
+ .auth-bg {
14
+ background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
15
+ }
16
+ .auth-card {
17
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
18
+ }
19
+ </style>
20
+ </head>
21
+ <body class="auth-bg min-h-screen flex items-center">
22
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full">
23
+ <div class="flex justify-center">
24
+ <div class="w-full max-w-md" data-aos="fade-up">
25
+ <div class="bg-white rounded-lg auth-card overflow-hidden">
26
+ <div class="px-10 py-12">
27
+ <div class="text-center mb-8">
28
+ <a href="index.html" class="inline-flex items-center">
29
+ <i data-feather="book-open" class="h-8 w-8 text-indigo-600"></i>
30
+ <span class="ml-2 text-xl font-bold text-gray-900">GEPTRI CAT</span>
31
+ </a>
32
+ <h2 class="mt-6 text-2xl font-extrabold text-gray-900">
33
+ Acesse sua conta
34
+ </h2>
35
+ <p class="mt-2 text-sm text-gray-600">
36
+ Ou <a href="register.html" class="font-medium text-indigo-600 hover:text-indigo-500">crie uma nova conta</a>
37
+ </p>
38
+ </div>
39
+ <form class="space-y-6" action="#" method="POST">
40
+ <div>
41
+ <label for="email" class="block text-sm font-medium text-gray-700">Email</label>
42
+ <div class="mt-1 relative rounded-md shadow-sm">
43
+ <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
44
+ <i data-feather="mail" class="h-4 w-4 text-gray-400"></i>
45
+ </div>
46
+ <input id="email" name="email" type="email" autocomplete="email" required class="py-3 pl-10 block w-full border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500">
47
+ </div>
48
+ </div>
49
+ <div>
50
+ <label for="password" class="block text-sm font-medium text-gray-700">Senha</label>
51
+ <div class="mt-1 relative rounded-md shadow-sm">
52
+ <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
53
+ <i data-feather="lock" class="h-4 w-4 text-gray-400"></i>
54
+ </div>
55
+ <input id="password" name="password" type="password" autocomplete="current-password" required class="py-3 pl-10 block w-full border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500">
56
+ </div>
57
+ </div>
58
+ <div class="flex items-center justify-between">
59
+ <div class="flex items-center">
60
+ <input id="remember-me" name="remember-me" type="checkbox" class="h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded">
61
+ <label for="remember-me" class="ml-2 block text-sm text-gray-700">Lembrar de mim</label>
62
+ </div>
63
+ <div class="text-sm">
64
+ <a href="#" class="font-medium text-indigo-600 hover:text-indigo-500">Esqueceu sua senha?</a>
65
+ </div>
66
+ </div>
67
+ <div>
68
+ <button type="submit" class="w-full flex justify-center py-3 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
69
+ Entrar
70
+ </button>
71
+ </div>
72
+ </form>
73
+ </div>
74
+ <div class="px-10 py-5 bg-gray-50 border-t border-gray-200 text-center">
75
+ <p class="text-xs text-gray-500">
76
+ Ao continuar, você concorda com nossos <a href="#" class="font-medium text-indigo-600 hover:text-indigo-500">Termos de Serviço</a> e <a href="#" class="font-medium text-indigo-600 hover:text-indigo-500">Política de Privacidade</a>.
77
+ </p>
78
+ </div>
79
+ </div>
80
+ </div>
81
+ </div>
82
+ </div>
83
+
84
+ <script>
85
+ AOS.init();
86
+ feather.replace();
87
+ </script>
88
+ </body>
89
+ </html>
prompts.txt ADDED
File without changes
register.html ADDED
@@ -0,0 +1,107 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="pt-BR">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Cadastro - Sistema TAI</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
9
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
10
+ <script src="https://unpkg.com/feather-icons"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
12
+ <style>
13
+ .auth-bg {
14
+ background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
15
+ }
16
+ .auth-card {
17
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
18
+ }
19
+ </style>
20
+ </head>
21
+ <body class="auth-bg min-h-screen flex items-center">
22
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full">
23
+ <div class="flex justify-center">
24
+ <div class="w-full max-w-md" data-aos="fade-up">
25
+ <div class="bg-white rounded-lg auth-card overflow-hidden">
26
+ <div class="px-10 py-12">
27
+ <div class="text-center mb-8">
28
+ <a href="index.html" class="inline-flex items-center">
29
+ <i data-feather="book-open" class="h-8 w-8 text-indigo-600"></i>
30
+ <span class="ml-2 text-xl font-bold text-gray-900">GEPTRI CAT</span>
31
+ </a>
32
+ <h2 class="mt-6 text-2xl font-extrabold text-gray-900">
33
+ Crie sua conta
34
+ </h2>
35
+ <p class="mt-2 text-sm text-gray-600">
36
+ Já tem uma conta? <a href="login.html" class="font-medium text-indigo-600 hover:text-indigo-500">Faça login</a>
37
+ </p>
38
+ </div>
39
+ <form class="space-y-6" action="#" method="POST">
40
+ <div>
41
+ <label for="full-name" class="block text-sm font-medium text-gray-700">Nome completo</label>
42
+ <div class="mt-1 relative rounded-md shadow-sm">
43
+ <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
44
+ <i data-feather="user" class="h-4 w-4 text-gray-400"></i>
45
+ </div>
46
+ <input id="full-name" name="full-name" type="text" autocomplete="name" required class="py-3 pl-10 block w-full border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500">
47
+ </div>
48
+ </div>
49
+ <div>
50
+ <label for="email" class="block text-sm font-medium text-gray-700">Email</label>
51
+ <div class="mt-1 relative rounded-md shadow-sm">
52
+ <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
53
+ <i data-feather="mail" class="h-4 w-4 text-gray-400"></i>
54
+ </div>
55
+ <input id="email" name="email" type="email" autocomplete="email" required class="py-3 pl-10 block w-full border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500">
56
+ </div>
57
+ </div>
58
+ <div>
59
+ <label for="password" class="block text-sm font-medium text-gray-700">Senha</label>
60
+ <div class="mt-1 relative rounded-md shadow-sm">
61
+ <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
62
+ <i data-feather="lock" class="h-4 w-4 text-gray-400"></i>
63
+ </div>
64
+ <input id="password" name="password" type="password" autocomplete="new-password" required class="py-3 pl-10 block w-full border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500">
65
+ </div>
66
+ <p class="mt-2 text-xs text-gray-500">
67
+ A senha deve ter pelo menos 8 caracteres
68
+ </p>
69
+ </div>
70
+ <div>
71
+ <label for="confirm-password" class="block text-sm font-medium text-gray-700">Confirme sua senha</label>
72
+ <div class="mt-1 relative rounded-md shadow-sm">
73
+ <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
74
+ <i data-feather="lock" class="h-4 w-4 text-gray-400"></i>
75
+ </div>
76
+ <input id="confirm-password" name="confirm-password" type="password" autocomplete="new-password" required class="py-3 pl-10 block w-full border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500">
77
+ </div>
78
+ </div>
79
+ <div class="flex items-center">
80
+ <input id="terms" name="terms" type="checkbox" class="h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded" required>
81
+ <label for="terms" class="ml-2 block text-sm text-gray-700">
82
+ Eu concordo com os <a href="#" class="font-medium text-indigo-600 hover:text-indigo-500">Termos de Serviço</a> e <a href="#" class="font-medium text-indigo-600 hover:text-indigo-500">Política de Privacidade</a>
83
+ </label>
84
+ </div>
85
+ <div>
86
+ <button type="submit" class="w-full flex justify-center py-3 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
87
+ Criar conta
88
+ </button>
89
+ </div>
90
+ </form>
91
+ </div>
92
+ <div class="px-10 py-5 bg-gray-50 border-t border-gray-200 text-center">
93
+ <p class="text-xs text-gray-500">
94
+ Sistema desenvolvido pela Universidade Federal de Santa Maria (UFSM)
95
+ </p>
96
+ </div>
97
+ </div>
98
+ </div>
99
+ </div>
100
+ </div>
101
+
102
+ <script>
103
+ AOS.init();
104
+ feather.replace();
105
+ </script>
106
+ </body>
107
+ </html>