-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
265 lines (255 loc) · 10.7 KB
/
Copy pathindex.html
File metadata and controls
265 lines (255 loc) · 10.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
<!doctype html>
<html lang="pt-BR">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Flash CNH | Estude para a prova teórica da CNH</title>
<meta
name="description"
content="Flash CNH é um app de estudos para a prova teórica da CNH com módulos, flashcards, quizzes, simulados e progresso individual."
/>
<meta name="theme-color" content="#0B6B70" />
<meta property="og:title" content="Flash CNH" />
<meta
property="og:description"
content="Estudo por módulos, flashcards, quizzes e simulados para a prova teórica da CNH."
/>
<meta property="og:type" content="website" />
<meta property="og:image" content="assets/logo-flash-cnh.png" />
<link rel="icon" href="assets/logo-flash-cnh.png" type="image/png" />
<link rel="stylesheet" href="styles.css" />
<script src="script.js" defer></script>
</head>
<body>
<a class="skip-link" href="#conteudo">Ir para o conteúdo</a>
<header class="site-header" data-header>
<nav class="nav-shell" aria-label="Navegação principal">
<a class="brand" href="#topo" aria-label="Flash CNH - início">
<img src="assets/logo-flash-cnh.png" alt="" width="44" height="44" />
<span>Flash CNH</span>
</a>
<div class="nav-links" aria-label="Seções da landing page">
<a href="#recursos">Recursos</a>
<a href="#como-funciona">Como funciona</a>
<a href="#simulados">Simulados</a>
<a href="#baixar">Baixar</a>
</div>
<a class="nav-cta" href="#baixar">Começar agora</a>
</nav>
</header>
<main id="conteudo">
<section id="topo" class="hero-section">
<div class="hero-grid page-shell">
<div class="hero-copy reveal">
<p class="eyebrow">Estudo para DETRAN/CNH</p>
<h1>Prepare-se para a prova teórica com clareza, prática e ritmo.</h1>
<p class="hero-lead">
O Flash CNH organiza sua revisão em módulos, flashcards, quizzes e simulados
para transformar conteúdo de trânsito em prática diária objetiva.
</p>
<div class="hero-actions" aria-label="Ações principais">
<a class="button primary" href="#baixar">Baixar o app</a>
<a class="button secondary" href="#recursos">Conhecer recursos</a>
</div>
</div>
<div class="hero-visual reveal" aria-label="Prévia visual do aplicativo Flash CNH">
<div class="road-card">
<div class="road-line" aria-hidden="true"></div>
<img class="app-logo" src="assets/logo-flash-cnh.png" alt="Logo Flash CNH" />
<div class="phone-mock" aria-hidden="true">
<div class="phone-bar"></div>
<div class="phone-hero">
<span>Seu progresso hoje no Flash CNH</span>
<strong>62%</strong>
<small>progresso geral</small>
</div>
<div class="mini-card active">
<span>Flashcards</span>
<strong>Rodada de 10</strong>
</div>
<div class="mini-card">
<span>Quiz por módulo</span>
<strong>Feedback imediato</strong>
</div>
<div class="mini-card">
<span>Simulado</span>
<strong>Correção final</strong>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="metrics-strip" aria-label="Números e princípios do Flash CNH">
<div class="page-shell metrics-grid">
<article>
<strong>4</strong>
<span>módulos oficiais organizados</span>
</article>
<article>
<strong>1500</strong>
<span>questões normalizadas da base oficial</span>
</article>
<article>
<strong>1082</strong>
<span>flashcards derivados para revisão</span>
</article>
</div>
</section>
<section id="recursos" class="section page-shell">
<div class="section-heading reveal">
<p class="eyebrow">Recursos principais</p>
<h2>Uma experiência de estudo feita para avançar sem confusão.</h2>
<p>
O aplicativo combina estudo guiado, repetição ativa e simulados com uma linguagem
visual clara, inspirada em trânsito e educação.
</p>
</div>
<div class="feature-grid">
<article class="feature-card reveal">
<div class="icon-badge">01</div>
<h3>Estudo por módulos</h3>
<p>Revise conteúdo de CNH em trilhas organizadas, com progresso por módulo e entradas diretas para prática.</p>
</article>
<article class="feature-card reveal">
<div class="icon-badge">02</div>
<h3>Flashcards objetivos</h3>
<p>Rodadas curtas de até 10 cards aleatórios, sem repetição, para reforçar conceitos e placas.</p>
</article>
<article class="feature-card reveal">
<div class="icon-badge">03</div>
<h3>Quiz com feedback</h3>
<p>Responda por módulo, veja se acertou na hora e leia comentários para entender o motivo.</p>
</article>
<article class="feature-card reveal">
<div class="icon-badge">04</div>
<h3>Simulados configuráveis</h3>
<p>Escolha nível, quantidade de questões e módulos opcionais. O feedback aparece no final.</p>
</article>
</div>
</section>
<section id="como-funciona" class="section section-dark">
<div class="page-shell split-section">
<div class="section-heading light reveal">
<p class="eyebrow">Como funciona</p>
<h2>Menos distração. Mais prática útil.</h2>
<p>
O Flash CNH evita competição global e foca no que importa para o candidato:
entender, revisar, praticar e acompanhar a própria evolução.
</p>
</div>
<ol class="steps-list reveal">
<li>
<span>1</span>
<div>
<h3>Escolha um módulo</h3>
<p>Comece por placas, escolhas no trânsito, segurança ou preservação.</p>
</div>
</li>
<li>
<span>2</span>
<div>
<h3>Revise com flashcards</h3>
<p>Marque o que acertou ou errou e refaça rodadas quando precisar.</p>
</div>
</li>
<li>
<span>3</span>
<div>
<h3>Pratique com quizzes</h3>
<p>Use feedback imediato para corrigir dúvidas antes do simulado.</p>
</div>
</li>
<li>
<span>4</span>
<div>
<h3>Faça simulados</h3>
<p>Treine no formato de prova e veja recomendações por módulo ao final.</p>
</div>
</li>
</ol>
</div>
</section>
<section id="simulados" class="section page-shell">
<div class="showcase-grid">
<div class="showcase-card reveal">
<span class="tag">Simulados</span>
<h2>Treinos com nível, quantidade e módulos opcionais.</h2>
<p>
Configure simulados com 10, 20, 30 ou 50 questões. O app mantém a tentativa sem cronômetro,
sem pausa e com correção apenas no resultado final.
</p>
<ul class="check-list">
<li>Questões sem repetição na tentativa</li>
<li>Alternativas embaralhadas uma vez</li>
<li>Comentários nas questões erradas</li>
<li>Recomendações de revisão por módulo</li>
</ul>
</div>
<div class="score-panel reveal" aria-label="Exemplo visual de resultado de simulado">
<div class="score-ring">
<span>84%</span>
<small>aproveitamento</small>
</div>
<div class="score-lines">
<span style="--w: 86%"></span>
<span style="--w: 62%"></span>
<span style="--w: 74%"></span>
</div>
</div>
</div>
</section>
<section id="baixar" class="download-section">
<div class="page-shell download-card reveal">
<div>
<p class="eyebrow">Disponível para Android</p>
<h2>Comece sua preparação com o Flash CNH.</h2>
<p>
Instale o app, entre com sua conta e acompanhe seu estudo por módulos, flashcards,
quizzes e simulados.
</p>
</div>
<div class="store-actions" aria-label="Links para baixar o aplicativo">
<a
class="store-button play-store"
href="https://play.google.com/store/apps/details?id=br.com.erlondnjr.flash_cnh"
target="_blank"
rel="noopener noreferrer"
aria-label="Abrir Flash CNH na Play Store"
>
<span>Disponível no</span>
<strong>Google Play</strong>
</a>
<!-- Botão App Store preparado para publicação futura.
<a
class="store-button app-store"
href="#"
target="_blank"
rel="noopener noreferrer"
aria-label="Abrir Flash CNH na App Store"
>
<span>Baixar na</span>
<strong>App Store</strong>
</a>
-->
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="page-shell footer-grid">
<div>
<a class="brand footer-brand" href="#topo" aria-label="Flash CNH - início">
<img src="assets/logo-flash-cnh.png" alt="" width="40" height="40" />
<span>Flash CNH</span>
</a>
<p>Estudo claro para a prova teórica da CNH, com prática recorrente.</p>
</div>
<div class="footer-links">
<a href="/compliance/politica-privacidade.html" target="_blank" rel="noopener noreferrer">Política de Privacidade</a>
<a href="compliance/termos-de-uso.html" target="_blank" rel="noopener noreferrer">Termos de Uso</a>
</div>
</div>
</footer>
</body>
</html>