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&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&display=swap" 883 rel="stylesheet" /> 884 <link href="https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,400;1,400&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">© 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">·</span> 1454 <a href="https://quizcode.pl/en/pricing">Pricing</a> 1455 <span class="mx-1">·</span> 1456 <a href="https://quizcode.pl/regulamin">Terms of service</a> 1457 <span class="mx-1">·</span> 1458 <a href="https://quizcode.pl/polityka-prywatnosci">Privacy policy</a> 1459 <span class="mx-1">·</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">·</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">·</span> 1466 <a href="https://quizcode.pl/en/conference-app">Conference app</a> 1467 <span class="mx-1">·</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">·</span> 1473 <a href="https://quizcode.pl/en/corporate-event-quiz">Corporate event quiz</a> 1474 <span class="mx-1">·</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 × 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.