-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
120 lines (111 loc) · 4.16 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name = "viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<title>Curso Básico de Programação</title>
<script src="https://kit.fontawesome.com/68c6bccf2e.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header><h1>Curso Básico de Programação Brainstorm Engenharia</h1>
<img src="https://svgshare.com/i/_Nc.svg" alt="">
</header>
<main>
<form for = "submit" id = "form" class = "formpink" action="">
<div class = "gridform">
<div class = "textinputs">
<label for=""><p><i class="fas fa-signature"></i> Nome Completo</p></label>
<input title = "Digite somente letras"type="text" placeholder="Nome Completo" id = "name">
<p id = "nametitle" class = "titles"></p>
<label for=""><p><i class="fas fa-phone-alt"></i> Número de Telefone</p></label>
<input title = "Digite um número de telefone válido" type="text" placeholder="Número de Telefone" id = "phone">
<p id = "phonetitle" class = "titles"></p>
<label for=""><p><i class="fas fa-birthday-cake"></i> Data de Nascimento</p></label>
<input type="date" required placeholder="data de Nascimento" id = "birthdate">
<p id = "birthtitle"></p>
<label for=""><p><i class="fas fa-at"></i> E-mail</p></label>
<input title = "Digite um formato válido de E-mail" type="text" placeholder="E-mail" id = "email">
<p id = "emailtitle" class = "titles"></p>
<label for=""><p><i class="fas fa-city"></i> Cidade e Estado</p></label>
<input title = "Digite Sua cidade/estado" type="text" placeholder="Cidade e Estado" id = "city">
<p id = "citytitle" class = "titles"></p>
<label for=""><p><i class="fas fa-university"></i> Faculdade/Escola</p></label>
<input title = "Digite somente letras" type="text" placeholder="Faculdade/Escola" id = "college">
<p id = "collegetitle" class = "titles"></p>
</div>
<div class = "divisor"></div>
<div title = "Escolha uma opção" class = "radios">
<div class = "radios1">
<p><i class="fas fa-graduation-cap"></i> Formação Acadêmica</p>
<p class ="titles" id = "radios1title"></p>
<span>
<input type="radio" name ="knowing" id ="FC">
<label for="FC">Ensino Fundamental Completo</label>
</span>
<span>
<input type="radio"name ="knowing" id = "FI">
<label for="FI">Ensino Fundamental Incompleto</label>
</span>
<span>
<input type="radio" name ="knowing" id = "MC">
<label for="MC">Ensino Médio Completo</label>
</span>
<span>
<input type="radio" name ="knowing" id = "MI">
<label for="MI">Ensino Médio Incompleto</label>
</span>
<span>
<input type="radio" name ="knowing" id = "SC">
<label for="SC">Ensino Superior Completo</label>
</span>
<span>
<input type="radio" name ="knowing" id = "SI">
<label for="SI">Ensino Superior Incompleto</label>
</span>
<span>
<input type="radio" name ="knowing" id = "outro">
<label for="outro">Outro</label>
</span>
</div>
<div class = "radios2">
<p><i class="fas fa-network-wired"></i> Como ficou sabendo do curso?</p>
<p class ="titles" id = "radios2title"></p>
<span>
<input type="radio" name = "radio2" id = "ig">
<label for="ig">Instagram</label>
</span>
<span>
<input type="radio" name = "radio2" id = "fc">
<label for="fc">Facebook</label>
</span>
<span>
<input type="radio" name = "radio2" id = "tt">
<label for = "tt">Twitter</label>
</span>
<span>
<input type="radio" name = "radio2" id = "lk">
<label for="lk">Linkedin</label>
</span>
<span>
<input type="radio" name = "radio2" id ="BS">
<label for="BS">Site da Brainstorm Engenharia</label>
</span>
<span>
<input type="radio" name = "radio2" id = "friend">
<label for="friend">Indicação de amigo</label>
</span>
<span>
<input type="radio" name = "radio2" id = "other">
<label for="other">Outro</label>
</span>
</div>
</div>
</div>
<button type="submit" id = "paycheck">Enviar</button>
</form>
</main>
<script src = "app.js"></script>
</body>
</html>