PageSourceSearch

https://quizcode.pl/en

html quizcode.pl collected 2026-09-24 14:26:49 UTC 71,403 bytes, 1,662 lines download raw bytes

1<div class="8008" style="position:absolute; left:-9999px;">
2<p><a href="https://rupiahball.com/" rel="dofollow">RUPIAHTOTO</a></p>
3<p><a href="https://bandartotopaito.com/" rel="dofollow">BANDARTOTO</a></p>
4</div>
5<!DOCTYPE html>
6<html lang="en">
7
8<head>
9    <meta charset="utf-8">
10    <meta name="viewport" content="width=device-width, initial-scale=1">
11    <meta name="theme-color" content="#6366f1">
12    <meta name="mobile-web-app-capable" content="yes">
13    <meta name="apple-mobile-web-app-capable" content="yes">
14    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
15    <meta name="apple-mobile-web-app-title" content="Quiz Code">
16    <title>Quiz Code – create online quizzes for live events</title>
17<meta name="description" content="Create online quizzes for free, invite participants with a QR code and show live results at conferences, training sessions and corporate events.">
18<meta name="keywords" content="quiz na konferencję, głosowanie na żywo, aplikacja eventowa, interakcja z publicznością, quiz code, narzędzia dla prelegentów, gry na eventy">
19<link rel="canonical" href="https://quizcode.pl/en">
20<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
21<meta property="og:title" content="Quiz Code – create online quizzes for live events">
22<meta property="og:description" content="Create online quizzes for free, invite participants with a QR code and show live results at conferences, training sessions and corporate events.">
23<meta property="og:type" content="website">
24<meta property="og:url" content="https://quizcode.pl/en">
25<meta property="og:site_name" content="Quiz Code">
26<meta property="og:image" content="https://quizcode.pl/assets/quiz-code-og-v1.jpg">
27
28<meta name="twitter:card" content="summary_large_image">
29<meta name="twitter:image" content="https://quizcode.pl/assets/quiz-code-og-v1.jpg">
30<meta name="twitter:title" content="Quiz Code – create online quizzes for live events">
31<meta name="twitter:description" content="Create online quizzes for free, invite participants with a QR code and show live results at conferences, training sessions and corporate events.">
32<meta name="twitter:url" content="https://quizcode.pl/en">
33
34<meta property="og:locale" content="en_GB">
35    <meta property="og:locale:alternate" content="pl_PL">
36            <meta property="og:locale:alternate" content="de_DE">
37        <meta property="og:locale:alternate" content="es_ES">
38    <meta property="og:image:width" content="1200">
39<meta property="og:image:height" content="630">
40<meta property="og:image:alt" content="An interactive Quiz Code quiz during an event">
41<meta name="twitter:image:alt" content="An interactive Quiz Code quiz during an event">
42<link rel="alternate" hreflang="pl-PL" href="https://quizcode.pl/pl">
43<link rel="alternate" hreflang="en-GB" href="https://quizcode.pl/en">
44<link rel="alternate" hreflang="de-DE" href="https://quizcode.pl/de">
45<link rel="alternate" hreflang="es-ES" href="https://quizcode.pl/es">
46<link rel="alternate" hreflang="x-default" href="https://quizcode.pl">
47<link rel="manifest" href="https://quizcode.pl/manifest.json">
48<link rel="icon" href="https://quizcode.pl/favicon.ico" sizes="any">
49<link rel="apple-touch-icon" href="https://quizcode.pl/assets/quiz_code_192.png">
50<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://quizcode.pl/en#webpage","url":"https://quizcode.pl/en","name":"Quiz Code – create online quizzes for live events","description":"Create online quizzes for free, invite participants with a QR code and show live results at conferences, training sessions and corporate events.","inLanguage":"en-GB","isPartOf":{"@id":"https://quizcode.pl/en#website"},"about":{"@id":"https://quizcode.pl/#organization"},"primaryImageOfPage":{"@id":"https://quizcode.pl/assets/quiz-code-og-v1.jpg#primaryimage"}},{"@type":"ImageObject","@id":"https://quizcode.pl/assets/quiz-code-og-v1.jpg#primaryimage","url":"https://quizcode.pl/assets/quiz-code-og-v1.jpg","contentUrl":"https://quizcode.pl/assets/quiz-code-og-v1.jpg","width":1200,"height":630,"caption":"An interactive Quiz Code quiz during an event"},{"@type":"Organization","@id":"https://quizcode.pl/#organization","name":"AT-net Tomasz Góral","legalName":"AT-net Tomasz Góral","url":"https://quizcode.pl","logo":{"@type":"ImageObject","url":"https://quizcode.pl/assets/quiz_code_512.png","width":512,"height":512},"email":"[email protected]","telephone":"+48 509 288 840","address":{"@type":"PostalAddress","streetAddress":"ul. Chałubińskiego 11/47","postalCode":"80-807","addressLocality":"Gdańsk","addressCountry":"PL"}},{"@type":"WebSite","@id":"https://quizcode.pl/en#website","url":"https://quizcode.pl/en","name":"Quiz Code","alternateName":"QuizCode","description":"Interactive quizzes, live polls and real-time results for conferences, corporate events and training.","inLanguage":"en-GB","publisher":{"@id":"https://quizcode.pl/#organization"}},{"@type":"WebApplication","@id":"https://quizcode.pl/en#application","name":"Quiz Code","url":"https://quizcode.pl/en","description":"Interactive quizzes, live polls and real-time results for conferences, corporate events and training.","applicationCategory":"EducationalApplication","operatingSystem":"Any","browserRequirements":"Requires a modern web browser","inLanguage":"en-GB","image":"https://quizcode.pl/assets/quiz-code-og-v1.jpg","offers":{"@type":"Offer","price":"0","priceCurrency":"PLN","description":"Access to the platform’s essential features"},"publisher":{"@id":"https://quizcode.pl/#organization"}}]}</script>
50
51
52    <!-- Fonts -->
53    <link rel="preconnect" href="https://fonts.bunny.net">
54    <link href="https://fonts.bunny.net/css?family=figtree:400,600&display=swap" rel="stylesheet" />
55
56    <!-- Styles -->
57    <style>
58        /* ! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com */
59        *,
60        ::after,
61        ::before {
62            box-sizing: border-box;
63            border-width: 0;
64            border-style: solid;
65            border-color: #e5e7eb
66        }
67
68        ::after,
69        ::before {
70            --tw-content: ''
71        }
72
73        html {
74            line-height: 1.5;
75            -webkit-text-size-adjust: 100%;
76            -moz-tab-size: 4;
77            tab-size: 4;
78            font-family: Figtree, sans-serif;
79            font-feature-settings: normal
80        }
81
82        body {
83            margin: 0;
84            line-height: inherit
85        }
86
87        hr {
88            height: 0;
89            color: inherit;
90            border-top-width: 1px
91        }
92
93        abbr:where([title]) {
94            -webkit-text-decoration: underline dotted;
95            text-decoration: underline dotted
96        }
97
98        h1,
99        h2,
100        h3,
101        h4,
102        h5,
103        h6 {
104            font-size: inherit;
105            font-weight: inherit
106        }
107
108        a {
109            color: inherit;
110            text-decoration: inherit
111        }
112
113        b,
114        strong {
115            font-weight: bolder
116        }
117
118        code,
119        kbd,
120        pre,
121        samp {
122            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
123            font-size: 1em
124        }
125
126        small {
127            font-size: 80%
128        }
129
130        sub,
131        sup {
132            font-size: 75%;
133            line-height: 0;
134            position: relative;
135            vertical-align: baseline
136        }
137
138        sub {
139            bottom: -.25em
140        }
141
142        sup {
143            top: -.5em
144        }
145
146        table {
147            text-indent: 0;
148            border-color: inherit;
149            border-collapse: collapse
150        }
151
152        button,
153        input,
154        optgroup,
155        select,
156        textarea {
157            font-family: inherit;
158            font-size: 100%;
159            font-weight: inherit;
160            line-height: inherit;
161            color: inherit;
162            margin: 0;
163            padding: 0
164        }
165
166        button,
167        select {
168            text-transform: none
169        }
170
171        [type=button],
172        [type=reset],
173        [type=submit],
174        button {
175            -webkit-appearance: button;
176            background-color: transparent;
177            background-image: none
178        }
179
180        :-moz-focusring {
181            outline: auto
182        }
183
184        :-moz-ui-invalid {
185            box-shadow: none
186        }
187
188        progress {
189            vertical-align: baseline
190        }
191
192        ::-webkit-inner-spin-button,
193        ::-webkit-outer-spin-button {
194            height: auto
195        }
196
197        [type=search] {
198            -webkit-appearance: textfield;
199            outline-offset: -2px
200        }
201
202        ::-webkit-search-decoration {
203            -webkit-appearance: none
204        }
205
206        ::-webkit-file-upload-button {
207            -webkit-appearance: button;
208            font: inherit
209        }
210
211        summary {
212            display: list-item
213        }
214
215        blockquote,
216        dd,
217        dl,
218        figure,
219        h1,
220        h2,
221        h3,
222        h4,
223        h5,
224        h6,
225        hr,
226        p,
227        pre {
228            margin: 0
229        }
230
231        fieldset {
232            margin: 0;
233            padding: 0
234        }
235
236        legend {
237            padding: 0
238        }
239
240        menu,
241        ol,
242        ul {
243            list-style: none;
244            margin: 0;
245            padding: 0
246        }
247
248        textarea {
249            resize: vertical
250        }
251
252        input::placeholder,
253        textarea::placeholder {
254            opacity: 1;
255            color: #9ca3af
256        }
257
258        [role=button],
259        button {
260            cursor: pointer
261        }
262
263        :disabled {
264            cursor: default
265        }
266
267        audio,
268        canvas,
269        embed,
270        iframe,
271        img,
272        object,
273        svg,
274        video {
275            display: block;
276            vertical-align: middle
277        }
278
279        img,
280        video {
281            max-width: 100%;
282            height: auto
283        }
284
285        [hidden] {
286            display: none
287        }
288
289        *,
290        ::before,
291        ::after {
292            --tw-border-spacing-x: 0;
293            --tw-border-spacing-y: 0;
294            --tw-translate-x: 0;
295            --tw-translate-y: 0;
296            --tw-rotate: 0;
297            --tw-skew-x: 0;
298            --tw-skew-y: 0;
299            --tw-scale-x: 1;
300            --tw-scale-y: 1;
301            --tw-pan-x: ;
302            --tw-pan-y: ;
303            --tw-pinch-zoom: ;
304            --tw-scroll-snap-strictness: proximity;
305            --tw-ordinal: ;
306            --tw-slashed-zero: ;
307            --tw-numeric-figure: ;
308            --tw-numeric-spacing: ;
309            --tw-numeric-fraction: ;
310            --tw-ring-inset: ;
311            --tw-ring-offset-width: 0px;
312            --tw-ring-offset-color: #fff;
313            --tw-ring-color: rgb(59 130 246 / 0.5);
314            --tw-ring-offset-shadow: 0 0 #0000;
315            --tw-ring-shadow: 0 0 #0000;
316            --tw-shadow: 0 0 #0000;
317            --tw-shadow-colored: 0 0 #0000;
318            --tw-blur: ;
319            --tw-brightness: ;
320            --tw-contrast: ;
321            --tw-grayscale: ;
322            --tw-hue-rotate: ;
323            --tw-invert: ;
324            --tw-saturate: ;
325            --tw-sepia: ;
326            --tw-drop-shadow: ;
327            --tw-backdrop-blur: ;
328            --tw-backdrop-brightness: ;
329            --tw-backdrop-contrast: ;
330            --tw-backdrop-grayscale: ;
331            --tw-backdrop-hue-rotate: ;
332            --tw-backdrop-invert: ;
333            --tw-backdrop-opacity: ;
334            --tw-backdrop-saturate: ;
335            --tw-backdrop-sepia:
336        }
337
338        ::-webkit-backdrop {
339            --tw-border-spacing-x: 0;
340            --tw-border-spacing-y: 0;
341            --tw-translate-x: 0;
342            --tw-translate-y: 0;
343            --tw-rotate: 0;
344            --tw-skew-x: 0;
345            --tw-skew-y: 0;
346            --tw-scale-x: 1;
347            --tw-scale-y: 1;
348            --tw-pan-x: ;
349            --tw-pan-y: ;
350            --tw-pinch-zoom: ;
351            --tw-scroll-snap-strictness: proximity;
352            --tw-ordinal: ;
353            --tw-slashed-zero: ;
354            --tw-numeric-figure: ;
355            --tw-numeric-spacing: ;
356            --tw-numeric-fraction: ;
357            --tw-ring-inset: ;
358            --tw-ring-offset-width: 0px;
359            --tw-ring-offset-color: #fff;
360            --tw-ring-color: rgb(59 130 246 / 0.5);
361            --tw-ring-offset-shadow: 0 0 #0000;
362            --tw-ring-shadow: 0 0 #0000;
363            --tw-shadow: 0 0 #0000;
364            --tw-shadow-colored: 0 0 #0000;
365            --tw-blur: ;
366            --tw-brightness: ;
367            --tw-contrast: ;
368            --tw-grayscale: ;
369            --tw-hue-rotate: ;
370            --tw-invert: ;
371            --tw-saturate: ;
372            --tw-sepia: ;
373            --tw-drop-shadow: ;
374            --tw-backdrop-blur: ;
375            --tw-backdrop-brightness: ;
376            --tw-backdrop-contrast: ;
377            --tw-backdrop-grayscale: ;
378            --tw-backdrop-hue-rotate: ;
379            --tw-backdrop-invert: ;
380            --tw-backdrop-opacity: ;
381            --tw-backdrop-saturate: ;
382            --tw-backdrop-sepia:
383        }
384
385        ::backdrop {
386            --tw-border-spacing-x: 0;
387            --tw-border-spacing-y: 0;
388            --tw-translate-x: 0;
389            --tw-translate-y: 0;
390            --tw-rotate: 0;
391            --tw-skew-x: 0;
392            --tw-skew-y: 0;
393            --tw-scale-x: 1;
394            --tw-scale-y: 1;
395            --tw-pan-x: ;
396            --tw-pan-y: ;
397            --tw-pinch-zoom: ;
398            --tw-scroll-snap-strictness: proximity;
399            --tw-ordinal: ;
400            --tw-slashed-zero: ;
401            --tw-numeric-figure: ;
402            --tw-numeric-spacing: ;
403            --tw-numeric-fraction: ;
404            --tw-ring-inset: ;
405            --tw-ring-offset-width: 0px;
406            --tw-ring-offset-color: #fff;
407            --tw-ring-color: rgb(59 130 246 / 0.5);
408            --tw-ring-offset-shadow: 0 0 #0000;
409            --tw-ring-shadow: 0 0 #0000;
410            --tw-shadow: 0 0 #0000;
411            --tw-shadow-colored: 0 0 #0000;
412            --tw-blur: ;
413            --tw-brightness: ;
414            --tw-contrast: ;
415            --tw-grayscale: ;
416            --tw-hue-rotate: ;
417            --tw-invert: ;
418            --tw-saturate: ;
419            --tw-sepia: ;
420            --tw-drop-shadow: ;
421            --tw-backdrop-blur: ;
422            --tw-backdrop-brightness: ;
423            --tw-backdrop-contrast: ;
424            --tw-backdrop-grayscale: ;
425            --tw-backdrop-hue-rotate: ;
426            --tw-backdrop-invert: ;
427            --tw-backdrop-opacity: ;
428            --tw-backdrop-saturate: ;
429            --tw-backdrop-sepia:
430        }
431
432        .relative {
433            position: relative
434        }
435
436        .mx-auto {
437            margin-left: auto;
438            margin-right: auto
439        }
440
441        .mx-6 {
442            margin-left: 1.5rem;
443            margin-right: 1.5rem
444        }
445
446        .ml-4 {
447            margin-left: 1rem
448        }
449
450        .mt-16 {
451            margin-top: 4rem
452        }
453
454        .mt-6 {
455            margin-top: 1.5rem
456        }
457
458        .mt-4 {
459            margin-top: 1rem
460        }
461
462        .-mt-px {
463            margin-top: -1px
464        }
465
466        .mr-1 {
467            margin-right: 0.25rem
468        }
469
470        .flex {
471            display: flex
472        }
473
474        .inline-flex {
475            display: inline-flex
476        }
477
478        .grid {
479            display: grid
480        }
481
482        .h-16 {
483            height: 4rem
484        }
485
486        .h-7 {
487            height: 1.75rem
488        }
489
490        .h-6 {
491            height: 1.5rem
492        }
493
494        .h-5 {
495            height: 1.25rem
496        }
497
498        .min-h-screen {
499            min-height: 100vh
500        }
501
502        .w-auto {
503            width: auto
504        }
505
506        .w-16 {
507            width: 4rem
508        }
509
510        .w-7 {
511            width: 1.75rem
512        }
513
514        .w-6 {
515            width: 1.5rem
516        }
517
518        .w-5 {
519            width: 1.25rem
520        }
521
522        .max-w-7xl {
523            max-width: 80rem
524        }
525
526        .shrink-0 {
527            flex-shrink: 0
528        }
529
530        .scale-100 {
531            --tw-scale-x: 1;
532            --tw-scale-y: 1;
533            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
534        }
535
536        .grid-cols-1 {
537            grid-template-columns: repeat(1, minmax(0, 1fr))
538        }
539
540        .items-center {
541            align-items: center
542        }
543
544        .justify-center {
545            justify-content: center
546        }
547
548        .gap-6 {
549            gap: 1.5rem
550        }
551
552        .gap-4 {
553            gap: 1rem
554        }
555
556        .self-center {
557            align-self: center
558        }
559
560        .rounded-lg {
561            border-radius: 0.5rem
562        }
563
564        .rounded-full {
565            border-radius: 9999px
566        }
567
568        .bg-gray-100 {
569            --tw-bg-opacity: 1;
570            background-color: rgb(243 244 246 / var(--tw-bg-opacity))
571        }
572
573        .bg-white {
574            --tw-bg-opacity: 1;
575            background-color: rgb(255 255 255 / var(--tw-bg-opacity))
576        }
577
578        .bg-red-50 {
579            --tw-bg-opacity: 1;
580            background-color: rgb(254 242 242 / var(--tw-bg-opacity))
581        }
582
583        .bg-dots-darker {
584            background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22676 0C1.91374 0 2.45351 0.539773 2.45351 1.22676C2.45351 1.91374 1.91374 2.45351 1.22676 2.45351C0.539773 2.45351 0 1.91374 0 1.22676C0 0.539773 0.539773 0 1.22676 0Z' fill='rgba(0,0,0,0.07)'/%3E%3C/svg%3E")
585        }
586
587        .from-gray-700\/50 {
588            --tw-gradient-from: rgb(55 65 81 / 0.5);
589            --tw-gradient-to: rgb(55 65 81 / 0);
590            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
591        }
592
593        .via-transparent {
594            --tw-gradient-to: rgb(0 0 0 / 0);
595            --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to)
596        }
597
598        .bg-center {
599            background-position: center
600        }
601
602        .stroke-red-500 {
603            stroke: #ef4444
604        }
605
606        .stroke-gray-400 {
607            stroke: #9ca3af
608        }
609
610        .p-6 {
611            padding: 1.5rem
612        }
613
614        .px-6 {
615            padding-left: 1.5rem;
616            padding-right: 1.5rem
617        }
618
619        .text-center {
620            text-align: center
621        }
622
623        .text-right {
624            text-align: right
625        }
626
627        .text-xl {
628            font-size: 1.25rem;
629            line-height: 1.75rem
630        }
631
632        .text-sm {
633            font-size: 0.875rem;
634            line-height: 1.25rem
635        }
636
637        .font-semibold {
638            font-weight: 600
639        }
640
641        .leading-relaxed {
642            line-height: 1.625
643        }
644
645        .text-gray-600 {
646            --tw-text-opacity: 1;
647            color: rgb(75 85 99 / var(--tw-text-opacity))
648        }
649
650        .text-gray-900 {
651            --tw-text-opacity: 1;
652            color: rgb(17 24 39 / var(--tw-text-opacity))
653        }
654
655        .text-gray-500 {
656            --tw-text-opacity: 1;
657            color: rgb(107 114 128 / var(--tw-text-opacity))
658        }
659
660        .underline {
661            -webkit-text-decoration-line: underline;
662            text-decoration-line: underline
663        }
664
665        .antialiased {
666            -webkit-font-smoothing: antialiased;
667            -moz-osx-font-smoothing: grayscale
668        }
669
670        .shadow-2xl {
671            --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
672            --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
673            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
674        }
675
676        .shadow-gray-500\/20 {
677            --tw-shadow-color: rgb(107 114 128 / 0.2);
678            --tw-shadow: var(--tw-shadow-colored)
679        }
680
681        .transition-all {
682            transition-property: all;
683            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
684            transition-duration: 150ms
685        }
686
687        .selection\:bg-red-500 *::selection {
688            --tw-bg-opacity: 1;
689            background-color: rgb(239 68 68 / var(--tw-bg-opacity))
690        }
691
692        .selection\:text-white *::selection {
693            --tw-text-opacity: 1;
694            color: rgb(255 255 255 / var(--tw-text-opacity))
695        }
696
697        .selection\:bg-red-500::selection {
698            --tw-bg-opacity: 1;
699            background-color: rgb(239 68 68 / var(--tw-bg-opacity))
700        }
701
702        .selection\:text-white::selection {
703            --tw-text-opacity: 1;
704            color: rgb(255 255 255 / var(--tw-text-opacity))
705        }
706
707        .hover\:text-gray-900:hover {
708            --tw-text-opacity: 1;
709            color: rgb(17 24 39 / var(--tw-text-opacity))
710        }
711
712        .hover\:text-gray-700:hover {
713            --tw-text-opacity: 1;
714            color: rgb(55 65 81 / var(--tw-text-opacity))
715        }
716
717        .focus\:rounded-sm:focus {
718            border-radius: 0.125rem
719        }
720
721        .focus\:outline:focus {
722            outline-style: solid
723        }
724
725        .focus\:outline-2:focus {
726            outline-width: 2px
727        }
728
729        .focus\:outline-red-500:focus {
730            outline-color: #ef4444
731        }
732
733        .group:hover .group-hover\:stroke-gray-600 {
734            stroke: #4b5563
735        }
736
737        .z-10 {
738            z-index: 10
739        }
740
741        @media (prefers-reduced-motion: no-preference) {
742            .motion-safe\:hover\:scale-\[1\.01\]:hover {
743                --tw-scale-x: 1.01;
744                --tw-scale-y: 1.01;
745                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
746            }
747        }
748
749        @media (prefers-color-scheme: dark) {
750            .dark\:bg-gray-900 {
751                --tw-bg-opacity: 1;
752                background-color: rgb(17 24 39 / var(--tw-bg-opacity))
753            }
754
755            .dark\:bg-gray-800\/50 {
756                background-color: rgb(31 41 55 / 0.5)
757            }
758
759            .dark\:bg-red-800\/20 {
760                background-color: rgb(153 27 27 / 0.2)
761            }
762
763            .dark\:bg-dots-lighter {
764                background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22676 0C1.91374 0 2.45351 0.539773 2.45351 1.22676C2.45351 1.91374 1.91374 2.45351 1.22676 2.45351C0.539773 2.45351 0 1.91374 0 1.22676C0 0.539773 0.539773 0 1.22676 0Z' fill='rgba(255,255,255,0.07)'/%3E%3C/svg%3E")
765            }
766
767            .dark\:bg-gradient-to-bl {
768                background-image: linear-gradient(to bottom left, var(--tw-gradient-stops))
769            }
770
771            .dark\:stroke-gray-600 {
772                stroke: #4b5563
773            }
774
775            .dark\:text-gray-400 {
776                --tw-text-opacity: 1;
777                color: rgb(156 163 175 / var(--tw-text-opacity))
778            }
779
780            .dark\:text-white {
781                --tw-text-opacity: 1;
782                color: rgb(255 255 255 / var(--tw-text-opacity))
783            }
784
785            .dark\:shadow-none {
786                --tw-shadow: 0 0 #0000;
787                --tw-shadow-colored: 0 0 #0000;
788                box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-sha
788dow)
789            }
790
791            .dark\:ring-1 {
792                --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
793                --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
794                box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
795            }
796
797            .dark\:ring-inset {
798                --tw-ring-inset: inset
799            }
800
801            .dark\:ring-white\/5 {
802                --tw-ring-color: rgb(255 255 255 / 0.05)
803            }
804
805            .dark\:hover\:text-white:hover {
806                --tw-text-opacity: 1;
807                color: rgb(255 255 255 / var(--tw-text-opacity))
808            }
809
810            .group:hover .dark\:group-hover\:stroke-gray-400 {
811                stroke: #9ca3af
812            }
813        }
814
815        @media (min-width: 640px) {
816            .sm\:fixed {
817                position: fixed
818            }
819
820            .sm\:top-0 {
821                top: 0px
822            }
823
824            .sm\:right-0 {
825                right: 0px
826            }
827
828            .sm\:ml-0 {
829                margin-left: 0px
830            }
831
832            .sm\:flex {
833                display: flex
834            }
835
836            .sm\:items-center {
837                align-items: center
838            }
839
840            .sm\:justify-center {
841                justify-content: center
842            }
843
844            .sm\:justify-between {
845                justify-content: space-between
846            }
847
848            .sm\:text-left {
849                text-align: left
850            }
851
852            .sm\:text-right {
853                text-align: right
854            }
855        }
856
857        @media (min-width: 768px) {
858            .md\:grid-cols-2 {
859                grid-template-columns: repeat(2, minmax(0, 1fr))
860            }
861        }
862
863        @media (min-width: 1024px) {
864            .lg\:gap-8 {
865                gap: 2rem
866            }
867
868            .lg\:p-8 {
869                padding: 2rem
870            }
871        }
872    </style>
873
874    <link rel="icon" type="image/x-icon" href="https://quizcode.pl/assets/quiz_code_64a.ico" />
875    <!-- Bootstrap icons-->
876    <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet" />
877    <!-- Google fonts-->
878    <link rel="preconnect" href="https://fonts.gstatic.com" />
879    <link href="https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,600;1,600&amp;display=swap"
880        rel="stylesheet" />
881    <link
882        href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300;0,500;0,600;0,700;1,300;1,500;1,600;1,700&amp;display=swap"
883        rel="stylesheet" />
884    <link href="https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,400;1,400&amp;display=swap"
885        rel="stylesheet" />
886    <!-- Core theme CSS (includes Bootstrap)-->
887    <link href="https://quizcode.pl/css/styles.css?v=2" rel="stylesheet" />
888
889    <style>
890        :root {
891            --quiz-focus: #4338ca;
892        }
893
894        .quiz-primary-cta {
895            min-height: 48px;
896            display: inline-flex;
897            align-items: center;
898            justify-content: center;
899            font-weight: 700;
900            box-shadow: 0 10px 24px rgba(41, 55, 240, .2);
901        }
902
903        .quiz-secondary-cta {
904            min-height: 48px;
905            display: inline-flex;
906            align-items: center;
907            justify-content: center;
908            font-weight: 700;
909        }
910
911        .tutorial-section {
912            background: linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
913        }
914
915        .tutorial-video-shell {
916            overflow: hidden;
917            border: 1px solid rgba(99, 102, 241, .18);
918            border-radius: 1.5rem;
919            background: #061b2c;
920            box-shadow: 0 24px 60px rgba(15, 23, 42, .16);
921        }
922
923        .tutorial-video {
924            width: 100%;
925            aspect-ratio: 16 / 9;
926            object-fit: contain;
927            background: #061b2c;
928        }
929
930        .tutorial-eyebrow {
931            color: #4f46e5;
932            font-size: .875rem;
933            font-weight: 800;
934            letter-spacing: .08em;
935            text-transform: uppercase;
936        }
937
938        .tutorial-details {
939            color: #64748b;
940            font-size: .95rem;
941        }
942
943        .navbar a:focus-visible,
944        .navbar button:focus-visible,
945        .masthead a:focus-visible,
946        .cta a:focus-visible {
947            outline: 3px solid var(--quiz-focus);
948            outline-offset: 3px;
949        }
950
951        @media (max-width: 991.98px) {
952            #navbarResponsive {
953                margin-top: 1rem;
954                padding: .5rem 0 1rem;
955                border-top: 1px solid #e5e7eb;
956            }
957
958            #navbarResponsive .nav-link,
959            #navbarResponsive .dropdown-item {
960                min-height: 44px;
961                display: flex;
962                align-items: center;
963            }
964
965            .masthead .display-1 {
966                font-size: clamp(2.75rem, 13vw, 4.25rem);
967            }
968        }
969    </style>
970    <link rel="stylesheet" href="https://quizcode.pl/vendor/cookie-consent/css/cookie-consent.css">
971
972</head>
973
974<body id="page-top">
975    <!-- Navigation-->
976    <nav class="navbar navbar-expand-lg navbar-light fixed-top shadow-sm" id="mainNav">
977        <div class="container px-5">
978            <a class="navbar-brand fw-bold" href="https://quizcode.pl/en">Quiz Code</a>
979            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Open or close menu">
980                Menu
981                <i class="bi-list"></i>
982            </button>
983            <div class="collapse navbar-collapse" id="navbarResponsive">
984                <ul class="navbar-nav ms-auto me-4 my-3 my-lg-0">
985                    <li class="nav-item"><a class="nav-link" href="#features">Features</a></li>
986                    <li class="nav-item"><a class="nav-link" href="#demo">Video</a></li>
987                    <li class="nav-item"><a class="nav-link" href="https://quizcode.pl/en/pricing">Pricing</a></li>
988
989                    <li class="nav-item dropdown">
990                        <a class="nav-link dropdown-toggle me-lg-3" href="#" id="moreDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
991                            More
992                        </a>
993                        <ul class="dropdown-menu" aria-labelledby="moreDropdown">
994                            <li><a class="dropdown-item" href="https://quizcode.pl/en/create-online-quiz">Create quizzes online</a></li>
995                            <li><a class="dropdown-item" href="https://quizcode.pl/en/conference-app">Conference app</a></li>
996                            <li><a class="dropdown-item" href="https://quizcode.pl/en/training-quizzes">Training quizzes</a></li>
997                            <li><a class="dropdown-item" href="https://quizcode.pl/en/webinar-quiz">Webinar quiz</a></li>
998                            <li><a class="dropdown-item" href="https://quizcode.pl/en/corporate-event-quiz">Corporate event quiz</a></li>
999                            <li><a class="dropdown-item" href="https://quizcode.pl/en/team-building-quiz">Team-building quiz</a></li>
1000                            <li><a class="dropdown-item" href="https://quizcode.pl/en/use-cases">Knowledge base</a></li>
1001                            <li><a class="dropdown-item" href="https://quizcode.pl/en/faq">Frequently asked questions</a></li>
1002                        </ul>
1003                    </li>
1004                    <li class="nav-item"><a class="nav-link me-lg-3" href="https://quizcode.pl/en/about">About us</a></li>
1005                                            <li class="nav-item"><a class="nav-link me-lg-3" href="https://quizcode.pl/login">Log in</a></li>
1006                                    </ul>
1007                <div class="me-lg-2 mb-2 mb-lg-0"><details class="language-switcher">
1008    <summary aria-label="Choose language">
1009        <span class="language-switcher__flag" aria-hidden="true">🇬🇧</span>
1010        <span class="language-switcher__code">EN</span>
1011        <span class="language-switcher__chevron" aria-hidden="true"></span>
1012    </summary>
1013    <div class="language-switcher__menu" role="menu" aria-label="Choose language">
1014                                                    <a href="https://quizcode.pl/pl" role="menuitem" lang="pl" hreflang="pl-PL" >
1015                    <span class="language-switcher__flag" aria-hidden="true">🇵🇱</span>
1016                    <span>Polski</span>
1017                                    </a>
1018                                                                <a href="https://quizcode.pl/en" role="menuitem" lang="en" hreflang="en-GB"  aria-current="true" >
1019                    <span class="language-switcher__flag" aria-hidden="true">🇬🇧</span>
1020                    <span>English</span>
1021                                            <span class="language-switcher__check" aria-hidden="true">✓</span>
1022                                    </a>
1023                                                                <a href="https://quizcode.pl/de" role="menuitem" lang="de" hreflang="de-DE" >
1024                    <span class="language-switcher__flag" aria-hidden="true">🇩🇪</span>
1025                    <span>Deutsch</span>
1026                                    </a>
1027                                                                <a href="https://quizcode.pl/es" role="menuitem" lang="es" hreflang="es-ES" >
1028                    <span class="language-switcher__flag" aria-hidden="true">🇪🇸</span>
1029                    <span>Español</span>
1030                                    </a>
1031                        </div>
1032</details>
1033
1034    <style>
1035        .language-switcher { position: relative; display: inline-block; color: #0f172a; font-family: Figtree, system-ui, sans-serif; }
1036        .language-switcher > summary { display: inline-flex; min-width: 76px; min-height: 42px; align-items: center; justify-content: center; gap: .45rem; padding: .45rem .7rem; list-style: none; cursor: pointer; border: 1px solid #dbe2ea; border-radius: 999px; background: #fff; font-size: .82rem; font-weight: 700; line-height: 1; box-shadow: 0 1px 2px rgba(15, 23, 42, .06); }
1037        .language-switcher > summary::-webkit-details-marker { display: none; }
1038        .language-switcher > summary:hover { border-color: #a5b4fc; background: #f8fafc; }
1039        .language-switcher > summary:focus-visible { outline: 3px solid rgba(99, 102, 241, .35); outline-offset: 2px; }
1040        .language-switcher__flag { font-size: 1.15rem; line-height: 1; }
1041        .language-switcher__code { letter-spacing: .04em; }
1042        .language-switcher__chevron { width: .45rem; height: .45rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .15s ease; }
1043        .language-switcher[open] .language-switcher__chevron { transform: translateY(2px) rotate(225deg); }
1044        .language-switcher__menu { position: absolute; z-index: 1100; top: calc(100% + .55rem); right: 0; width: 180px; padding: .4rem; border: 1px solid #e2e8f0; border-radius: .85rem; background: #fff; box-shadow: 0 16px 40px rgba(15, 23, 42, .16); }
1045        .language-switcher__menu form { margin: 0; }
1046        .language-switcher__menu button, .language-switcher__menu a { width: 100%; min-height: 42px; display: grid; grid-template-columns: 1.5rem 1fr 1rem; align-items: center; gap: .55rem; padding: .55rem .65rem; border: 0; border-radius: .55rem; background: transparent; color: #334155; text-align: left; text-decoration: none; font: inherit; font-size: .9rem; cursor: pointer; }
1047        .language-switcher__menu button:hover, .language-switcher__menu button:focus-visible, .language-switcher__menu a:hover, .language-switcher__menu a:focus-visible { background: #eef2ff; color: #3730a3; outline: none; }
1048        .language-switcher__menu button[aria-current="true"], .language-switcher__menu a[aria-current="true"] { background: #eef2ff; color: #3730a3; font-weight: 700; }
1049        .language-switcher__check { color: #4f46e5; font-weight: 800; }
1050        .language-switcher--fixed { position: fixed; z-index: 1200; top: 1rem; right: 1rem; }
1051        @media (max-width: 575.98px) { .language-switcher__menu { right: 0; } }
1052    </style>
1053</div>
1054                <button class="btn btn-primary rounded-pill px-3 mb-2 mb-lg-0" data-bs-toggle="modal" data-bs-target="#feedbackModal">
1055                    <span class="d-flex align-items-center">
1056                        <i class="bi-chat-text-fill me-2"></i>
1057                        <span class="small">Contact us</span>
1058                    </span>
1059                </button>
1060            </div>
1061        </div>
1062    </nav>
1063    <!-- Mashead header-->
1064    <header class="masthead">
1065        <div class="container px-5">
1066            <div class="row gx-5 align-items-center">
1067                <div class="col-lg-6">
1068                    <!-- Mashead text and app badges-->
1069                    <div class="mb-5 mb-lg-0 text-center text-lg-start">
1070                        <h1 class="display-1 lh-1 mb-3">Create quizzes that engage your audience</h1>
1071                        <p class="lead fw-normal text-muted mb-4">Prepare questions, share a QR code and show live results at a conference, training session or event.</p>
1072                        <div class="d-flex flex-column flex-sm-row align-items-stretch align-items-sm-center gap-3">
1073                                                            <a class="btn btn-primary rounded-pill px-4 py-3 quiz-primary-cta" href="https://quizcode.pl/register">
1074                                    Create a quiz
1075                                </a>
1076                                                        <a class="btn btn-outline-dark rounded-pill px-4 py-3 quiz-secondary-cta" href="#demo">
1077                                See how it works
1078                            </a>
1079                        </div>
1080                        <div class="d-flex flex-column flex-lg-row align-items-center mt-3">
1081                            <button class="btn btn-link text-muted px-2 py-2 pwa-install-btn">
1082                                <i class="bi bi-download me-2" aria-hidden="true"></i> Optionally install the app
1083                            </button>
1084                            <div class="ios-install-instructions text-muted mt-3 mt-lg-0 ms-lg-3" style="display: none;">
1085                                <p class="mb-1 fw-bold">Installation on iOS:</p>
1086                                <p class="small mb-0"><i class="bi bi-box-arrow-up"></i> Tap “Share” and then “Add to Home Screen”. <i class="bi bi-plus-square"></i></p>
1087                            </div>
1088                            <div class="desktop-install-instructions alert alert-light border mt-3 mt-lg-0 ms-lg-3 w-100 w-lg-auto" style="display: none;">
1089                                <p class="mb-1 fw-bold text-dark">Installation on desktop</p>
1090                                <p class="small mb-0 text-dark">
1091                                    <i class="bi bi-browser-edge"></i>
1092                                    Choose “Install app” in your browser menu or click the install icon next to the address bar.
1093                                </p>
1094                            </div>
1095                        </div>
1096                    </div>
1097                </div>
1098                <div class="col-lg-6">
1099                    <!-- Masthead device mockup feature-->
1100                    <div class="masthead-device-mockup">
1101                        <svg class="circle" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
1102                            <defs>
1103                                <linearGradient id="circleGradient" gradientTransform="rotate(45)">
1104                                    <stop class="gradient-start-color" offset="0%"></stop>
1105                                    <stop class="gradient-end-color" offset="100%"></stop>
1106                                </linearGradient>
1107                            </defs>
1108                            <circle cx="50" cy="50" r="50"></circle></svg>
1109                        <svg class="shape-1 d-none d-sm-block" viewBox="0 0 240.83 240.83" xmlns="http://www.w3.org/2000/svg">
1110                            <rect x="-32.54" y="78.39" width="305.92" height="84.05" rx="42.03" transform="translate(120.42 -49.88) rotate(45)"></rect>
1111                            <rect x="-32.54" y="78.39" width="305.92" height="84.05" rx="42.03" transform="translate(-49.88 120.42) rotate(-45)"></rect></svg>
1112                        <svg class="shape-2 d-none d-sm-block" viewB
1112ox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg>
1113                        <div class="device-wrapper">
1114                            <div class="device1" data-device1="iPhoneX" data-orientation="portrait" data-color="black">
1115                                <div class="screen bg-black">
1116                                    <!-- PUT CONTENTS HERE:-->
1117                                    <!-- * * This can be a video, image, or just about anything else.-->
1118                                    <!-- * * Set the max width of your media to 100% and the height to-->
1119                                    <!-- * * 100% like the demo example below.-->
1120                                    <img
1121                                        src="https://quizcode.pl/assets/img/phone_only.webp"
1122                                        alt="Quiz Code interactive quiz dashboard on a phone"
1123                                        width="1024"
1124                                        height="1536"
1125                                        fetchpriority="high"
1126                                        decoding="async"
1127                                        style="max-width: 100%; height: auto; object-fit: contain; display: block; margin: 0 auto;"
1128                                    />
1129                                </div>
1130                            </div>
1131                        </div>
1132                    </div>
1133                </div>
1134            </div>
1135        </div>
1136    </header>
1137    <!-- Quote/testimonial aside-->
1138    <aside class="text-center bg-gradient-primary-to-secondary">
1139        <div class="container px-5">
1140            <div class="row gx-5 justify-content-center">
1141                <div class="col-xl-8">
1142                    <div class="h2 fs-1 text-white mb-4">„Everything you need in one place”</div>
1143
1144                </div>
1145            </div>
1146        </div>
1147    </aside>
1148    <!-- Video tutorial section -->
1149    <section class="tutorial-section" id="demo" aria-labelledby="tutorial-heading">
1150        <div class="container px-5">
1151            <div class="row justify-content-center">
1152                <div class="col-xl-10">
1153                    <div class="text-center mb-5">
1154                        <p class="tutorial-eyebrow mb-2">Video tutorial</p>
1155                        <h2 class="display-4 lh-1 mb-3" id="tutorial-heading">See how to create a quiz</h2>
1156                        <p class="lead fw-normal text-muted mb-0">
1157                            From the name and questions to privacy settings, publishing and sharing a QR code.
1158                        </p>
1159                    </div>
1160
1161                    <div class="tutorial-video-shell">
1162                        <video
1163                            class="tutorial-video"
1164                            id="quiz-tutorial-video"
1165                            controls
1166                            playsinline
1167                            preload="metadata"
1168                            poster="https://quizcode.pl/assets/video/quiz-code-jak-utworzyc-quiz-poster.webp"
1169                            aria-describedby="tutorial-description"
1170                        >
1171                            <source src="https://quizcode.pl/assets/video/quiz-code-jak-utworzyc-quiz.mp4" type="video/mp4">
1172                            <track
1173                                default
1174                                kind="captions"
1175                                srclang="pl"
1176                                label="Polish captions"
1177                                src="https://quizcode.pl/assets/video/quiz-code-jak-utworzyc-quiz.vtt"
1178                            >
1179                            Your browser does not support video playback.
1180                            <a href="https://quizcode.pl/assets/video/quiz-code-jak-utworzyc-quiz.mp4">Download the tutorial video</a>.
1181                        </video>
1182                    </div>
1183
1184                    <div class="d-flex flex-column flex-md-row align-items-center justify-content-between gap-3 mt-4">
1185                        <p class="tutorial-details mb-0" id="tutorial-description">
1186                            Duration: 1 min 41 sec · Polish voice-over · captions · Full HD
1187                        </p>
1188                        <div class="d-flex flex-column flex-sm-row gap-2 w-100 w-md-auto">
1189                            <a
1190                                class="btn btn-outline-primary rounded-pill px-4"
1191                                href="https://quizcode.pl/assets/video/quiz-code-jak-utworzyc-quiz-transkrypcja.txt"
1192                                download
1193                            >
1194                                <i class="bi bi-file-text me-2" aria-hidden="true"></i> Download transcript
1195                            </a>
1196                                                            <a class="btn btn-primary rounded-pill px-4" href="https://quizcode.pl/register">Try Quiz Code</a>
1197                                                    </div>
1198                    </div>
1199                </div>
1200            </div>
1201        </div>
1202    </section>
1203    <!-- App features section-->
1204    <section id="features">
1205        <div class="container px-5">
1206            <div class="row gx-5 align-items-center">
1207                <div class="col-lg-8 order-lg-1 mb-5 mb-lg-0">
1208                    <div class="container-fluid px-5">
1209                        <div class="row gx-5">
1210                            <div class="col-md-6 mb-5">
1211                                <!-- Feature item-->
1212                                <div class="text-center">
1213                                    <i class="bi-phone icon-feature text-gradient d-block mb-3"></i>
1214                                    <h3 class="font-alt">Answer on your phone</h3>
1215                                    <p class="text-muted mb-0">Participants join without installing another app.</p>
1216                                </div>
1217                            </div>
1218                            <div class="col-md-6 mb-5">
1219                                <!-- Feature item-->
1220                                <div class="text-center">
1221                                    <i class="bi-camera icon-feature text-gradient d-block mb-3"></i>
1222                                    <h3 class="font-alt">Scan a QR code</h3>
1223                                    <p class="text-muted mb-0">
1223One scan is all it takes to start the quiz.</p>
1224                                </div>
1225                            </div>
1226                        </div>
1227                        <div class="row">
1228                            <div class="col-md-6 mb-5 mb-md-0">
1229                                <!-- Feature item-->
1230                                <div class="text-center">
1231                                    <i class="bi-gift icon-feature text-gradient d-block mb-3"></i>
1232                                    <h3 class="font-alt">Host it live</h3>
1233                                    <p class="text-muted mb-0">Control the pace and show results to your audience.</p>
1234                                </div>
1235                            </div>
1236                            <div class="col-md-6">
1237                                <!-- Feature item-->
1238                                <div class="text-center">
1239                                    <i class="bi-patch-check icon-feature text-gradient d-block mb-3"></i>
1240                                    <h3 class="font-alt">Analyse results</h3>
1241                                    <p class="text-muted mb-0">Review answers and export data to Excel.</p>
1242                                </div>
1243                            </div>
1244                        </div>
1245                    </div>
1246                </div>
1247                <div class="col-lg-4 order-lg-0">
1248                    <!-- Features section device mockup-->
1249                    <div class="features-device-mockup">
1250                        <svg class="circle" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
1251                            <defs>
1252                                <linearGradient id="circleGradient" gradientTransform="rotate(45)">
1253                                    <stop class="gradient-start-color" offset="0%"></stop>
1254                                    <stop class="gradient-end-color" offset="100%"></stop>
1255                                </linearGradient>
1256                            </defs>
1257                            <circle cx="50" cy="50" r="50"></circle></svg
1258                        ><svg class="shape-1 d-none d-sm-block" viewBox="0 0 240.83 240.83" xmlns="http://www.w3.org/2000/svg">
1259                            <rect x="-32.54" y="78.39" width="305.92" height="84.05" rx="42.03" transform="translate(120.42 -49.88) rotate(45)"></rect>
1260                            <rect x="-32.54" y="78.39" width="305.92" height="84.05" rx="42.03" transform="translate(-49.88 120.42) rotate(-45)"></rect></svg
1261                        ><svg class="shape-2 d-none d-sm-block" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg>
1262                        <div class="device-wrapper">
1263                            <div class="device" data-device="iPhoneX" data-orientation="portrait" data-color="black">
1264                                <div class="screen bg-black">
1265                                    <!-- PUT CONTENTS HERE:-->
1266                                    <!-- * * This can be a video, image, or just about anything else.-->
1267                                    <!-- * * Set the max width of your media to 100% and the height to-->
1268                                    <!-- * * 100% like the demo example below.-->
1269                                    <img
1270                                        src="https://quizcode.pl/assets/img/phone_only.webp"
1271                                        alt="Quiz Code app"
1272                                        width="1024"
1273                                        height="1536"
1274                                        loading="lazy"
1275                                        decoding="async"
1276                                        style="max-width: 100%; height: auto; object-fit: contain; display: block; margin: 0 auto;"
1277                                    />
1278                                </div>
1279                            </div>
1280                        </div>
1281                    </div>
1282                </div>
1283            </div>
1284        </div>
1285    </section>
1286    <!-- Basic features section-->
1287    <section class="bg-light">
1288        <div class="container px-5">
1289            <div class="row gx-5 align-items-center justify-content-center justify-content-lg-between">
1290                <div class="col-12 col-lg-5">
1291                    <h2 class="display-4 lh-1 mb-4">Enter a new era of communication</h2>
1292                    <p class="lead fw-normal text-muted mb-5 mb-lg-0">Connect participants quickly and keep the conversation flowing without interruption.</p>
1293                </div>
1294                <div class="col-sm-8 col-md-6">
1295                    <div class="px-5 px-sm-0">
1296                        <img
1297                            class="img-fluid rounded-circle"
1298                            src="https://quizcode.pl/assets/img/portret_black.webp"
1299                            alt="Communication"
1300                            width="1024"
1301                            height="1536"
1302                            loading="lazy"
1303                            decoding="async"
1304                        />
1305                    </div>
1306                </div>
1307            </div>
1308        </div>
1309    </section>
1310    <!-- Key SEO destinations -->
1311    <section class="bg-light py-5" aria-labelledby="key-pages-heading">
1312        <div class="container px-5">
1313            <div class="text-center mb-5">
1314                <h2 id="key-pages-heading" class="display-4 lh-1 mb-3">Create online quizzes for every event</h2>
1315                <p class="lead text-muted">Explore the key Quiz Code features and choose a scenario that fits your audience.</p>
1316            </div>
1317            <div class="row g-4 justify-content-center">
1318                                    <div class="col-md-4">
1319                        <article class="h-100 p-4 rounded-3 bg-white border">
1320                            <h3 class="h4"><a class="text-decoration-none" href="https://quizcode.pl/en/create-online-quiz">Create quizzes online</a></h3>
1321                            <p class="text-muted mb-0">Quiz Code helps you create interactive online quizzes, engage conference and training audiences and present results live.</p>
1322                        </article>
1323                    </div>
1324                                    <div class="col-md-4">
1325                        <article class="h-100 p-4 rounded-3 bg-white border">
1326                            <h3 class="h4"><a class="text-decoration-none" href="https://quizcode.pl/en/conference-app">Conference app</a></h3>
1327                            <p class="text-muted mb-0">Quiz Code is a web app for conferences, training and corporate events. Participants answer on their phones while results appear live on the main screen.</p>
1328                        </article>
1329                    </div>
1330                                    <div class="col-md-4">
1331                        <article class="h-100 p-4 rounded-3 bg-white border">
1332                            <h3 class="h4"><a class="text-decoration-none" href="https://quizcode.pl/en/training-quizzes">Training quizzes</a></h3>
1333                            <p class="text-muted mb-0">Quiz Code lets you create quizzes that engage learners and help reinforce knowledge.</p>
1334                        </article>
1335                    </div>
1336                            </div>
1337        </div>
1338    </section>
1339    <!-- Use cases -->
1340    <section class="py-5" aria-labelledby="use-cases-heading">
1341        <div class="container px-5">
1342            <div class="text-center mb-5">
1343                <h2 id="use-cases-heading" class="display-4 lh-1 mb-3">A quiz for every kind of event</h2>
1344                <p class="lead text-muted">We are preparing practical playbooks for interactive quizzes.</p>
1345            </div>
1346            <div class="row g-4">
1347                                    <div class="col-md-4">
1348                        <article class="h-100 p-4 border rounded-3 bg-white shadow-sm">
1349                            <h3 class="h4">Quiz for a webinar</h3>
1350                            <p class="text-muted">Engage remote participants with questions, QR access and live results.</p>
1351                            <a class="fw-bold" href="https://quizcode.pl/en/webinar-quiz">Webinar quiz →</a>
1352                        </article>
1353                    </div>
1354                                    <div class="col-md-4">
1355                        <article class="h-100 p-4 border rounded-3 bg-white shadow-sm">
1356                            <h3 class="h4">Quiz for corporate training and events</h3>
1357                            <p class="text-muted">Check knowledge, vary the agenda and engage employees during company events.</p>
1358                            <a class="fw-bold" href="https://quizcode.pl/en/corporate-event-quiz">Corporate event quiz →</a>
1359                        </article>
1360                    </div>
1361                                    <div class="col-md-4">
1362                        <article class="h-100 p-4 border rounded-3 bg-white shadow-sm">
1363                            <h3 class="h4">Quiz for team building</h3>
1364                            <p class="text-muted">Bring participants together through friendly competition and team-specific questions.</p>
1365                            <a class="fw-bold" href="https://quizcode.pl/en/team-building-quiz">Team-building quiz →</a>
1366                        </article>
1367                    </div>
1368                            </div>
1369        </div>
1370    </section>
1371    <!-- AI Magic Creator section -->
1372    <section class="bg-gradient-primary-to-secondary py-5">
1373        <div class="container px-5">
1374            <div class="row gx-5 align-items-center justify-content-center">
1375                <div class="col-lg-10 text-center text-white mb-4">
1376                    <h2 class="display-4 lh-1 mb-3 font-alt">✨ Magic Creator — AI quiz</h2>
1377                    <p class="lead fw-normal mb-0">A new era of quiz creation. Enter a website address or upload a PDF, and AI will generate a ready-to-use quiz in seconds.</p>
1378                </div>
1379            </div>
1380            <div class="row gx-5 justify-content-center">
1381                <div class="col-md-4 mb-4">
1382                    <div class="text-center text-white">
1383                        <div class="mb-3" style="font-size: 2.5rem;">🌐</div>
1384                        <h4 class="font-alt">Source: website or PDF</h4>
1385                        <p class="text-white-75 mb-0">Enter up to 5 URLs or upload a PDF — AI will analyse the content and prepare questions.</p>
1386                    </div>
1387                </div>
1388                <div class="col-md-4 mb-4">
1389                    <div class="text-center text-white">
1390                        <div class="mb-3" style="font-size: 2.5rem;">🤖</div>
1391                        <h4 class="font-alt">Automatic generation</h4>
1392                        <p class="text-white-75 mb-0">Choose the number of questions, language and difficulty — your quiz will be ready in seconds.</p>
1393                    </div>
1394                </div>
1395                <div class="col-md-4 mb-4">
1396                    <div class="text-center text-white">
1397                        <div class="mb-3" style="font-size: 2.5rem;">📊</div>
1398                        <h4 class="font-alt">Lead collection</h4>
1399                        <p class="text-white-75 mb-0">Enable a contact form before or after the quiz and collect participant data with full analytics.</p>
1400                    </div>
1401                </div>
1402            </div>
1403        </div>
1404    </section>
1405    <!-- Call to action section-->
1406    <section class="cta">
1407        <div class="cta-content">
1408            <div class="container px-5">
1409                <h2 class="text-white display-1 lh-1 mb-4">
1410                    Stop waiting.
1411                    <br />
1412                    Start creating your quizzes and QR codes.
1413                </h2>
1414                                    <a class="btn btn-outline-light py-3 px-4 roun
1414ded-pill" href="https://quizcode.pl/register">Create an account and quiz</a>
1415                            </div>
1416        </div>
1417    </section>
1418    <!-- App badge section-->
1419    <section class="bg-gradient-primary-to-secondary" id="download">
1420        <div class="container px-5">
1421            <h2 class="text-center text-white font-alt mb-4">Get the app!</h2>
1422            <div class="d-flex flex-column align-items-center justify-content-center text-center">
1423                <div class="d-flex flex-column flex-sm-row align-items-center justify-content-center gap-3 mb-3">
1424                    <button class="btn btn-outline-light rounded-pill px-4 py-3 pwa-install-btn">
1425                        <i class="bi bi-download me-2"></i> Install the app
1426                    </button>
1427                    <a
1428                        class="btn btn-light rounded-pill px-4 py-3"
1429                        href="https://play.google.com/store/apps/details?id=pl.quizcode.outdoor"
1430                        target="_blank"
1431                        rel="noopener noreferrer"
1432                    >
1433                        <i class="bi bi-google-play me-2" aria-hidden="true"></i> Quiz Code Outdoor on Google Play
1434                    </a>
1435                </div>
1436                <div class="ios-install-instructions text-white" style="display: none;">
1437                    <p class="mb-2 fw-bold">Installation on iOS:</p>
1438                    <p class="small"><i class="bi bi-box-arrow-up"></i> Tap “Share” and then “Add to Home Screen”. <i class="bi bi-plus-square"></i></p>
1439                </div>
1440                <div class="desktop-install-instructions text-white mt-3" style="display: none;">
1441                    <p class="mb-2 fw-bold">Installation on desktop</p>
1442                    <p class="small mb-0"><i class="bi bi-browser-edge"></i> Choose “Install app” in your browser menu or click the install icon next to the address bar.</p>
1443                </div>
1444            </div>
1445        </div>
1446    </section>
1447    <!-- Footer-->
1448    <footer class="bg-black text-center py-5">
1449        <div class="container px-5">
1450            <div class="text-white-50 small">
1451                <div class="mb-2">&copy; 2026 AT-net Tomasz Góral. All rights reserved.</div>
1452                <a href="https://quizcode.pl/en/about">About us</a>
1453                <span class="mx-1">&middot;</span>
1454                <a href="https://quizcode.pl/en/pricing">Pricing</a>
1455                <span class="mx-1">&middot;</span>
1456                <a href="https://quizcode.pl/regulamin">Terms of service</a>
1457                <span class="mx-1">&middot;</span>
1458                <a href="https://quizcode.pl/polityka-prywatnosci">Privacy policy</a>
1459                <span class="mx-1">&middot;</span>
1460                <button type="button" class="js-lcc-settings-toggle border-0 bg-transparent p-0 text-white-50 text-decoration-underline">Cookie settings</button>
1461                <span class="mx-1">&middot;</span>
1462                <a href="https://quizcode.pl/en/contact">Contact</a>
1463                <div class="mt-2">
1464                    <a href="https://quizcode.pl/en/create-online-quiz">Create quizzes online</a>
1465                    <span class="mx-1">&middot;</span>
1466                    <a href="https://quizcode.pl/en/conference-app">Conference app</a>
1467                    <span class="mx-1">&middot;</span>
1468                    <a href="https://quizcode.pl/en/training-quizzes">Training quizzes</a>
1469                </div>
1470                <div class="mt-2">
1471                    <a href="https://quizcode.pl/en/webinar-quiz">Webinar quiz</a>
1472                    <span class="mx-1">&middot;</span>
1473                    <a href="https://quizcode.pl/en/corporate-event-quiz">Corporate event quiz</a>
1474                    <span class="mx-1">&middot;</span>
1475                    <a href="https://quizcode.pl/en/team-building-quiz">Team-building quiz</a>
1476                </div>
1477            </div>
1478        </div>
1479    </footer>
1480    <!-- Feedback Modal-->
1481    <div class="modal fade" id="feedbackModal" tabindex="-1" aria-labelledby="feedbackModalLabel" aria-hidden="true">
1482        <div class="modal-dialog modal-dialog-centered">
1483            <div class="modal-content">
1484                <div class="modal-header bg-gradient-primary-to-secondary p-4">
1485                    <h5 class="modal-title font-alt text-white" id="feedbackModalLabel">Contact us</h5>
1486                    <button class="btn-close btn-close-white" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
1487                </div>
1488                <div class="modal-body border-0 p-4">
1489                    <p>Tell us about your event or training session. We will answer your questions about Quiz Co
1489de.</p>
1490                    <div class="d-grid gap-3">
1491                        <a class="btn btn-primary rounded-pill btn-lg" href="mailto:[email protected]">[email protected]</a>
1492                        <a class="btn btn-outline-primary rounded-pill" href="tel:+48509288840">+48 509 288 840</a>
1493                        <a class="btn btn-link" href="https://quizcode.pl/en/contact">View full contact details</a>
1494                    </div>
1495                </div>
1496            </div>
1497        </div>
1498    </div>
1499    <!-- Bootstrap core JS-->
1500    
1500<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
1500
1501    <!-- Core theme JS-->
1502    
1502<script src="https://quizcode.pl/js/scripts.js"></script>
1502
1503
1504    <!-- Service Worker Registration -->
1505    
1505<script>
1506        if ('serviceWorker' in navigator) {
1507            window.addEventListener('load', () => {
1508                navigator.serviceWorker.register('/service-worker.js')
1509                    .then(registration => {
1510                        console.log('ServiceWorker registered: ', registration);
1511                    })
1512                    .catch(error => {
1513                        console.log('ServiceWorker registration failed: ', error);
1514                    });
1515            });
1516        }
1517    </script>
1517
1518
1519    <!-- PWA Install Logic -->
1520    
1520<script>
1521        let deferredPrompt;
1522        const installBtns = document.querySelectorAll('.pwa-install-btn');
1523        const iosInstalls = document.querySelectorAll('.ios-install-instructions');
1524        const desktopInstalls = document.querySelectorAll('.desktop-install-instructions');
1525
1526        const showInstallButtons = () => installBtns.forEach(btn => btn.style.display = 'inline-block');
1527        const hideInstallButtons = () => installBtns.forEach(btn => btn.style.display = 'none');
1528        const showDesktopInstructions = () => desktopInstalls.forEach(el => el.style.display = 'block');
1529
1530        window.addEventListener('beforeinstallprompt', (e) => {
1531            // Prevent the mini-infobar from appearing on mobile
1532            e.preventDefault();
1533            // Stash the event so it can be triggered later.
1534            deferredPrompt = e;
1535            showInstallButtons();
1536            showDesktopInstructions();
1537        });
1538
1539        installBtns.forEach(btn => {
1540            btn.addEventListener('click', async () => {
1541                if (deferredPrompt) {
1542                    deferredPrompt.prompt();
1543                    const { outcome } = await deferredPrompt.userChoice;
1544                    deferredPrompt = null;
1545                    if (outcome === 'accepted') {
1546                        hideInstallButtons();
1547                    }
1548                } else if (isWindows()) {
1549                    alert("Choose \u201cInstall app\u201d in your browser menu or click the install icon next to the address bar.");
1550                }
1551            });
1552        });
1553
1554        const isIos = () => window.navigator.userAgent.toLowerCase().match(/iphone|ipad|ipod/);
1555        const isWindows = () => window.navigator.userAgent.toLowerCase().includes('windows');
1556        const isInStandaloneMode = () => ('standalone' in window.navigator) && (window.navigator.standalone);
1557
1558        if (isIos() && !isInStandaloneMode()) {
1559            iosInstalls.forEach(el => el.style.display = 'block');
1560        }
1561
1562        if (isWindows()) {
1563            showInstallButtons();
1564            showDesktopInstructions();
1565        }
1566    </script>
1566
1567<div
1568    role="dialog"
1569    aria-labelledby="lcc-modal-alert-label"
1570    aria-describedby="lcc-modal-alert-desc"
1571    aria-modal="true"
1572    class="lcc-modal lcc-modal--alert js-lcc-modal js-lcc-modal-alert"
1573    style="display: none"
1574    data-cookie-key="__cookie_consent"
1575    data-cookie-value-analytics="2"
1576    data-cookie-value-marketing="3"
1577    data-cookie-value-both="true"
1578    data-cookie-value-none="false"
1579    data-cookie-expiration-days="180"
1580    data-gtm-event="cookie_refresh"
1581    data-ignored-paths=""
1582    data-session-domain=""
1583    data-cookie-secure="1"
1584>
1585    <div class="lcc-modal__content">
1586        <h2 id="lcc-modal-alert-label" class="lcc-modal__title">
1587            Your privacy and cookies        </h2>
1588        <p id="lcc-modal-alert-desc" class="lcc-text">
1589            We use essential cookies to operate the service. Analytics and marketing cookies are enabled only with your consent. You can change your choice at any time.
1590        </p>
1591    </div>
1592    <div class="lcc-modal__actions">
1593        <button type="button" class="lcc-button js-lcc-accept">
1594            Accept all        </button>
1595        <button type="button" class="lcc-button js-lcc-essentials">
1596            Essential only        </button>
1597        <button type="button" class="lcc-button lcc-button--ghost js-lcc-settings-toggle">
1598            Cookie settings        </button>
1599    </div>
1600</div>
1601
1602<div
1603    role="dialog"
1604    aria-labelledby="lcc-modal-settings-label"
1605    aria-describedby="lcc-modal-settings-desc"
1606    aria-modal="true"
1607    class="lcc-modal lcc-modal--settings js-lcc-modal js-lcc-modal-settings"
1608    style="display: none"
1609>
1610    <button class="lcc-modal__close js-lcc-settings-toggle" type="button">
1611        <span class="lcc-u-sr-only">
1612            Close settings        </span>
1613        &times;
1614    </button>
1615    <div class="lcc-modal__content">
1616        <div class="lcc-modal__content">
1617            <h2 id="lcc-modal-settings-label" class="lcc-modal__title">
1618                Cookie settings            </h2>
1619            <p id="lcc-modal-settings-desc" class="lcc-text">
1620                You can decide independently about analytics and marketing cookies. Details are available in the <a href="/polityka-prywatnosci" target="_blank" rel="noopener" class="underline hover:no-underline">privacy policy</a> (currently available in Polish).
1621            </p>
1622            <div class="lcc-modal__section lcc-u-text-center">
1623                <button type="button" class="lcc-button js-lcc-accept">
1624                    Accept all                </button>
1625            </div>
1626            <div class="lcc-modal__section">
1627                <label for="lcc-checkbox-essential" class="lcc-label">
1628                    <input type="checkbox" id="lcc-checkbox-essential" disabled="disabled" checked="checked" />
1629                    <span>Essential</span>
1630                </label>
1631                <p class="lcc-text">
1632                    provide security, maintain sessions and support basic site functions. They cannot be disabled.                </p>
1633            </div>
1634            <div class="lcc-modal__section">
1635                <label for="lcc-checkbox-analytics" class="lcc-label">
1636                    <input type="checkbox" id="lcc-checkbox-analytics" />
1637                    <span>Analytics</span>
1638                </label>
1639                <p class="lcc-text">
1640                    help us measure service usage and improve how it works. They remain disabled until you give consent.                </p>
1641            </div>
1642            <div class="lcc-modal__section">
1643                <label for="lcc-checkbox-marketing" class="lcc-label">
1644                    <input type="checkbox" id="lcc-checkbox-marketing" />
1645                    <span>Marketing</span>
1646                </label>
1647                <p class="lcc-text">
1648                    may be used to tailor communications and measure campaigns. They remain disabled until you give consent.                </p>
1649            </div>
1650        </div>
1651    </div>
1652    <div class="lcc-modal__actions lcc-modal__actions-center">
1653        <button type="button" class="lcc-button js-lcc-settings-save">
1654            Save selection        </button>
1655    </div>
1656</div>
1657
1658<div class="lcc-backdrop js-lcc-backdrop" style="display: none"></div>
1659<script type="text/javascript" src="https://quizcode.pl/vendor/cookie-consent/js/cookie-consent.js"></script>
1659
1660</body>
1661
1662</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.