-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
184 lines (184 loc) · 6.42 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
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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>FCC Survey Form</title>
<meta
name="description"
content="Simple survey form for freeCodeCamp project."
/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="resources/css/main.css" />
</head>
<body>
<div class="container-main">
<h1 id="title">
FCC Survey Form
</h1>
<div class="container-survey">
<p id="description">How can freeCodeCamp be improved?</p>
<form id="survey-form">
<!-- Name Row -->
<div id="name-row" class="row">
<div class="col-1">
<label id="name-label" for="name">Name:</label>
</div>
<div class="col-2">
<input
id="name"
type="text"
placeholder="Enter name here..."
required
/>
</div>
</div>
<!-- Email Row -->
<div id="email-row" class="row">
<div class="col-1">
<label id="email-label" for="email">Email:</label>
</div>
<div class="col-2">
<input
id="email"
type="email"
placeholder="Enter email here..."
required
/>
</div>
</div>
<!-- Age Row -->
<div id="age-row" class="row">
<div class="col-1">
<label id="number-label" for="number">Age:</label>
</div>
<div class="col-2">
<input
id="number"
type="number"
min="1"
max="999"
placeholder="Enter age here..."
required
/>
</div>
</div>
<!-- Dropdown Row -->
<div id="dropdown-row" class="row">
<div class="col-1">
<label id="dropdown-label" for="dropdown">
Are you a student or employed?
</label>
</div>
<div class="col-2">
<select id="dropdown">
<option value="1">Student</option>
<option value="2">Full-Time Job</option>
<option value="3">Full-Time Learner</option>
<option value="4">Prefer not to say</option>
<option value="5">Other</option>
</select>
</div>
</div>
<!-- Recomendation Row -->
<div id="recomendation-row" class="row">
<div class="col-1">
<label id="recomendation-label" for="recomendation"
>How likely are you to recomend freeCodeCamp to a friend?
</label>
</div>
<div class="col-2">
<input type="radio" name="recomendation" value="definitely" />
Definitely
<br />
<input type="radio" name="recomendation" value="maybe" /> Maybe
<br />
<input type="radio" name="recomendation" value="not-sure" /> Not
Sure
</div>
</div>
<!-- Like Row -->
<div id="like-row" class="row">
<div class="col-1">
<label id="recomendation-label" for="like"
>What do you like most about FCC?
</label>
</div>
<div class="col-2">
<select id="dropdown">
<option value="1">Challenges</option>
<option value="2">Projects</option>
<option value="3">Community</option>
<option value="4">Open Source</option>
</select>
</div>
</div>
<!-- Improve Row -->
<div id="improve-row" class="row">
<div class="col-1">
<label id="improve-label"
>What are some things to be improved? <br />
(Check all that apply)
</label>
</div>
<div class="col-2">
<input type="checkbox" name="improve1" value="front-end" />
Front-End Projects<br />
<input type="checkbox" name="improve2" value="back-end" />
Back-End Projects<br />
<input
type="checkbox"
name="improve3"
value="data-visualization"
/>
Data Visualization<br />
<input type="checkbox" name="improve4" value="challenges" />
Challenges<br />
<input type="checkbox" name="improve5" value="open-source" />
Open Source Community<br />
<input type="checkbox" name="improve6" value="gitter-help" />
Gitter Help Rooms<br />
<input type="checkbox" name="improve7" value="videos" />
Videos<br />
<input type="checkbox" name="improve8" value="meetups" />
City Meetups<br />
<input type="checkbox" name="improve9" value="wiki" />
Wiki<br />
<input type="checkbox" name="improve10" value="forum" />
Forum<br />
<input type="checkbox" name="improve11" value="courses" />
Additional Courses<br />
</div>
</div>
<!-- Additional Comments Row -->
<div id="comments-row" class="row">
<div class="col-1">
<label id="comments-label" for="comments"
>Additional Comments:</label
>
</div>
<div class="col-2">
<textarea
id="comments"
placeholder="Enter your comments here..."
></textarea>
</div>
</div>
<!-- Submit Button -->
<input type="submit" id="submit" />
</form>
</div>
<footer class="text-center" id="page-footer">
Coded by
<a href="https://freecodecamp.org/ryanmaxiemus" target="_blank"
>Ryan Maxie</a
>
</footer>
</div>
</body>
</html>