PageSourceSearch

https://wmkig.pl/r-index.html

html wmkig.pl collected 2026-10-09 03:10:18 UTC 31,947 bytes, 1,099 lines download raw bytes

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.