-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
141 lines (107 loc) · 5.18 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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
<!-- META -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<!-- FONTS -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,400;0,500;0,800;1,500&display=swap" rel="stylesheet">
<!-- STYLESHEETS -->
<link rel="stylesheet" href="styles/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="styles/styles.css" type="text/css" media="all">
<!-- TITLE -->
<title>Survey Form</title>
</head>
<body>
<header id="header">
<h1 id="title">CodeCourse</h1>
<p id="description">¡Gracias por tomarte el tiempo y darnos tu feedback sobre nuestro curso!</p>
</header>
<main id="main">
<form id="survey-form">
<!-- NAME -->
<div class="name-div">
<label for="name" id="name-label">Nombre</label><br>
<input type="text" id="name" name="name" placeholder=" Ingrese su nombre" required><br>
</div>
<!-- EMAIL -->
<div class="email-div">
<label for="email" id="email-label">Email</label><br>
<input type="email" id="email" name="email" placeholder=" Ingrese su email" required><br>
</div>
<!-- AGE -->
<div class="age-div">
<label for="number" id="number-label">Edad</label><br>
<input type="number" id="number" name="number" min="10" max="99" placeholder=" Ingrese su edad"><br>
</div>
<!-- ROLE-DROPDOWN -->
<div class="drop1-div">
<label for="dropdown" id="role-dropdown">¿Qué opción describe mejor tu posición actual?</label><br>
<select id="dropdown" name="dropdown">
<option value="" disabled selected > Seleccione el puesto actual</option>
<option value="Estudiante">Estudiante</option>
<option value="Profesional">Profesional</option>
<option value="Prefiero no decirlo">Prefiero no decirlo</option>
<option value="Otro">Otro</option>
</select><br>
</div>
<!-- RADIO-BUTTONS -->
<div class="radio-div">
<p id="radio-description">¿Recomendarias CodeCourse a tus amigos?</P><br>
<input type="radio" id="definitivamente" name="recomendacion" value="definitivamente">
<label for="definitivamente">Definitivamente</label><br>
<input type="radio" id="tal-vez" name="recomendacion" value="tal-vez">
<label for="tal-vez">Tal vez</label><br>
<input type="radio" id="no-estoy-seguro" name="recomendacion" value="no-estoy-seguro">
<label for="no-estoy-seguro">No estoy seguro</label><br>
</div>
<!-- FEATURE-DROPDOWN -->
<div class="feature-div">
<label for="dropdown-2" id="feature-dropdown">¿Qué sección de CodeCourse te gustó más?</label><br>
<select id="dropdown-2" name="dropdown-2">
<option value="" disabled selected>Seleccione una opcion</option>
<option value="Desafios">Desafios</option>
<option value="Proyectos">Proyectos</option>
<option value="Comunidad">Comunidad</option>
<option value="Open-Source">Open Source</option>
</select><br>
</div>
<!-- CHECKBOXES -->
<div class="check-div">
<p id="check-description">¿En qué te gustaría que mejoremos?</p><br>
<input type="checkbox" id="mejora-1" name="mejora-1" value="Front-end">
<label for="mejora-1">Proyectos de Front-End</label><br>
<input type="checkbox" id="mejora-2" name="mejora-2" value="Back-end">
<label for="mejora-2">Proyectos de Back-End</label><br>
<input type="checkbox" id="mejora-3" name="mejora-3" value="Visualizacion">
<label for="mejora-3">Visualización de Data</label><br>
<input type="checkbox" id="mejora-4" name="mejora-4" value="Desafios">
<label for="mejora-4">Desafíos</label><br>
<input type="checkbox" id="mejora-5" name="mejora-5" value="Open-Source">
<label for="mejora-5">Comunidad de Open-Source</label><br>
<input type="checkbox" id="mejora-6" name="mejora-6" value="Ayuda">
<label for="mejora-6">Mesas de ayuda</label><br>
<input type="checkbox" id="mejora-7" name="mejora-7" value="Videos">
<label for="mejora-7">Videos</label><br>
<input type="checkbox" id="mejora-8" name="mejora-8" value="Meetups">
<label for="mejora-8">Meetups</label><br>
<input type="checkbox" id="mejora-9" name="mejora-9" value="Wiki">
<label for="mejora-9">Wiki</label><br>
<input type="checkbox" id="mejora-10" name="mejora-10" value="Foro">
<label for="mejora-10">Foro</label><br>
<input type="checkbox" id="mejora-11" name="mejora-11" value="Cursos">
<label for="mejora-11">Cursos adicionales</label><br>
</div>
<!-- TEXT-AREA -->
<div class="area-div">
<label for="review">¿Algun comentario o recomendación?</label><br>
<textarea id="review" name="review" rows="4" cols="50" placeholder="Escriba su comentario aquí..."></textarea><br>
</div>
<!-- SUBMIT BUTTON -->
<div class="button-div">
<input type="submit" id="submit" value="Submit">
</div>
</form>
</main>
</body>
</html>