-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
159 lines (136 loc) · 7.33 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
<html>
<head>
<meta charset="UTF-8">
<!--
<link rel="apple-touch-icon" type="image/png"
href="https://cpwebassets.codepen.io/assets/favicon/apple-touch-icon-5ae1a0698dcc2402e9712f7d01ed509a57814f994c660df9f7a952f3060705ee.png">
<meta name="apple-mobile-web-app-title" content="CodePen">
<link rel="shortcut icon" type="image/x-icon"
href="https://cpwebassets.codepen.io/assets/favicon/favicon-aec34940fbc1a6e787974dcd360f2c6b63348d4b1f4e06c77743096d55480f33.ico">
<link rel="mask-icon" type="image/x-icon"
href="https://cpwebassets.codepen.io/assets/favicon/logo-pin-8f3771b1072e3c38bd662872f6b673a722f4b3ca2421637d5596661b4e2132cc.svg"
color="#111">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
-->
<title>Survey Form</title>
<link rel="stylesheet" href="page.css">
<!--
<script>
window.console = window.console || function (t) { };
</script>
<script>
if (document.location.search.match(/type=embed/gi)) {
window.parent.postMessage("resize", "*");
}
</script>
-->
</head>
<body>
<div class="main">
<header>
<h1 id="title" class="text-center">Mein Umfrageformular</h1>
<p id="description" class="description text-center">Vielen Dank für Ihre Teilnahme an unserer Umfrage.</p>
</header>
<form action="" id="survey-form">
<div class="form-group">
<label id="name-label" for="name">Name</label>
<input type="text" name="name" id="name" class="form-control" placeholder="Geben Sie Ihren Namen ein" required="">
</div>
<div class="form-group">
<label id="email-label" for="email">Email</label>
<input type="email" name="email" id="email" class="form-control" placeholder="Geben Sie Ihre E-Mail Adresse ein"
required="">
</div>
<div class="form-group">
<label id="number-label" for="number">Zeitalter<span class="clue">(optional)</span></label>
<input type="number" name="age" id="number" min="10" max="99" class="form-control" placeholder="Zeitalter">
</div>
<div class="form-group">
<p>Welche Option beschreibt Ihre aktuelle Rolle am besten?</p>
<select id="dropdown" name="role" class="form-control" required="">
<option disabled="" selected="" value="">Aktuelle Rolle auswählen</option>
<option value="student">Student</option>
<option value="job">Full Time Job</option>
<option value="learner">Full Time Learner</option>
<option value="preferNo">Prefer not to say</option>
<option value="other">Other</option>
</select>
</div>
<div class="form-group">
<p>Würden Sie freeCodeCamp einem Freund empfehlen?</p>
<label>
<input name="user-recommend" value="definitely" type="radio" class="input-radio"
checked="">Bestimmt</label>
<label>
<input name="user-recommend" value="maybe" type="radio" class="input-radio">Vielleicht</label>
<label><input name="user-recommend" value="not-sure" type="radio" class="input-radio">Nicht Sicher</label>
</div>
<div class="form-group">
<p>
Was ist Ihr Lieblingsfeature von freeCodeCamp?
</p>
<select id="most-like" name="mostLike" class="form-control" required="">
<option disabled="" selected="" value="">Wähle eine Option</option>
<option value="challenges">Herausforderungen</option>
<option value="projects">Projekte</option>
<option value="community">Gemeinschaft</option>
<option value="openSource">Open Source</option>
</select>
</div>
<div class="form-group">
<p>
Was würden Sie gerne verbessert sehen?
<span class="clue">(Check all that apply)</span>
</p>
<label><input name="prefer" value="front-end-projects" type="checkbox" class="input-checkbox">Frontend-Projekte</label>
<label>
<input name="prefer" value="back-end-projects" type="checkbox" class="input-checkbox">Backend-Projekte</label>
<label><input name="prefer" value="data-visualization" type="checkbox" class="input-checkbox">Datenvisualisierung</label>
<label><input name="prefer" value="challenges" type="checkbox" class="input-checkbox">Herausforderungen</label>
<label><input name="prefer" value="open-source-community" type="checkbox" class="input-checkbox">Open
Source
Community</label>
<label><input name="prefer" value="gitter-help-rooms" type="checkbox" class="input-checkbox">Gitter help
rooms</label>
<label><input name="prefer" value="videos" type="checkbox" class="input-checkbox">Videos</label>
<label><input name="prefer" value="city-meetups" type="checkbox" class="input-checkbox">Treffen in der Stadt</label>
<label><input name="prefer" value="wiki" type="checkbox" class="input-checkbox">Wiki</label>
<label><input name="prefer" value="forum" type="checkbox" class="input-checkbox">Forum</label>
<label><input name="prefer" value="additional-courses" type="checkbox" class="input-checkbox">
Zusätzliche Kurse</label>
</div>
<div class="form-group">
<p>Irgendwelche Kommentare oder Vorschläge?</p>
<textarea id="comments" class="input-textarea" name="comment"
placeholder="Geben Sie hier Ihren Kommentar ein..."></textarea>
</div>
<div class="form-group">
<button type="submit" id="submit" class="submit-button">
Schicken
</button>
</div>
</form>
<br>
<br>
<hr>
<p>**Diese Webseite wurde als Probearbeiten im freecodecamp-Training von Murat Kahraman bearbeitet.
<a href="https://www.freecodecamp.com/" target="_blank">freeCodeCamp <i
class="fab fa-free-code-camp"></i></a>
</p>
<br>
</div>
<!--
<script
src="https://cpwebassets.codepen.io/assets/common/stopExecutionOnTimeout-1b93190375e9ccc259df3a57c1abc0e64599724ae30d7ea4c6877eb615f89387.js"></script>
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<div id="fcc_test_suite_wrapper" style="position: relative !important; z-index: 99999 !important;"></div>
<script id="rendered-js">
// coded by @lasjorg
// eslint-disable-next-line no-unused-vars
const projectName = 'survey-form';
//# sourceURL=pen.js
</script>
-->
</body>
</html>