-
Notifications
You must be signed in to change notification settings - Fork 27
/
Copy pathhtml-quiz-form.html
418 lines (394 loc) · 35.2 KB
/
html-quiz-form.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
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
<div class="formbold-main-wrapper">
<!-- Author: FormBold Team -->
<!-- Learn More: https://formbold.com -->
<div class="formbold-form-wrapper">
<svg class="formbold-img" width="490" height="237" viewBox="0 0 490 237" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M194.07 236.498C204.176 236.498 212.369 228.299 212.369 218.184C212.369 208.069 204.176 199.869 194.07 199.869C183.965 199.869 175.772 208.069 175.772 218.184C175.772 228.299 183.965 236.498 194.07 236.498Z" fill="#6A64F1"/>
<path d="M303.385 235.469C313.622 232.392 324.505 229.183 332.623 221.868C339.878 215.331 344.776 205.35 341.77 195.546C338.771 185.763 329.787 179.24 320.512 175.995C315.251 174.155 309.748 173.134 304.246 172.332C298.265 171.46 292.258 170.746 286.254 170.059C261.942 167.276 237.539 165.575 213.044 164.958C200.957 164.653 188.873 164.661 176.785 164.836C165.989 164.993 154.619 164.989 144.604 160.397C136.816 156.826 129.748 150.328 127.578 141.79C125.073 131.934 129.693 121.897 136.321 114.759C139.815 110.997 143.898 107.83 148.11 104.918C152.679 101.759 157.408 98.8242 162.24 96.0843C171.755 90.6905 181.703 86.1001 191.981 82.3608C197.051 80.5157 202.196 78.9237 207.386 77.4551C211.768 76.215 216.164 74.9732 220.4 73.2836C228.588 70.0173 236.375 64.4846 238.457 55.4143C240.43 46.8178 237.104 37.4856 231.271 31.0994C224.524 23.711 214.35 20.4722 204.596 19.9482C193.645 19.3599 182.947 22.1029 172.655 25.5842C161.677 29.2973 150.936 33.5667 139.727 36.5743C128.611 39.5538 117.28 41.6619 105.837 42.8795C100.235 43.4766 94.4643 44.1507 88.8292 43.6936C84.1065 43.3106 79.4079 41.9204 75.9274 38.5657C72.943 35.6892 71.1652 31.7359 71.7764 27.564C71.8874 26.8063 73.0374 27.1284 72.9271 27.8815C72.1831 32.9599 75.632 37.6395 79.8821 40.0366C84.794 42.807 90.7711 42.8108 96.2397 42.494C108.097 41.7772 119.875 40.0731 131.45 37.3995C142.823 34.7993 153.791 31.0824 164.746 27.1118C175.15 23.3407 185.787 19.6602 196.903 18.8434C206.548 18.1347 216.693 19.541 225.096 24.5859C232.48 29.0196 237.91 36.4137 239.64 44.8985C241.331 53.1897 238.99 61.5349 232.719 67.3208C226.227 73.3114 217.324 75.8726 209.028 78.2314C198.506 81.2232 188.209 84.7204 178.243 89.2613C168.14 93.851 158.451 99.3029 149.284 105.557C140.435 111.609 131.701 119.225 128.903 130.023C127.599 135.053 127.84 140.388 130.021 145.138C131.961 149.363 135.155 152.916 138.876 155.657C147.755 162.196 158.946 163.539 169.671 163.672C181.716 163.822 193.762 163.415 205.812 163.613C230.368 164.017 254.874 165.513 279.33 168.101C285.458 168.751 291.578 169.468 297.691 170.254C303.189 170.961 308.705 171.664 314.111 172.92C323.722 175.153 333.075 179.446 339.049 187.602C341.7 191.138 343.342 195.328 343.801 199.724C344.219 204.313 343.097 208.909 341.024 212.991C336.437 222.025 327.844 227.771 318.719 231.546C313.832 233.568 308.762 235.1 303.702 236.621C302.965 236.843 302.65 235.69 303.385 235.469L303.385 235.469Z" fill="#F2F2F2"/>
<path d="M72.5469 37.2262C77.8195 37.2262 82.0937 32.948 82.0937 27.6707C82.0937 22.3934 77.8195 18.1152 72.5469 18.1152C67.2743 18.1152 63 22.3934 63 27.6707C63 32.948 67.2743 37.2262 72.5469 37.2262Z" fill="#F2F2F2"/>
<path d="M138.778 55.3414C144.051 55.3414 148.325 51.0633 148.325 45.7859C148.325 40.5086 144.051 36.2305 138.778 36.2305C133.506 36.2305 129.231 40.5086 129.231 45.7859C129.231 51.0633 133.506 55.3414 138.778 55.3414Z" fill="#F2F2F2"/>
<path d="M194.866 19.1109C200.139 19.1109 204.413 14.8328 204.413 9.55546C204.413 4.27813 200.139 0 194.866 0C189.593 0 185.319 4.27813 185.319 9.55546C185.319 14.8328 189.593 19.1109 194.866 19.1109Z" fill="#F2F2F2"/>
<path d="M229.871 59.7223C235.144 59.7223 239.418 55.4441 239.418 50.1668C239.418 44.8895 235.144 40.6113 229.871 40.6113C224.599 40.6113 220.324 44.8895 220.324 50.1668C220.324 55.4441 224.599 59.7223 229.871 59.7223Z" fill="#F2F2F2"/>
<path d="M182.535 106.703C187.807 106.703 192.082 102.425 192.082 97.1473C192.082 91.8699 187.807 87.5918 182.535 87.5918C177.262 87.5918 172.988 91.8699 172.988 97.1473C172.988 102.425 177.262 106.703 182.535 106.703Z" fill="#F2F2F2"/>
<path d="M122.469 129.396C127.742 129.396 132.016 125.118 132.016 119.841C132.016 114.563 127.742 110.285 122.469 110.285C117.196 110.285 112.922 114.563 112.922 119.841C112.922 125.118 117.196 129.396 122.469 129.396Z" fill="#F2F2F2"/>
<path d="M186.115 164.832C191.387 164.832 195.662 160.554 195.662 155.276C195.662 149.999 191.387 145.721 186.115 145.721C180.842 145.721 176.568 149.999 176.568 155.276C176.568 160.554 180.842 164.832 186.115 164.832Z" fill="#F2F2F2"/>
<path d="M312.02 180.359C317.293 180.359 321.567 176.081 321.567 170.804C321.567 165.526 317.293 161.248 312.02 161.248C306.748 161.248 302.474 165.526 302.474 170.804C302.474 176.081 306.748 180.359 312.02 180.359Z" fill="#F2F2F2"/>
<path d="M192.11 27.0756C163.513 27.2778 140.097 50.5382 139.691 79.1594C139.687 79.4236 139.686 81.2817 139.686 83.7118C139.686 87.275 141.1 90.6922 143.618 93.2119C146.135 95.7315 149.549 97.1472 153.109 97.1476H153.109C154.874 97.1472 156.621 96.7988 158.251 96.1223C159.881 95.4457 161.362 94.4543 162.609 93.2046C163.856 91.9549 164.845 90.4716 165.52 88.8392C166.194 87.2069 166.54 85.4576 166.538 83.6913C166.537 82.0381 166.536 80.894 166.536 80.8237C166.535 76.4003 167.685 72.0529 169.872 68.2091C172.059 64.3653 175.208 61.1575 179.009 58.9012C182.81 56.6449 187.133 55.4179 191.551 55.3409C195.97 55.2639 200.333 56.3395 204.21 58.4619C208.088 60.5843 211.346 63.6804 213.666 67.4457C215.985 71.211 217.285 75.5157 217.438 79.9364C217.591 84.3571 216.591 88.7416 214.538 92.6584C212.485 96.5753 209.448 99.8897 205.726 102.275L205.731 102.281C205.731 102.281 186.626 114.592 180.801 131.479L180.806 131.48C179.782 134.94 179.263 138.53 179.265 142.138C179.265 143.621 179.353 156.599 179.521 167.132C179.58 170.767 181.064 174.233 183.653 176.782C186.242 179.331 189.728 180.759 193.36 180.758H193.36C195.185 180.758 196.992 180.397 198.677 179.695C200.361 178.993 201.891 177.965 203.177 176.67C204.464 175.374 205.481 173.837 206.172 172.146C206.862 170.456 207.212 168.645 207.201 166.819C207.142 157.172 207.11 145.939 207.11 145.124C207.11 134.754 217.105 124.423 225.315 117.685C234.768 109.926 241.571 99.3532 244.304 87.4263C244.908 84.9708 245.242 82.4563 245.298 79.9279C245.298 72.9549 243.919 66.0509 241.242 59.6135C238.564 53.1762 234.64 47.3327 229.696 42.42C224.752 37.5072 218.886 33.6221 212.435 30.9886C205.984 28.3551 199.077 27.0252 192.11 27.0756Z" fill="#6A64F1"/>
<path d="M489.309 237H0.688726C0.505882 237 0.330711 236.947 0.201607 236.853C0.0725031 236.759 0 236.632 0 236.5C0 236.368 0.0725031 236.241 0.201607 236.147C0.330711 236.053 0.505882 236 0.688726 236H489.309C489.492 236 489.668 236.053 489.798 236.146C489.927 236.24 490 236.367 490 236.5C490 236.633 489.927 236.76 489.798 236.854C489.668 236.947 489.492 237 489.309 237Z" fill="#F2F2F2"/>
<path d="M156.899 90.7917C153.339 90.7913 149.925 89.3756 147.408 86.856C144.89 84.3364 143.476 80.9192 143.476 77.356C143.476 74.9258 143.477 73.0677 143.481 72.8035C143.594 64.4797 145.689 56.3028 149.591 48.9512C143.18 57.7354 139.655 68.2966 139.503 79.1738C139.5 79.4381 139.498 81.2961 139.498 83.7263C139.498 87.2895 140.913 90.7067 143.43 93.2263C145.947 95.7459 149.361 97.1616 152.921 97.1621C155.846 97.1609 158.691 96.2042 161.024 94.4371C163.356 92.67 165.049 90.1891 165.844 87.3715C163.386 89.5775 160.2 90.7957 156.899 90.7917Z" fill="#3F3D56"/>
<path d="M193.02 55.3859C197.136 55.5827 201.142 56.7762 204.695 58.8641C208.249 60.952 211.242 63.8718 213.42 67.3728C215.597 70.8739 216.893 74.8516 217.196 78.9644C217.5 83.0772 216.801 87.2022 215.161 90.9852C217.533 88.1961 219.277 84.9276 220.274 81.4027C221.27 77.8778 221.495 74.1793 220.934 70.5594C220.373 66.9394 219.038 63.4832 217.022 60.4262C215.005 57.3693 212.353 54.7835 209.248 52.8453C206.142 50.907 202.655 49.6618 199.025 49.1945C195.395 48.7272 191.707 49.0489 188.213 50.1375C184.718 51.2262 181.499 53.0562 178.775 55.5029C176.051 57.9496 173.886 60.9554 172.428 64.3154C174.948 61.3482 178.116 58.9999 181.686 57.4517C185.256 55.9035 189.134 55.1968 193.02 55.3859Z" fill="#3F3D56"/>
<path d="M197.15 174.402C193.518 174.403 190.032 172.975 187.443 170.425C184.854 167.876 183.37 164.411 183.311 160.776C183.143 150.243 183.056 137.265 183.056 135.782C183.053 132.174 183.572 128.584 184.596 125.124L184.591 125.123C185.196 123.387 185.927 121.697 186.777 120.066C184.167 123.548 182.09 127.399 180.614 131.493L180.618 131.495C179.594 134.954 179.075 138.544 179.078 142.152C179.078 143.635 179.165 156.613 179.333 167.147C179.392 170.781 180.876 174.247 183.465 176.796C186.054 179.345 189.541 180.773 193.172 180.772C196.167 180.772 199.08 179.799 201.476 178.001C203.871 176.203 205.62 173.676 206.459 170.799C203.914 173.122 200.594 174.407 197.15 174.402Z" fill="#3F3D56"/>
<path d="M56.2862 231.953L61.1627 231.952L63.483 213.125L56.285 213.125L56.2862 231.953Z" fill="#FFB8B8"/>
<path d="M70.5681 236.484L55.2411 236.485L55.2409 230.558L64.6461 230.558C66.2166 230.557 67.7229 231.182 68.8335 232.293C69.9441 233.405 70.568 234.912 70.5681 236.484L70.5681 236.484Z" fill="#2F2E41"/>
<path d="M38.7837 231.953L43.6601 231.952L45.9804 213.125L38.7825 213.125L38.7837 231.953Z" fill="#FFB8B8"/>
<path d="M53.0656 236.484L37.7386 236.485L37.7383 230.558L47.1435 230.558C48.7141 230.557 50.2203 231.182 51.3309 232.293C52.4415 233.405 53.0655 234.912 53.0656 236.484L53.0656 236.484Z" fill="#2F2E41"/>
<path d="M43.0452 226.162L38.2817 225.912C38.0361 225.899 37.7955 225.837 37.5738 225.731C37.3521 225.624 37.1538 225.474 36.9903 225.29C36.8268 225.106 36.7014 224.892 36.6214 224.659C36.5414 224.426 36.5083 224.18 36.5241 223.934L42.2175 160.842L68.4359 167.923L70.962 167.233L63.0626 223.087C62.9953 223.507 62.7869 223.892 62.4717 224.177C62.1565 224.463 61.7534 224.632 61.329 224.657L56.194 224.897C55.9373 224.911 55.6803 224.872 55.4395 224.782C55.1986 224.692 54.9791 224.552 54.7947 224.373C54.6104 224.193 54.4652 223.978 54.3684 223.739C54.2716 223.501 54.2253 223.245 54.2324 222.988L55.1628 189.465C55.1671 189.31 55.1133 189.159 55.0119 189.042C54.9106 188.925 54.769 188.85 54.6151 188.832C54.4612 188.814 54.3062 188.854 54.1805 188.945C54.0549 189.035 53.9678 189.17 53.9363 189.322L44.9635 224.682C44.8788 225.102 44.6513 225.479 44.3199 225.749C43.9885 226.02 43.5736 226.167 43.1459 226.165C43.1126 226.165 43.079 226.165 43.0452 226.162Z" fill="#2F2E41"/>
<path d="M57.1618 109.22C62.5576 109.22 66.9318 104.842 66.9318 99.4409C66.9318 94.0402 62.5576 89.6621 57.1618 89.6621C51.7659 89.6621 47.3917 94.0402 47.3917 99.4409C47.3917 104.842 51.7659 109.22 57.1618 109.22Z" fill="#FFB8B8"/>
<path d="M40.8953 128.169L41.9695 151.368L42.3579 159.808C42.3734 160.175 42.498 160.53 42.7158 160.826C42.9337 161.122 43.2349 161.346 43.5808 161.47L68.775 170.605C68.9785 170.681 69.1941 170.719 69.4113 170.717C69.6594 170.718 69.9053 170.669 70.1341 170.573C70.363 170.477 70.5702 170.336 70.7434 170.158C70.9165 169.98 71.0521 169.769 71.1419 169.537C71.2318 169.306 71.2741 169.059 71.2664 168.81L70.2335 127.098C70.1657 123.676 68.907 120.384 66.6746 117.791C64.4421 115.198 61.3758 113.466 58.0041 112.893C57.7604 112.856 57.5125 112.819 57.2645 112.786C55.1738 112.526 53.0516 112.728 51.0473 113.377C49.0429 114.027 47.2051 115.108 45.6631 116.545C44.0664 118.015 42.8118 119.818 41.9879 121.826C41.164 123.835 40.791 126 40.8953 128.169L40.8953 128.169Z" fill="#CCCCCC"/>
<path d="M80.8101 165.976C80.2142 165.791 79.6698 165.469 79.2203 165.036C78.7708 164.603 78.4287 164.071 78.2212 163.482C78.0137 162.893 77.9467 162.263 78.0254 161.644C78.1041 161.024 78.3264 160.432 78.6745 159.914L70.1309 148.543L77.5035 148.086L84.4864 158.954C85.234 159.533 85.7542 160.356 85.9557 161.28C86.1573 162.204 86.0274 163.17 85.5889 164.007C85.1503 164.845 84.431 165.501 83.5572 165.861C82.6834 166.221 81.7108 166.262 80.8101 165.976H80.8101Z" fill="#FFB8B8"/>
<path d="M74.8031 157.857C74.5768 157.765 74.3709 157.629 74.1974 157.457C74.0239 157.285 73.8862 157.08 73.7923 156.854L60.9207 126.16C60.6681 125.559 60.5363 124.914 60.5329 124.262C60.5295 123.61 60.6544 122.964 60.9006 122.36C61.1469 121.756 61.5095 121.207 61.9679 120.744C62.4262 120.281 62.9713 119.912 63.5719 119.66C64.1725 119.408 64.8169 119.276 65.4683 119.273C66.1197 119.271 66.7653 119.396 67.3682 119.643C67.971 119.89 68.5194 120.253 68.9819 120.712C69.4443 121.172 69.8119 121.717 70.0635 122.319L82.9352 153.014C83.1254 153.469 83.1275 153.981 82.9411 154.438C82.7546 154.894 82.3948 155.258 81.9405 155.45L76.2261 157.85C76.0012 157.946 75.7596 157.995 75.5153 157.996C75.271 157.998 75.029 157.95 74.8031 157.857L74.8031 157.857Z" fill="#CCCCCC"/>
<path d="M54.0206 156.773L66.3835 133.08C66.6219 132.625 67.0311 132.282 67.5215 132.128C68.0118 131.974 68.5431 132.021 68.9989 132.259L86.9436 141.639C87.3989 141.878 87.741 142.287 87.8948 142.778C88.0487 143.269 88.0018 143.801 87.7644 144.257L75.4015 167.95C75.1631 168.406 74.7539 168.748 74.2635 168.902C73.7732 169.056 73.2419 169.009 72.7861 168.771L54.8414 159.391C54.3862 159.153 54.0441 158.743 53.8902 158.252C53.7363 157.761 53.7832 157.23 54.0206 156.773Z" fill="#3F3D56"/>
<path d="M62.3116 145.949C62.0918 145.365 61.7386 144.84 61.2801 144.416C60.8216 143.993 60.2706 143.683 59.6709 143.51C59.0713 143.337 58.4397 143.308 57.8265 143.423C57.2133 143.538 56.6355 143.795 56.1391 144.174L44.2937 136.309L44.2736 143.702L55.5253 150.037C56.1464 150.75 56.9984 151.221 57.9319 151.368C58.8653 151.515 59.8207 151.328 60.6303 150.84C61.4399 150.353 62.0521 149.595 62.3596 148.701C62.667 147.807 62.65 146.832 62.3116 145.949Z" fill="#FFB8B8"/>
<path d="M47.3349 147.612L37.6541 139.937C36.6068 139.585 35.6605 138.984 34.8964 138.185C34.1323 137.386 33.5733 136.414 33.2672 135.352C32.9612 134.289 32.9173 133.168 33.1393 132.085C33.3614 131.002 33.8427 129.989 34.542 129.133L43.332 117.603C43.9428 116.856 44.8018 116.354 45.7521 116.188C46.7023 116.023 47.6803 116.205 48.5072 116.702C49.3341 117.199 49.9547 117.977 50.2556 118.895C50.5565 119.812 50.5176 120.807 50.1459 121.698L43.1911 133.084L53.4118 137.937C53.6494 138.049 53.8605 138.211 54.031 138.412C54.2014 138.612 54.3275 138.847 54.4007 139.1C54.474 139.353 54.4928 139.618 54.4559 139.879C54.419 140.14 54.3272 140.389 54.1867 140.612L50.061 147.147C49.9215 147.368 49.7373 147.557 49.5203 147.701C49.3033 147.846 49.0584 147.944 48.8013 147.988C48.7911 147.989 48.7808 147.991 48.7706 147.993C48.518 148.031 48.2603 148.017 48.0133 147.951C47.7664 147.886 47.5355 147.77 47.3349 147.612Z" fill="#CCCCCC"/>
<path d="M49.7792 105.988C49.7373 105.865 49.724 105.735 49.7403 105.606C49.7566 105.477 49.8022 105.354 49.8735 105.246C49.9448 105.137 50.0399 105.047 50.1515 104.981C50.2632 104.915 50.3884 104.876 50.5176 104.866C50.7822 104.88 51.0412 104.948 51.2788 105.066C51.5165 105.183 51.7279 105.347 51.9004 105.549C52.2539 105.957 52.6656 106.31 53.122 106.599C53.5946 106.837 54.2356 106.803 54.5051 106.348C54.7581 105.922 54.5847 105.35 54.4315 104.854C54.0418 103.592 53.8237 102.284 53.7832 100.964C53.7391 99.4909 53.9467 97.9534 54.7616 96.8043C55.8133 95.3213 57.6939 94.7583 59.4736 94.7992C61.2533 94.84 63.0041 95.3898 64.767 95.7374C65.3755 95.8574 66.0909 95.9188 66.4979 95.4467C66.9307 94.9447 66.7718 94.1323 66.5877 93.4545C66.11 91.6957 65.6032 89.8773 64.4932 88.4569C63.2931 86.9809 61.5788 86.0149 59.6956 85.7534C57.8876 85.5292 56.0523 85.7378 54.3405 86.3619C51.5516 87.2418 49.0975 88.9529 47.3065 91.2665C45.4603 93.7269 44.6625 96.819 45.0876 99.8665C45.5029 102.521 46.9082 104.919 49.02 106.577L49.7792 105.988Z" fill="#2F2E41"/>
<path d="M190.039 232.031C187.44 230.898 185.139 229.176 183.319 227C181.498 224.825 180.208 222.256 179.549 219.495C178.891 216.735 178.882 213.86 179.524 211.096C180.166 208.332 181.441 205.755 183.249 203.568C181.153 205.1 179.407 207.06 178.126 209.318C176.845 211.577 176.059 214.082 175.819 216.668C175.58 219.254 175.892 221.862 176.737 224.317C177.581 226.773 178.937 229.021 180.716 230.912C182.494 232.803 184.654 234.294 187.052 235.285C189.451 236.277 192.032 236.746 194.625 236.663C197.219 236.58 199.765 235.945 202.094 234.802C204.424 233.658 206.484 232.032 208.138 230.031C205.558 231.917 202.53 233.095 199.355 233.446C196.179 233.797 192.967 233.309 190.039 232.031Z" fill="#3F3D56"/>
<path d="M247 137L339.902 137L339.902 114.43L247 114.43L247 137Z" fill="#E6E6E6"/>
<path d="M337.464 116.867L249.438 116.867L249.438 134.562L337.464 134.562L337.464 116.867Z" fill="white"/>
<path d="M320.698 118.974C316.974 118.974 313.955 121.992 313.955 125.715C313.955 129.439 316.974 132.457 320.698 132.457C324.422 132.457 327.441 129.439 327.441 125.715C327.441 121.992 324.422 118.974 320.698 118.974Z" fill="#6A64F1"/>
<path d="M259.46 128.354L304.573 128.354L304.573 126.888L259.46 126.888L259.46 128.354Z" fill="#6A64F1"/>
<path d="M259.46 124.543L304.573 124.543L304.573 123.077L259.46 123.077L259.46 124.543Z" fill="#6A64F1"/>
<path d="M373.756 102.695L295.15 96.9631L295.15 76.3293L373.756 77.7887L373.756 102.695Z" fill="#E6E6E6"/>
<path d="M371.28 80.419L296.866 78.5995L296.866 94.8523L371.28 99.8418L371.28 80.419Z" fill="white"/>
<path d="M354.948 96.516C354.089 96.4606 353.252 96.2184 352.496 95.8064C351.738 95.3921 351.066 94.8376 350.514 94.1725C349.942 93.4844 349.493 92.7019 349.189 91.86C348.867 90.9743 348.703 90.0392 348.704 89.097C348.701 88.1691 348.865 87.2482 349.189 86.3785C349.489 85.5708 349.939 84.827 350.514 84.186C351.067 83.57 351.742 83.0754 352.496 82.7334C353.266 82.3878 354.104 82.2219 354.948 82.2482C355.811 82.2756 356.658 82.493 357.427 82.885C358.207 83.2835 358.901 83.8295 359.473 84.4926C360.072 85.1858 360.543 85.9806 360.862 86.8395C361.201 87.7466 361.374 88.7072 361.374 89.6756C361.377 90.6295 361.204 91.5759 360.862 92.4665C360.547 93.289 360.075 94.0426 359.472 94.6853C358.898 95.2979 358.201 95.7819 357.427 96.1056C356.643 96.4298 355.795 96.5702 354.948 96.516Z" fill="#E6E6E6"/>
<path d="M340.307 91.4102L304.09 89.5232L304.09 88.1518L340.307 89.9111L340.307 91.4102Z" fill="#E6E6E6"/>
<path d="M340.307 87.5137L304.09 85.9593L304.09 84.5879L340.307 86.0146L340.307 87.5137Z" fill="#E6E6E6"/>
<path d="M373.756 60.7793L295.15 62.2383L295.15 41.6045L373.756 35.8723L373.756 60.7793Z" fill="#E6E6E6"/>
<path d="M371.28 38.7301L296.866 43.7196L296.866 59.9707L371.28 58.1512L371.28 38.7301Z" fill="white"/>
<path d="M361.368 49.2219C361.33 50.1895 361.118 51.1424 360.743 52.0351C360.39 52.8762 359.888 53.6469 359.262 54.3101C358.666 54.9439 357.951 55.4544 357.159 55.8129C356.374 56.1659 355.522 56.3401 354.662 56.3231C353.818 56.3058 352.99 56.0971 352.238 55.7129C351.5 55.3318 350.847 54.8031 350.321 54.1595C349.773 53.4893 349.354 52.7226 349.087 51.8989C348.799 51.0137 348.672 50.0841 348.712 49.1541C348.748 48.2129 348.948 47.2852 349.304 46.4131C349.641 45.5862 350.12 44.8248 350.72 44.1636C351.296 43.5257 351.989 43.0044 352.762 42.6281C353.534 42.2538 354.379 42.0539 355.237 42.0428C356.086 42.0327 356.927 42.2171 357.694 42.582C358.454 42.9466 359.129 43.4668 359.675 44.1087C360.25 44.7832 360.69 45.5617 360.971 46.402C361.276 47.3095 361.411 48.2655 361.368 49.2219Z" fill="#E6E6E6"/>
<path d="M340.307 52.5558L304.09 53.9824L304.09 52.611L340.307 51.0567L340.307 52.5558Z" fill="#E6E6E6"/>
<path d="M340.307 48.6571L304.09 50.416L304.09 49.0446L340.307 47.1577L340.307 48.6571Z" fill="#E6E6E6"/>
<path d="M406.887 184.74C412.159 184.74 416.434 180.462 416.434 175.184C416.434 169.907 412.159 165.629 406.887 165.629C401.614 165.629 397.34 169.907 397.34 175.184C397.34 180.462 401.614 184.74 406.887 184.74Z" fill="#F2F2F2"/>
<path d="M424.809 108.691C431.4 108.691 436.743 103.344 436.743 96.7471C436.743 90.1504 431.4 84.8027 424.809 84.8027C418.219 84.8027 412.876 90.1504 412.876 96.7471C412.876 103.344 418.219 108.691 424.809 108.691Z" fill="#2F2E41"/>
<path d="M402.757 231.771H397.881L395.561 212.943H402.758L402.757 231.771Z" fill="#A0616A"/>
<path d="M394.397 230.377H403.803V236.304H388.476C388.476 235.526 388.629 234.755 388.926 234.036C389.224 233.317 389.66 232.663 390.21 232.113C390.76 231.563 391.413 231.126 392.131 230.828C392.85 230.53 393.62 230.377 394.397 230.377Z" fill="#2F2E41"/>
<path d="M440.547 231.771H435.67L433.35 212.943H440.548L440.547 231.771Z" fill="#A0616A"/>
<path d="M432.187 230.377H441.592V236.304H426.265C426.265 235.526 426.418 234.755 426.716 234.036C427.013 233.317 427.45 232.663 428 232.113C428.549 231.563 429.202 231.126 429.921 230.828C430.639 230.53 431.409 230.377 432.187 230.377Z" fill="#2F2E41"/>
<path d="M422.996 108.761C428.391 108.761 432.766 104.383 432.766 98.982C432.766 93.5813 428.391 89.2031 422.996 89.2031C417.6 89.2031 413.226 93.5813 413.226 98.982C413.226 104.383 417.6 108.761 422.996 108.761Z" fill="#A0616A"/>
<path d="M428.819 140.308L433.19 130.255C434.252 127.897 434.556 125.267 434.061 122.728C433.566 120.189 432.296 117.867 430.426 116.081C430.042 115.701 429.634 115.346 429.205 115.018C427.048 113.329 424.389 112.409 421.651 112.402C419.809 112.409 417.991 112.814 416.32 113.589C416.177 113.653 416.038 113.72 415.895 113.788C415.62 113.919 415.35 114.063 415.087 114.21C413.375 115.194 411.917 116.567 410.833 118.219C409.748 119.87 409.066 121.754 408.842 123.718L406.913 139.898C406.428 141.168 389.116 187.034 395.17 222.051C395.235 222.425 395.417 222.769 395.69 223.032C395.964 223.295 396.314 223.463 396.69 223.512L402.828 224.349C403.276 224.41 403.731 224.299 404.1 224.038C404.47 223.778 404.727 223.386 404.82 222.943L415.119 173.808C415.183 173.503 415.348 173.228 415.587 173.027C415.825 172.827 416.124 172.712 416.436 172.701C416.747 172.691 417.053 172.785 417.305 172.969C417.557 173.153 417.739 173.416 417.824 173.717L432.375 225.388C432.479 225.763 432.703 226.094 433.012 226.33C433.322 226.566 433.7 226.694 434.09 226.694C434.206 226.693 434.321 226.682 434.436 226.662L441.934 225.217C442.37 225.135 442.759 224.893 443.027 224.539C443.294 224.185 443.419 223.743 443.378 223.301C442.276 211.003 436.421 149.398 428.819 140.308Z" fill="#2F2E41"/>
<path d="M385.027 107.122C384.959 107.703 385.02 108.292 385.204 108.848C385.388 109.403 385.692 109.911 386.094 110.337C386.495 110.762 386.986 111.094 387.529 111.309C388.073 111.524 388.658 111.617 389.241 111.582L394.702 124.718L398.833 118.589L393.014 107.055C392.89 106.077 392.412 105.179 391.67 104.531C390.929 103.882 389.975 103.529 388.991 103.537C388.006 103.546 387.059 103.915 386.328 104.576C385.598 105.236 385.135 106.142 385.027 107.122L385.027 107.122Z" fill="#A0616A"/>
<path d="M422.454 153.534C423.035 153.465 423.593 153.269 424.09 152.96C424.587 152.651 425.01 152.237 425.329 151.747C425.649 151.257 425.857 150.702 425.939 150.123C426.022 149.543 425.976 148.953 425.806 148.393L437.296 140.017L430.379 137.424L420.528 145.776C419.607 146.124 418.846 146.799 418.389 147.672C417.932 148.545 417.81 149.555 418.048 150.511C418.285 151.468 418.865 152.304 419.677 152.861C420.489 153.418 421.477 153.658 422.454 153.534Z" fill="#A0616A"/>
<path d="M403.723 133.474C403.283 133.473 402.843 133.43 402.411 133.344C401.366 133.145 400.386 132.692 399.557 132.024C398.728 131.356 398.076 130.495 397.658 129.515L390.007 120.178C389.846 119.98 389.728 119.751 389.662 119.504C389.596 119.257 389.584 118.999 389.626 118.747C389.667 118.496 389.763 118.256 389.905 118.044C390.047 117.832 390.232 117.652 390.449 117.518L395.893 114.145C396.094 114.021 396.317 113.937 396.551 113.9C396.784 113.862 397.023 113.871 397.252 113.926C397.482 113.981 397.699 114.082 397.89 114.221C398.081 114.361 398.242 114.536 398.365 114.739L403.758 123.631L414.085 115.992C414.907 115.56 415.857 115.439 416.761 115.651C417.665 115.862 418.463 116.392 419.009 117.144C419.554 117.896 419.812 118.819 419.734 119.745C419.656 120.671 419.247 121.538 418.584 122.188L408.276 131.598C407.065 132.8 405.428 133.474 403.723 133.474Z" fill="#2F2E41"/>
<path d="M431.628 147.517C431.614 147.517 431.6 147.517 431.586 147.517C431.335 147.511 431.088 147.452 430.861 147.344C430.634 147.237 430.432 147.082 430.269 146.892L425.429 141.241C425.264 141.048 425.142 140.823 425.071 140.58C424.999 140.337 424.98 140.081 425.015 139.83C425.049 139.579 425.137 139.338 425.271 139.123C425.406 138.908 425.584 138.725 425.795 138.584L434.857 132.537L426.648 122.658C426.17 121.861 425.995 120.919 426.154 120.004C426.313 119.088 426.796 118.26 427.515 117.672C428.233 117.083 429.139 116.773 430.067 116.798C430.996 116.823 431.884 117.182 432.57 117.808L442.547 127.567C443.333 128.285 443.932 129.183 444.294 130.184C444.657 131.185 444.771 132.259 444.627 133.314C444.483 134.369 444.086 135.373 443.469 136.24C442.852 137.108 442.034 137.812 441.085 138.293L432.93 146.955C432.763 147.132 432.561 147.274 432.337 147.37C432.113 147.467 431.872 147.517 431.628 147.517Z" fill="#2F2E41"/>
<path d="M420.512 126.694C420.434 126.694 420.356 126.689 420.279 126.68C419.942 126.639 419.624 126.502 419.362 126.285C419.101 126.069 418.907 125.781 418.803 125.458L415.167 114.298C415.076 114.016 415.09 113.71 415.206 113.438C415.323 113.165 415.534 112.944 415.801 112.815L415.919 112.759C416.026 112.708 416.132 112.658 416.24 112.61C417.936 111.823 419.782 111.412 421.651 111.406C424.078 111.411 426.45 112.124 428.477 113.459C428.749 113.64 428.939 113.921 429.006 114.241C429.073 114.561 429.012 114.894 428.836 115.169L422.014 125.866C421.854 126.12 421.632 126.33 421.369 126.474C421.107 126.619 420.812 126.695 420.512 126.694Z" fill="#E6E6E6"/>
<path d="M434.218 91.4146C436.375 91.4146 438.123 89.6647 438.123 87.5061C438.123 85.3475 436.375 83.5977 434.218 83.5977C432.061 83.5977 430.313 85.3475 430.313 87.5061C430.313 89.6647 432.061 91.4146 434.218 91.4146Z" fill="#2F2E41"/>
<path d="M420.831 83.2109C418.088 83.2109 415.458 84.3016 413.518 86.2429C411.579 88.1842 410.489 90.8172 410.489 93.5627V97.9423H415.871L418.445 93.5627L419.217 97.9423H435.55L431.174 93.5627C431.174 90.8172 430.084 88.1842 428.145 86.2429C426.205 84.3016 423.574 83.2109 420.831 83.2109Z" fill="#2F2E41"/>
<path d="M436.225 84.8292C436.657 83.4778 437.551 82.3219 438.75 81.5649C439.949 80.8079 441.376 80.4982 442.781 80.6903C445.269 81.1067 447.237 83.1088 448.409 85.345C449.581 87.5812 450.123 90.0839 450.911 92.4829C451.699 94.8819 452.817 97.294 454.806 98.8469C456.796 100.4 459.849 100.821 461.803 99.2235C461.58 100.888 460.84 102.441 459.687 103.661C458.533 104.882 457.026 105.709 455.378 106.025C453.73 106.341 452.024 106.13 450.502 105.423C448.979 104.716 447.718 103.547 446.896 102.083C445.864 100.247 445.598 98.0946 445.293 96.0106C444.987 93.9267 444.589 91.7705 443.358 90.0622C442.127 88.3539 439.823 87.2382 437.868 88.0163L436.225 84.8292Z" fill="#2F2E41"/>
</svg>
<form action="https://formbold.com/s/FORM_ID" method="POST">
<div class="formbold-input-flex">
<div>
<label for="firstname" class="formbold-form-label">
First name
</label>
<input
type="text"
name="firstname"
id="firstname"
placeholder="Jane"
class="formbold-form-input"
/>
</div>
<div>
<label for="lastname" class="formbold-form-label"> Last name </label>
<input
type="text"
name="lastname"
id="lastname"
placeholder="Cooper"
class="formbold-form-input"
/>
</div>
</div>
<div class="formbold-mb-5">
<label for="qusOne" class="formbold-form-label">
All HTML code must be put which symbols?
</label>
<div class="formbold-radio-flex">
<div class="formbold-radio-group">
<label class="formbold-radio-label">
<input
class="formbold-input-radio"
type="radio"
name="qusOne"
id="qusOne"
/>
Option one
<span class="formbold-radio-checkmark"></span>
</label>
</div>
<div class="formbold-radio-group">
<label class="formbold-radio-label">
<input
class="formbold-input-radio"
type="radio"
name="qusOne"
id="qusOne"
/>
Option Two
<span class="formbold-radio-checkmark"></span>
</label>
</div>
<div class="formbold-radio-group">
<label class="formbold-radio-label">
<input
class="formbold-input-radio"
type="radio"
name="qusOne"
id="qusOne"
/>
Option Three
<span class="formbold-radio-checkmark"></span>
</label>
</div>
<div class="formbold-radio-group">
<label class="formbold-radio-label">
<input
class="formbold-input-radio"
type="radio"
name="qusOne"
id="qusOne"
/>
None of them
<span class="formbold-radio-checkmark"></span>
</label>
</div>
</div>
</div>
<div class="formbold-mb-5">
<label for="qusTwo" class="formbold-form-label">
To display any image on web which tag we have to use?
</label>
<div class="formbold-radio-flex">
<div class="formbold-radio-group">
<label class="formbold-radio-label">
<input
class="formbold-input-radio"
type="radio"
name="qusTwo"
id="qusTwo"
/>
Option one
<span class="formbold-radio-checkmark"></span>
</label>
</div>
<div class="formbold-radio-group">
<label class="formbold-radio-label">
<input
class="formbold-input-radio"
type="radio"
name="qusTwo"
id="qusTwo"
/>
Option Two
<span class="formbold-radio-checkmark"></span>
</label>
</div>
<div class="formbold-radio-group">
<label class="formbold-radio-label">
<input
class="formbold-input-radio"
type="radio"
name="qusTwo"
id="qusTwo"
/>
Option Three
<span class="formbold-radio-checkmark"></span>
</label>
</div>
<div class="formbold-radio-group">
<label class="formbold-radio-label">
<input
class="formbold-input-radio"
type="radio"
name="qusTwo"
id="qusTwo"
/>
None of them
<span class="formbold-radio-checkmark"></span>
</label>
</div>
</div>
</div>
<div>
<label for="qusThree" class="formbold-form-label">
What is the full definition of HTML?
</label>
<div class="formbold-radio-flex">
<div class="formbold-radio-group">
<label class="formbold-radio-label">
<input
class="formbold-input-radio"
type="radio"
name="qusThree"
id="qusThree"
/>
Option one
<span class="formbold-radio-checkmark"></span>
</label>
</div>
<div class="formbold-radio-group">
<label class="formbold-radio-label">
<input
class="formbold-input-radio"
type="radio"
name="qusThree"
id="qusThree"
/>
Option Two
<span class="formbold-radio-checkmark"></span>
</label>
</div>
<div class="formbold-radio-group">
<label class="formbold-radio-label">
<input
class="formbold-input-radio"
type="radio"
name="qusThree"
id="qusThree"
/>
Option Three
<span class="formbold-radio-checkmark"></span>
</label>
</div>
<div class="formbold-radio-group">
<label class="formbold-radio-label">
<input
class="formbold-input-radio"
type="radio"
name="qusThree"
id="qusThree"
/>
None of them
<span class="formbold-radio-checkmark"></span>
</label>
</div>
</div>
</div>
<button class="formbold-btn">Submit</button>
</form>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Inter', sans-serif;
}
.formbold-main-wrapper {
display: flex;
align-items: center;
justify-content: center;
padding: 48px;
}
.formbold-form-wrapper {
margin: 0 auto;
max-width: 570px;
width: 100%;
background: white;
padding: 40px;
}
.formbold-img {
margin-bottom: 40px;
}
.formbold-input-flex {
display: flex;
gap: 20px;
margin-bottom: 30px;
}
.formbold-input-flex > div {
width: 50%;
}
.formbold-form-input {
width: 100%;
padding: 13px 22px;
border-radius: 5px;
border: 1px solid #dde3ec;
background: #ffffff;
font-weight: 500;
font-size: 16px;
color: #536387;
outline: none;
resize: none;
}
.formbold-form-input:focus {
border-color: #6a64f1;
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
}
.formbold-form-label {
color: #536387;
font-weight: 500;
font-size: 14px;
line-height: 24px;
display: block;
margin-bottom: 10px;
}
.formbold-mb-5 {
margin-bottom: 20px;
}
.formbold-radio-flex {
display: flex;
flex-direction: column;
gap: 10px;
}
.formbold-radio-label {
font-size: 14px;
line-height: 24px;
color: #07074d;
position: relative;
padding-left: 25px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.formbold-input-radio {
position: absolute;
opacity: 0;
cursor: pointer;
}
.formbold-radio-checkmark {
position: absolute;
top: -1px;
left: 0;
height: 18px;
width: 18px;
background-color: #ffffff;
border: 1px solid #dde3ec;
border-radius: 50%;
}
.formbold-radio-label
.formbold-input-radio:checked
~ .formbold-radio-checkmark {
background-color: #6a64f1;
}
.formbold-radio-checkmark:after {
content: '';
position: absolute;
display: none;
}
.formbold-radio-label
.formbold-input-radio:checked
~ .formbold-radio-checkmark:after {
display: block;
}
.formbold-radio-label .formbold-radio-checkmark:after {
top: 50%;
left: 50%;
width: 10px;
height: 10px;
border-radius: 50%;
background: #ffffff;
transform: translate(-50%, -50%);
}
.formbold-btn {
text-align: center;
width: 100%;
font-size: 16px;
border-radius: 5px;
padding: 14px 25px;
border: none;
font-weight: 500;
background-color: #6a64f1;
color: white;
cursor: pointer;
margin-top: 25px;
}
.formbold-btn:hover {
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
}
</style>