-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
69 lines (56 loc) · 3.06 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Teste perfil de trabalho (EPT) </title>
<link rel="stylesheet" href="./src/css/reset.css">
<link rel="stylesheet" href="./src/css/estilos.css">
<link rel="stylesheet" href="./src/css/responsivo.css">
</head>
<body>
<header>
<img src="./src/imagens/logo-sem-fundo.png" class="cabecalho" alt="Cabeçalho">
</header>
<main>
<h1 class="titulo-da-pagina">Teste de EPT</h1>
<h2>Teste de Estilo Pessoal de Trabalho</h2>
<div class="grupoIntroducao" id="grupoIntroducao">
<p>O teste Business Chemistry, também conhecido como Teste de EPT (Estilo Pessoal de Trabalho), foi criado por Kim Christfort e Suzanne Vickberg e define 4 perfis de trabalho: Pioneiro, Conciliador, Condutor e Guardião.</p>
<p>Todos nós somos uma combinação única de todos os quatro estilos, mas a maioria das pessoas se associa fortemente a um ou dois estilos que caracterizam seus comportamentos sociais.</p>
<p>A seguir, serão apresentados 15 grupos de palavras e, de cada um deles, escolha aquela lhe agrada mais.</p>
<p>Não demore a escolher, faça isso o mais rápido que puder, com base em sua reação imediata ou intuitiva às palavras.</p>
<p>Quando estiver pronto, clique em "Começar" para iniciar.</p>
</div>
<section class="oculto grupoProgresso" id="grupoProgresso">
<progress id="barraProgresso" max="100" value="0"></progress>
<div id="progressoDetalhe">0%</div>
</section>
<section class="oculto grupoDetalheUsuario" id="grupoDetalheUsuario">
<label for="nomeCompleto">Nome completo:</label>
<input type="text" id="nomeCompleto" name="nomeCompleto" required><br>
<label for="email">E-mail:</label>
<input type="email" id="email" name="email" required><br>
<label for="Empresa">Empresa:</label>
<select id="empresa" name="empresa">
<option value="">Selecione uma empresa</option>
<option value="Automec">Automec</option>
<option value="Outras">Outras</option>
</select>
<button id="ok">OK</button>
</section>
<section class="grupoBotoes">
<button id="botaoComecar">Começar</button>
<div id="grupoOpcoes" class="oculto grupoOpcoes"></div>
<button id="botaoProxima" class="oculto">Próxima</button>
<button type="submit" id="botaoEnviar" class="oculto">ENVIAR</button>
</section>
<section class="resultado">
<div class="textoFinal" id="textoFinal"></div>
<div class="barraPorcentagem" id="barraPorcentagem"></div>
<div class="imagensResultados" id="imagensResultados"></div>
</section>
</main>
<script src="./src/js/index.js"></script>
</body>
</html>