1<!DOCTYPE html> 2<html> 3 4<head> 5 6 <!-- Google Tag Manager -->
7<script>
vendor: 331 bytes, lines 7-11
7(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 8new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 9j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 10'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 11})(window,document,'script','dataLayer','
11GTM-TFGWFZ7P
vendor: 3 bytes, line 11
11');
11</script>
11 12<!-- End Google Tag Manager --> 13 14 <title>strefa retro</title> 15 <link rel="stylesheet" href="main.css"> 16 <link rel="stylesheet" href="additional.css"> 17 <!--retro fonts--> 18 <!-- IBM plex --> 19 <link rel="preconnect" href="https://fonts.googleapis.com"> 20 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 21 <link 22 href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" 23 rel="stylesheet"> 24 25 <link 26 href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=M+PLUS+Code+Latin:[email protected]&display=swap" 27 rel="stylesheet"> 28 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" /> 29 30 <link 31 href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=M+PLUS+Code+Latin:[email protected]&family=Press+Start+2P&display=swap" 32 rel="stylesheet"> 33 <!-- M Plus code latin --> 34 35 <link href="https://fonts.googleapis.com/css2?family=M+PLUS+Code+Latin:wdth,wght@125,100..700&display=swap" 36 rel="stylesheet"> 37 <!-- press start 2p --> 38 39 <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet"> 40 <!-- source code pro --> 41 42 <link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap" 43 rel="stylesheet"> 44 <!-- bootstrap --> 45 <link href="bootstrap.min.css" rel="stylesheet"> 46
46<script src="bootstrap.bundle.min.js"></script>
46 47
47<script src="https://code.jquery.com/jquery-3.7.1.min.js" 48 integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
48 49
49<script src="index.js"></script>
49 50
50<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
50 51 <meta content="width=device-width, initial-scale=1" name="viewport" /> 52 <meta charset="UTF-8"> 53 <meta charset="UTF-8"/> 54</head> 55 56<body class="bckgrnd-clr"> 57 58 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 58-59
58 59<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
59GTM-TFGWFZ7P
vendor: 85 bytes, lines 59-60
59" 60height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
61<!-- End Google Tag Manager (noscript) --> 62 63 <div id="nav-placeholder"></div> 64 65 <div id="container-fluid" class="container-fluid back-clr back-retro"> 66 <div class="container ibm"> 67 <section class="home-retro-ui"> 68 </section> 69 </div> 70 </div> 71 72 <div id="language-change"> 73 <a href="./r-index.html"><img src="../images/pl.svg" alt="polish"></a> 74 <a href="../en/r-index.html"><img src="../images/gb.svg" alt="english"></a> 75 </div> 76 77 <style> 78 79 #language-change { 80 position: fixed; 81 top: 20px; 82 right: 20px; 83 z-index: 9999; 84 display: inline-flex; 85 align-items: center; 86 gap: 10px; 87 } 88 89 #language-change a { 90 margin: 0; 91 } 92 93 #language-change img { 94 width: 32px; 95 height: 20px; 96 display: block; 97 box-shadow: 0 4px 8px black; 98 } 99 * { 100 --bg: #020617; 101 --bg-2: #0f172a; 102 --bg-3: #111827; 103 --card: #111827; 104 --card-2: #172033; 105 --text: #f8fafc; 106 --muted: #cbd5e1; 107 --line: rgba(148, 163, 184, 0.18); 108 --accent: #60a5fa; 109 --accent-2: #a78bfa; 110 --pill: rgba(96, 165, 250, 0.12); 111 --shadow: 0 22px 55px rgba(2, 6, 23, 0.35); 112 } 113 .home-retro-ui { 114 --bg: #020617; 115 --bg-2: #0f172a; 116 --bg-3: #111827; 117 --card: #111827; 118 --card-2: #172033; 119 --text: #f8fafc; 120 --muted: #cbd5e1; 121 --line: rgba(148, 163, 184, 0.18); 122 --accent: #60a5fa; 123 --accent-2: #a78bfa; 124 --pill: rgba(96, 165, 250, 0.12); 125 --shadow: 0 22px 55px rgba(2, 6, 23, 0.35); 126 color: var(--text); 127 margin: 32px 0 48px; 128 } 129 130 .home-retro-ui * { 131 box-sizing: border-box; 132 } 133 134 .home-retro-ui a { 135 text-decoration: none; 136 } 137 138 .home-retro-ui .presstart { 139 font-family: "Press Start 2P", cursive; 140 } 141 142 .home-wrap { 143 max-width: 1200px; 144 margin: 0 auto; 145 padding: 0 12px; 146 } 147 148 .home-hero { 149 display: grid; 150 grid-template-columns: minmax(0, 1.3fr) minmax(320px, 0.7fr); 151 gap: 22px; 152 margin-bottom: 26px; 153 } 154 155 .home-hero-main, 156 .home-hero-side { 157 border: 1px solid var(--line); 158 border-radius: 28px; 159 box-shadow: var(--shadow); 160 overflow: hidden; 161 background: linear-gradient(180deg, rgba(15, 23, 42, 0.94) 0%, rgba(17, 24, 39, 0.98) 100%); 162 } 163 164 .home-hero-main { 165 padding: 40px 34px; 166 position: relative; 167 isolation: isolate; 168 } 169 170 .home-hero-main::before { 171 content: ""; 172 position: absolute; 173 inset: 0; 174 background: 175 radial-gradient(circle at top right, rgba(96, 165, 250, 0.14), transparent 32%), 176 radial-gradient(circle at bottom left, rgba(167, 139, 250, 0.12), transparent 28%); 177 z-index: -1; 178 } 179 180 .home-kicker { 181 display: inline-block; 182 font-size: 12px; 183 font-weight: 700; 184 text-transform: uppercase; 185 letter-spacing: .08em; 186 background: rgba(255,255,255,0.08); 187 color: #bfdbfe; 188 padding: 8px 12px; 189 border-radius: 999px; 190 margin-bottom: 18px; 191 border: 1px solid rgba(255,255,255,0.08); 192 } 193 194 .home-hero-main h1 { 195 margin: 0 0 16px; 196 font-size: 38px; 197 line-height: 1.16; 198 color: #ffffff; 199 } 200 201 .home-hero-main p { 202 margin: 0; 203 max-width: 760px; 204 font-size: 17px; 205 line-height: 1.85; 206 color: var(--muted); 207 } 208 209 .home-hero-actions { 210 display: flex; 211 flex-wrap: wrap; 212 gap: 12px; 213 margin-top: 24px; 214 } 215 216 .home-hero-btn { 217 display: inline-flex; 218 align-items: center; 219 justify-content: center; 220 min-height: 48px; 221 padding: 12px 16px; 222 border-radius: 14px; 223 font-size: 14px; 224 font-weight: 700; 225 border: 1px solid var(--line); 226 transition: transform 0.2s ease, box-shadow 0.2s ease; 227 } 228 229 .home-hero-btn.primary { 230 background: linear-gradient(135deg, #2563eb 0%, #4f46e5 100%); 231 color: #fff; 232 } 233 234 .home-hero-btn.secondary { 235 background: rgba(255,255,255,0.04); 236 color: var(--text); 237 } 238 239 .home-hero-btn:hover { 240 transform: translateY(-2px); 241 box-shadow: 0 12px 24px rgba(2, 6, 23, 0.22); 242 color: inherit; 243 } 244 245 .home-hero-side { 246 padding: 22px; 247 display: grid; 248 gap: 14px; 249 align-content: center; 250 } 251 252 .home-side-card { 253 border: 1px solid var(--line); 254 border-radius: 18px;
255 padding: 18px; 256 background: linear-gradient(135deg, rgba(30, 41, 59, 0.9) 0%, rgba(15, 23, 42, 0.95) 100%); 257 } 258 259 .home-side-card span { 260 display: inline-block; 261 margin-bottom: 8px; 262 font-size: 11px; 263 font-weight: 700; 264 text-transform: uppercase; 265 letter-spacing: 0.05em; 266 color: var(--accent); 267 } 268 269 .home-side-card h3 { 270 margin: 0 0 8px; 271 font-size: 18px; 272 line-height: 1.25; 273 color: #fff; 274 } 275 276 .home-side-card p { 277 margin: 0; 278 font-size: 14px; 279 line-height: 1.7; 280 color: var(--muted); 281 } 282 283 .home-section { 284 background: linear-gradient(180deg, rgba(15, 23, 42, 0.94) 0%, rgba(17, 24, 39, 0.98) 100%); 285 border: 1px solid var(--line); 286 border-radius: 24px; 287 box-shadow: var(--shadow); 288 padding: 28px; 289 margin-bottom: 24px; 290 } 291 292 .home-section-head { 293 text-align: center; 294 margin-bottom: 20px; 295 } 296 297 .home-section-head h2 { 298 margin: 0 0 10px; 299 font-size: 28px; 300 line-height: 1.25; 301 color: #fff; 302 } 303 304 .home-section-head p { 305 margin: 0 auto; 306 max-width: 820px; 307 color: var(--muted); 308 line-height: 1.8; 309 font-size: 15px; 310 } 311 312 .home-grid { 313 display: grid; 314 grid-template-columns: repeat(12, 1fr); 315 gap: 18px; 316 } 317 318 .home-feature-card { 319 grid-column: span 3;
320 background: linear-gradient(135deg, rgba(30, 41, 59, 0.92) 0%, rgba(15, 23, 42, 0.98) 100%); 321 border: 1px solid var(--line); 322 border-radius: 20px; 323 padding: 22px; 324 box-shadow: 0 12px 30px rgba(2, 6, 23, 0.18); 325 text-align: center; 326 height: 100%; 327 } 328 329 .home-feature-card h3 { 330 margin: 0 0 10px; 331 font-size: 19px; 332 line-height: 1.3; 333 color: #fff; 334 } 335 336 .home-feature-card p { 337 margin: 0; 338 color: var(--muted); 339 line-height: 1.75; 340 font-size: 14px; 341 } 342 343 .home-pill { 344 display: inline-block; 345 font-size: 11px; 346 font-weight: 700; 347 color: var(--accent); 348 background: var(--pill); 349 border: 1px solid rgba(96, 165, 250, 0.14); 350 border-radius: 999px; 351 padding: 7px 11px; 352 margin-bottom: 12px; 353 text-transform: uppercase; 354 letter-spacing: .04em; 355 } 356 357 .home-plan-grid { 358 display: grid; 359 grid-template-columns: minmax(0, 1fr) 280px; 360 gap: 20px; 361 align-items: stretch; 362 } 363 364 .home-cta-grid { 365 display: grid; 366 grid-template-columns: repeat(12, 1fr); 367 gap: 14px; 368 } 369 370 .home-cta-link { 371 grid-column: span 6; 372 display: flex; 373 align-items: center; 374 justify-content: center; 375 text-align: center; 376 min-height: 72px; 377 padding: 18px 16px;
378 background: linear-gradient(135deg, rgba(30, 41, 59, 0.92) 0%, rgba(15, 23, 42, 0.98) 100%); 379 border: 1px solid var(--line); 380 border-radius: 18px; 381 color: #fff; 382 font-weight: 700; 383 transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; 384 } 385 386 .home-cta-link:hover { 387 transform: translateY(-2px); 388 box-shadow: 0 14px 28px rgba(2, 6, 23, 0.2); 389 border-color: rgba(96, 165, 250, 0.32); 390 color: #fff; 391 } 392 393 .home-booking-box { 394 background: linear-gradient(135deg, rgba(30, 41, 59, 0.92) 0%, rgba(15, 23, 42, 0.98) 100%); 395 border: 1px solid var(--line); 396 border-radius: 20px; 397 padding: 20px; 398 } 399 400 .home-booking-box h3 { 401 margin: 0 0 12px; 402 font-size: 18px; 403 color: #fff; 404 line-height: 1.25; 405 } 406 407 .home-booking-links { 408 display: flex; 409 flex-direction: column; 410 gap: 10px; 411 } 412 413 .home-booking-links a { 414 display: block; 415 padding: 11px 12px; 416 border-radius: 12px; 417 border: 1px solid var(--line); 418 background: rgba(255,255,255,0.03); 419 color: var(--muted); 420 font-size: 13px; 421 font-weight: 700; 422 transition: background 0.2s ease, color 0.2s ease; 423 } 424 425 .home-booking-links a:hover { 426 background: rgba(255,255,255,0.06); 427 color: #fff; 428 } 429 430 .home-text-block {
431 background: linear-gradient(135deg, rgba(30, 41, 59, 0.92) 0%, rgba(15, 23, 42, 0.98) 100%); 432 border: 1px solid var(--line); 433 border-radius: 20px; 434 padding: 24px 26px; 435 text-align: center; 436 } 437 438 .home-text-block p { 439 margin: 0; 440 color: var(--muted); 441 line-height: 1.9; 442 font-size: 15px; 443 } 444 445 .home-text-block strong { 446 color: #fff; 447 } 448 449 .home-hours-grid { 450 display: grid; 451 grid-template-columns: repeat(12, 1fr); 452 gap: 18px; 453 align-items: stretch; 454 } 455 456 .home-hours-card, 457 .home-hours-table-card { 458 background: linear-gradient(135deg, rgba(30, 41, 59, 0.92) 0%, rgba(15, 23, 42, 0.98) 100%); 459 border: 1px solid var(--line); 460 border-radius: 20px; 461 padding: 22px; 462 height: 100%; 463 } 464 465 .home-hours-card { 466 grid-column: span 4; 467 text-align: center; 468 } 469 470 .home-hours-table-card { 471 grid-column: span 8; 472 } 473 474 .home-hours-card h3, 475 .home-hours-table-card h3 { 476 margin: 0 0 10px; 477 font-size: 20px; 478 line-height: 1.25; 479 color: #fff; 480 } 481 482 .home-hours-card p { 483 margin: 0; 484 color: var(--muted); 485 line-height: 1.8; 486 font-size: 15px; 487 } 488 489 .home-hours-card a { 490 color: var(--accent); 491 font-weight: 700; 492 } 493 494 .hours-list-ui { 495 list-style: none; 496 margin: 0; 497 padding: 0; 498 } 499 500 .hours-list-ui li { 501 display: flex; 502 justify-content: space-between; 503 gap: 16px; 504 padding: 12px 0; 505 border-bottom: 1px solid var(--line); 506 color: var(--muted); 507 line-height: 1.6; 508 font-size: 14px; 509 } 510 511 .hours-list-ui li:last-child { 512 border-bottom: 0; 513 } 514 515 .hours-day { 516 font-weight: 700; 517 color: #fff; 518 } 519 520 .hours-time { 521 text-align: right; 522 } 523 524 .home-video-card { 525 background: linear-gradient(180deg, rgba(15, 23, 42, 0.94) 0%, rgba(17, 24, 39, 0.98) 100%); 526 border: 1px solid var(--line); 527 border-radius: 24px; 528 box-shadow: var(--shadow); 529 padding: 28px; 530 } 531 532 .video-container { 533 width: 100%; 534 max-width: 1200px; 535 margin: 0 auto; 536 overflow: hidden; 537 border-radius: 18px; 538 border: 1px solid var(--line); 539 background: #000; 540 box-shadow: 0 10px 25px rgba(2, 6, 23, 0.25); 541 } 542 543 .video-container video { 544 width: 100%; 545 height: auto; 546 display: block; 547 object-fit: cover; 548 } 549 550 @media (max-width: 1100px) { 551 .home-hero { 552 grid-template-columns: 1fr; 553 } 554 555 .home-feature-card { 556 grid-column: span 6; 557 } 558 559 .home-plan-grid { 560 grid-template-columns: 1fr; 561 } 562 563 .home-hours-card, 564 .home-hours-table-card { 565 grid-column: span 12; 566 } 567 } 568 569 @media (max-width: 700px) { 570 .home-cta-link { 571 grid-column: span 12; 572 } 573 } 574 575 @media (max-width: 640px) { 576 .home-hero-main, 577 .home-hero-side { 578 padding: 24px 20px; 579 } 580 581 .home-hero-main h1 { 582 font-size: 28px; 583 } 584 585 .home-section, 586 .home-video-card { 587 padding: 22px 20px; 588 } 589 590 .home-section-head h2 { 591 font-size: 24px; 592 } 593 594 .home-feature-card { 595 grid-column: span 12; 596 } 597 598 .hours-list-ui li { 599 flex-direction: column; 600 gap: 4px; 601 } 602 603 .hours-time { 604 text-align: left; 605 } 606 607 .video-container { 608 max-width: 100%; 609 } 610 } 611 </style> 612 613 <div class="home-wrap"> 614 <section class="home-hero"> 615 <div class="home-hero-main"> 616 <span class="home-kicker">Warszawskie Muzeum Komputerów i Gier</span> 617 <h1>Zagraj na oryginalnych sprzÄtach w stolicy</h1> 618 <p> 619 To nie jest klasyczne muzeum z eksponatami za szybÄ . U nas można usiÄ ÅÄ przy klasycznym kineskopowym ekranie, 620 chwyciÄ joystick i po prostu pograÄ na sprzÄcie sprzed kilkunastu i kilkudziesiÄciu lat. 621 </p> 622 623 <div class="home-hero-actions"> 624 <a class="home-hero-btn primary" href="https://wmkig.pl/oferta.html#dlaszkol">Zaplanuj wizytÄ</a> 625 <a class="home-hero-btn secondary" href="https://wmkig.pl/cennik.html">Sprawdź cennik</a> 626 </div> 627 </div> 628 629 <div class="home-hero-side"> 630 <article class="home-side-card">
631 <span>Konsole i komputery</span> 632 <h3>Od Atari po klasyczne PC</h3> 633 <p>SprzÄty, które można nie tylko oglÄ daÄ, ale też uruchomiÄ i sprawdziÄ w praktyce.</p> 634 </article> 635 636 <article class="home-side-card"> 637 <span>Offline multiplayer</span> 638 <h3>Klimat dawnych kafejek i kanapowego grania</h3> 639 <p>Wspólna rywalizacja i zabawa, której nie zastÄ pi żaden emulator ani matchmaking.</p> 640 </article> 641 642 <article class="home-side-card"> 643 <span>Retro doÅwiadczenie</span> 644 <h3>Nie tylko muzeum</h3> 645 <p>Miejsce dla fanów historii technologii, rodzin, grup szkolnych i wszystkich, którzy chcÄ wróciÄ do dawnych lat.</p> 646 </article> 647 </div> 648 </section> 649 650 <section class="home-section"> 651 <div class="home-section-head"> 652 <h2 class="presstart">Strefa retro w skrócie</h2> 653 <p> 654 Chcemy, by każda wizyta byÅa podrÃ³Å¼Ä w przeszÅoÅÄ â dla mÅodszych odkryciem historii gier, 655 a dla starszych powrotem do czasów, gdy grywalnoÅÄ byÅa ważniejsza niż grafika. 656 </p> 657 </div> 658 659 <div class="home-grid"> 660 <article class="home-feature-card"> 661 <span class="home-pill">Konsole</span> 662 <h3>Od Atari 2600 do PlayStation</h3> 663 <p>Przekrój przez najważniejsze generacje konsol i klasycznych tytuÅów.</p> 664 </article> 665 666 <article class="home-feature-card"> 667 <span class="home-pill">Komputery</span> 668 <h3>Od mikrokomputerów do PC</h3> 669 <p>Stanowiska pokazujÄ ce rozwój komputerów domowych i pecetów.</p> 670 </article> 671 672 <article class="home-feature-card"> 673 <span class="home-pill">LAN</span> 674 <h3>Duch dawnych kafejek internetowych</h3> 675 <p>Wspólne granie offline i klimat, którego nie da siÄ odtworzyÄ online.</p> 676 </article> 677 678 <article class="home-feature-card"> 679 <span class="home-pill">Planszówki</span> 680 <h3>CoÅ dla fanów gier bez prÄ du</h3> 681 <p>
681Strefa dla tych, którzy lubiÄ rywalizacjÄ także poza ekranem.</p> 682 </article> 683 </div> 684 </section> 685 686 <section class="home-section"> 687 <div class="home-section-head"> 688 <h2>Zaplanuj wizytÄ</h2> 689 <p> 690 Najważniejsze informacje w jednym miejscu â oferta, bilety, imprezy i partnerzy rezerwacyjni. 691 </p> 692 </div> 693 694 <div class="home-plan-grid"> 695 <div class="home-cta-grid"> 696 <a class="home-cta-link" href="https://wmkig.pl/oferta.html#dlaszkol">Wycieczki i grupy</a> 697 <a class="home-cta-link" href="https://wmkig.pl/cennik.html">Cennik</a> 698 <a class="home-cta-link" href="https://wmkig.pl/vr-oferta-grup.html">Imprezy w stylu retro</a> 699 <a class="home-cta-link" href="mailto:[email protected]">Napisz do nas</a> 700 </div> 701 702 <aside class="home-booking-box"> 703 <h3>Rezerwacje online</h3> 704 <div class="home-booking-links"> 705 <a href="https://goingapp.pl/kup-bilety/strefa-retro-warszawskie-muzeum-komputerow-i-gier">Going</a> 706 <a href="https://prezentmarzen.com/bilet-grupowy-do-warszawskiego-muzeum-komputerow-i-gier/">Prezent MarzeÅ</a> 707 <a href="https://www.katalogprezentow.pl/s/3908-warszawskie-muzeum-komputerow-i-gier">Katalog Prezentów</a> 708 <a href="https://www.wyjatkowyprezent.pl/warszawskie-muzeum-komputerow-i-gier-partner?produkt">WyjÄ tkowy Prezent</a> 709 <a href="https://katalogmarzen.pl/pl/k/wmkig">Katalog MarzeÅ</a> 710 </div> 711 </aside> 712 </div> 713 </section> 714 715 <section class="home-section"> 716 <div class="home-text-block"> 717 <p> 718 W <strong>Warszawskim Muzeum Komputerów i Gier</strong> historia spotyka siÄ z teraźniejszoÅciÄ , 719 tworzÄ c unikalne miejsce dla każdego fana technologii i gier. PrzenieÅ siÄ z nami w przeszÅoÅÄ, 720 odkryj klasyczne sprzÄty i zobacz, jak wyglÄ daÅo wspólne granie, gdy multiplayer oznaczaÅ jednÄ kanapÄ i jeden telewizor. 721 </p> 722 </div> 723 </section> 724 725 <section class="home-section"> 726 <div class="home-section-head"> 727 <h2 class="presstart">Godziny otwarcia</h2> 728 <p> 729 Sprawdź godziny wejÅÄ indywidualnych i informacje o wycieczkach. 730 </p> 731 </div> 732 733 <div class="home-hours-grid"> 734 <article class="home-hours-card"> 735 <h3>Wycieczki szkolne i grupowe</h3> 736 <p>Wycieczki przyjmujemy caÅy tydzieÅ od godziny 9:00.</p> 737 <p>Kontakt: <a href="mailto:[email protected]">[email protected]</a></p> 738 </article> 739 740 <article class="home-hours-table-card"> 741 <h3>Godziny dla odwiedzajÄ cych</h3> 742 <ul class="hours-list-ui"> 743 <li> 744 <span class="hours-day">PoniedziaÅek</span> 745 <span class="hours-time">Nieczynne</span> 746 </li> 747 <li> 748 <span class="hours-day">Wtorek - PiÄ tek</span> 749 <span class="hours-time">15:00 - 20:00</span> 750 </li> 751 <li> 752 <span class="hours-day">Sobota - Niedziela</span> 753 <span class="hours-time">11:00 - 20:00</span> 754 </li> 755 </ul> 756 </article> 757 </div> 758 </section> 759 760 </div> 761</section> 762 </div> 763</div> 764<footer class="footer ibm"> 765 <style> 766 .wmkig-footer-ui { 767 --card: #1e293b; 768 --card-2: #0f172a; 769 --text: #f8fafc; 770 --muted: #cbd5e1; 771 --line: #334155; 772 --accent: #60a5fa; 773 --pill: rgba(96, 165, 250, 0.14); 774 --shadow: 0 10px 24px rgba(2, 6, 23, 0.24); 775 } 776 777 .wmkig-footer-ui * { 778 box-sizing: border-box; 779 } 780 781 .wmkig-footer-ui a { 782 text-decoration: none; 783 } 784 785 .wmkig-footer-shell { 786 padding: 20px 0 24px; 787 background: #e5e7eb; 788 border-top: 1px solid var(--line); 789 } 790 791 .wmkig-footer-grid { 792 display: grid; 793 grid-template-columns: 220px minmax(0, 1fr); 794 gap: 16px; 795 align-items: stretch; 796 } 797 798 .wmkig-footer-brand, 799 .wmkig-footer-card { 800 background: var(--card); 801 border: 1px solid var(--line); 802 border-radius: 18px;
803 box-shadow: var(--shadow); 804 overflow: hidden; 805 } 806 807 .wmkig-footer-brand { 808 padding: 18px 16px; 809 text-align: center; 810 background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); 811 } 812 813 .wmkig-footer-brand img { 814 max-width: 130px; 815 height: auto; 816 display: block; 817 margin: 0 auto 10px; 818 } 819 820 .wmkig-footer-brand p { 821 margin: 0 0 10px; 822 color: var(--muted); 823 line-height: 1.5; 824 font-size: 12px; 825 } 826 827 .wmkig-socials { 828 display: flex; 829 justify-content: center; 830 gap: 8px; 831 margin-top: 6px; 832 } 833 834 .wmkig-socials a { 835 width: 34px; 836 height: 34px; 837 display: inline-flex; 838 align-items: center; 839 justify-content: center; 840 border-radius: 999px; 841 border: 1px solid var(--line); 842 background: var(--card-2); 843 color: var(--text); 844 transition: transform 0.2s ease, box-shadow 0.2s ease; 845 } 846 847 .wmkig-socials a:hover { 848 transform: translateY(-1px); 849 box-shadow: 0 6px 14px rgba(2, 6, 23, 0.16); 850 color: var(--text); 851 } 852 853 .wmkig-socials svg { 854 width: 18px; 855 height: 18px; 856 fill: currentColor; 857 } 858 859 .wmkig-footer-card-inner { 860 padding: 18px 18px 16px; 861 } 862 863 .wmkig-footer-kicker { 864 display: inline-block; 865 font-size: 10px; 866 font-weight: 700; 867 color: var(--accent); 868 background: var(--pill); 869 border-radius: 999px; 870 padding: 5px 9px; 871 margin-bottom: 8px; 872 text-transform: uppercase; 873 letter-spacing: .04em; 874 } 875 876 .wmkig-footer-card h3 { 877 margin: 0 0 6px; 878 font-size: 18px; 879 line-height: 1.2; 880 color: var(--text); 881 } 882 883 .wmkig-footer-card p { 884 margin: 0; 885 color: var(--muted); 886 line-height: 1.55; 887 font-size: 13px; 888 } 889 890 .wmkig-contact-links { 891 display: grid; 892 grid-template-columns: repeat(3, minmax(0, 1fr)); 893 gap: 10px; 894 margin-top: 14px; 895 } 896 897 .wmkig-contact-link { 898 display: block; 899 padding: 10px 12px; 900 border: 1px solid var(--line); 901 border-radius: 12px; 902 background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); 903 color: var(--text); 904 font-size: 13px; 905 font-weight: 700; 906 line-height: 1.4; 907 transition: transform 0.2s ease, box-shadow 0.2s ease; 908 } 909 910 .wmkig-contact-link:hover { 911 transform: translateY(-1px); 912 box-shadow: 0 6px 14px rgba(2, 6, 23, 0.16); 913 color: var(--text); 914 } 915 916 .wmkig-footer-hours-grid { 917 display: grid; 918 grid-template-columns: repeat(2, minmax(0, 1fr)); 919 gap: 10px; 920 margin-top: 14px; 921 } 922 923 .wmkig-hours-box { 924 border: 1px solid var(--line); 925 border-radius: 14px; 926 background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); 927 padding: 14px; 928 height: 100%; 929 } 930 931 .wmkig-hours-box h4 { 932 margin: 0 0 10px; 933 font-size: 15px; 934 line-height: 1.2; 935 color: var(--text); 936 } 937 938 .wmkig-hours-list { 939 list-style: none; 940 margin: 0; 941 padding: 0; 942 } 943 944 .wmkig-hours-list li { 945 display: flex; 946 justify-content: space-between; 947 gap: 12px; 948 padding: 7px 0; 949 border-bottom: 1px solid var(--line); 950 color: var(--muted); 951 font-size: 12px; 952 line-height: 1.45; 953 } 954 955 .wmkig-hours-list li:last-child { 956 border-bottom: 0; 957 padding-bottom: 0; 958 } 959 960 .wmkig-hours-day { 961 color: var(--text); 962 font-weight: 700; 963 } 964 965 .wmkig-hours-time { 966 text-align: right; 967 } 968 969 .wmkig-footer-bottom { 970 margin-top: 10px; 971 text-align: center; 972 color: var(--muted); 973 font-size: 11px; 974 line-height: 1.4; 975 } 976 977 @media (max-width: 992px) { 978 .wmkig-footer-grid { 979 grid-template-columns: 1fr; 980 } 981 982 .wmkig-contact-links { 983 grid-template-columns: 1fr; 984 } 985 } 986 987 @media (max-width: 640px) { 988 .wmkig-footer-shell { 989 padding: 16px 0 20px; 990 } 991 992 .wmkig-footer-card-inner, 993 .wmkig-footer-brand, 994 .wmkig-hours-box { 995 padding-left: 14px; 996 padding-right: 14px; 997 } 998 999 .wmkig-footer-hours-grid { 1000 grid-template-columns: 1fr; 1001 } 1002 1003 .wmkig-hours-list li { 1004 flex-direction: column; 1005 gap: 2px; 1006 } 1007 1008 .wmkig-hours-time { 1009 text-align: left; 1010 } 1011 } 1012</style> 1013 1014 <section class="wmkig-footer-ui wmkig-footer-shell"> 1015 <div class="container overflow-hidden"> 1016 <div class="wmkig-footer-grid"> 1017 1018 <div class="wmkig-footer-brand"> 1019 <a href="r-index.html"> 1020 <img src="../images/full-size.png" width="175" alt="WMKiG"> 1021 </a> 1022 <p>Retro gry, komputery i wspólne granie na oryginalnych sprzÄtach.</p> 1023 1024 <div class="wmkig-socials"> 1025 <a href="https://www.facebook.com/wmkig/?locale=pl_PL" aria-label="Facebook"> 1026 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"> 1027 <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625
1027h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/> 1028 </svg> 1029 </a> 1030 1031 <a href="https://www.instagram.com/wmkigpl/" aria-label="Instagram"> 1032 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"> 1033 <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/> 1034 </svg> 1035 </a> 1036 </div> 1037 </div> 1038 1039 <div class="wmkig-footer-card"> 1040 <div class="wmkig-footer-card-inner"> 1041 <span class="wmkig-footer-kicker">Kontakt i godziny</span> 1042 <h3>WMKiG Warszawa</h3> 1043 <p>Al. NiepodlegÅoÅci 208B (pawilon 28), 00-609 Warszawa</p> 1044 1045 <div class="wmkig-contact-links"> 1046 <a class="wmkig-contact-link" href="tel:570519000">tel: 570 519 000</a> 1047 <a class="wmkig-contact-link" href="mailto:[email protected]">e-mail: [email protected]</a> 1048 <a class="wmkig-contact-link" href="https://maps.app.goo.gl/gaLFEA99J1v6ie4W7" target="_blank"> 1049 Otwórz lokalizacjÄ 1050 </a> 1051 </div> 1052 1053 <div class="wmkig-footer-hours-grid"> 1054 <div class="wmkig-hours-box"> 1055 <h4>Dla grup</h4> 1056 <ul class="wmkig-hours-list"> 1057 <li> 1058 <span class="wmkig-hours-day">Wycieczki</span> 1059 <span class="wmkig-hours-time">codziennie od 9:00</span> 1060 </li> 1061 <li> 1062 <span class="wmkig-hours-day">Rezerwacje</span> 1063 <span class="wmkig-hours-time">ustalane indywidualnie</span> 1064 </li> 1065 </ul> 1066 </div> 1067 1068 <div class="wmkig-hours-box"> 1069 <h4>Dla zwiedzajÄ cych</h4> 1070 <ul class="wmkig-hours-list"> 1071 <li> 1072 <span class="wmkig-hours-day">PoniedziaÅek</span> 1073 <span class="wmkig-hours-time">Nieczynne</span> 1074 </li> 1075 <li> 1076 <span class="wmkig-hours-day">Wtorek - PiÄ tek</span> 1077 <span class="wmkig-hours-time">15:00 - 20:00</span> 1078 </li> 1079 <li> 1080 <span class="wmkig-hours-day">Sobota - Niedziela</span> 1081 <span class="wmkig-hours-time">11:00 - 20:00</span> 1082 </li> 1083 </ul> 1084 </div> 1085 </div> 1086 1087 <div class="wmkig-footer-bottom"> 1088 przejÅcie podziemne â pasaż Warszawskiej GieÅdy Elektronicznej 1089 </div> 1090 </div> 1091 </div> 1092 1093 </div> 1094 </div> 1095 </section> 1096</footer> 1097</body> 1098 1099</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.