<style type="text/css">/* --- PALETA BARW MIEJSKICH I DEKLARACJE --- */ :root { --mzk-czerwony: #f20000; /* Główny akcent miejski */ --mzk-granatowy: #002672; /* Drugorzędny kolor miejski */ --mzk-yt: #FF0000; /* Oficjalny kolor YouTube */ --mzk-szary-jasny: #f8f9fa; /* Jasne tło pod sekcję kontaktu */ --mzk-tekst-ciemny: #2d3748;/* Ciemnoszary, wysoki kontrast (WCAG) */ --mzk-zaokraglenie: 8px; --mzk-cien: 0 4px 12px rgba(0, 0, 0, 0.08); --mzk-transition: all 0.3s ease-in-out; } /* --- GŁÓWNY KONTENER ARTYKUŁU --- */ .mzk-artykul { font-family: inherit; /* Dziedziczy główną czcionkę Twojego portalu */ color: var(--mzk-tekst-ciemny); line-height: 1.6; max-width: 800px; margin: 0 auto; padding: 10px; } /* --- AKAPIT WPROWADZAJĄCY (LEAD) --- */ .mzk-lead { font-size: 1.15rem; font-weight: 600; color: var(--mzk-granatowy); border-left: 4px solid var(--mzk-czerwony); padding-left: 15px; margin-bottom: 1.5rem; } /* --- ZWYKŁY TEKST --- */ .mzk-tekst { font-size: 1.05rem; margin-bottom: 1.2rem; text-align: justify; } /* --- RESPONSYWNY KONTENER WIDEO (PIONOWE SHORTS 9:16) --- */ .mzk-wideo-kontener { max-width: 320px; /* Blokada szerokości, by pionowe wideo nie rozciągnęło się na całą stronę */ margin: 2rem auto; border-radius: var(--mzk-zaokraglenie); overflow: hidden; box-shadow: var(--mzk-cien); background-color: #000; } .mzk-wideo-proporcje { position: relative; width: 100%; padding-bottom: 177.77%; /* Dokładna proporcja 9:16 dla Shorts */ } .mzk-wideo-proporcje iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } /* --- SEKCJA PRZYCISKÓW / CTA --- */ .mzk-akcje { display: flex; flex-direction: column; align-items: center; gap: 12px; margin: 2.5rem 0; } .mzk-btn { display: inline-flex; align-items: center; justify-content: center; padding: 14px 28px; font-size: 1.05rem; font-weight: 700; text-decoration: none !important; border-radius: var(--mzk-zaokraglenie); transition: var(--mzk-transition); box-shadow: 0 4px 6px rgba(0,0,0,0.1); text-align: center; width: 100%; max-width: 450px; box-sizing: border-box; } /* Przycisk Główny (Rekrutacja) */ .mzk-btn-primary { background-color: var(--mzk-czerwony); color: #ffffff !important; } .mzk-btn-primary:hover, .mzk-btn-primary:focus { background-color: var(--mzk-granatowy); box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); } /* Przycisk YouTube */ .mzk-btn-yt { background-color: var(--mzk-yt); color: #ffffff !important; } .mzk-btn-yt:hover, .mzk-btn-yt:focus { background-color: #cc0000; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); } .mzk-btn-icon { width: 20px; height: 20px; margin-right: 10px; fill: currentColor; flex-shrink: 0; } /* --- KARTA KONTAKTOWA (ZGODNA Z WCAG) --- */ .mzk-kontakt-karta { background-color: var(--mzk-szary-jasny); border-top: 4px solid var(--mzk-granatowy); border-radius: var(--mzk-zaokraglenie); padding: 1.5rem; margin-top: 2.5rem; box-shadow: var(--mzk-cien); } .mzk-kontakt-naglowek { color: var(--mzk-granatowy); font-size: 1.25rem; font-weight: 700; margin-top: 0; margin-bottom: 1.2rem; } .mzk-kontakt-lista { list-style: none !important; padding: 0 !important; margin: 0 !important; } .mzk-kontakt-element { display: flex; align-items: center; margin-bottom: 1rem; font-size: 1.05rem; } .mzk-kontakt-element:last-child { margin-bottom: 0; } .mzk-kontakt-ikonka { width: 24px; height: 24px; margin-right: 12px; color: var(--mzk-czerwony); fill: currentColor; flex-shrink: 0; } .mzk-kontakt-link { color: var(--mzk-granatowy); text-decoration: none; font-weight: 700; border-bottom: 2px dashed transparent; transition: var(--mzk-transition); } .mzk-kontakt-link:hover, .mzk-kontakt-link:focus { color: var(--mzk-czerwony); border-color: var(--mzk-czerwony); } /* --- ODPOWIEDZIALNOŚĆ MOBILNA (RWD) --- */ @media (max-width: 576px) { .mzk-lead { font-size: 1.1rem; } .mzk-tekst { text-align: left; /* Bezpieczniejsze dla oczu na małych ekranach */ } .mzk-kontakt-element { flex-direction: column; align-items: flex-start; gap: 4px; } .mzk-kontakt-ikonka { margin-right: 0; } } </style> <div class="mzk-artykul"> <p class="mzk-lead">Obecnie trwa rekrutacja dzieci do Żłobka Miejskiego w Chorzowie, w tym Filii Żłobka zlokalizowanej przy ul. Kochanowskiego 18.</p> <p> </p> <div class="mzk-wideo-kontener"> <div class="mzk-wideo-proporcje"><iframe allow="accelerometer *; clipboard-write *; encrypted-media *; gyroscope *; picture-in-picture *; web-share *;" allowfullscreen="" scrolling="no" src="//if-cdn.com/CUJGScWW" tabindex="-1"></iframe></div> <!-- /mzk-wideo-proporcje --></div> <!-- /mzk-wideo-kontener --> <p> </p> <p class="mzk-tekst">Placówka oferuje różnorodny program zajęć oraz udział w wydarzeniach wspierających wszechstronny rozwój dzieci. W codziennych aktywnościach kładziemy nacisk na kontakt ze sztuką, muzyką oraz naturą – w tym także ze zwierzętami – dzięki czemu najmłodsi mogą rozwijać swoje zainteresowania w inspirującym i przyjaznym środowisku.</p> <p class="mzk-tekst">Obecnie w budynku Filii prowadzony jest generalny remont, na przeprowadzenie którego Miasto Chorzów pozyskało dodatkowe środki w ramach rządowego Programu rozwoju instytucji opieki nad dziećmi w wieku do lat 3 Aktywny Maluch 2022-2029.</p> <p class="mzk-tekst">Jego efektem będą nowoczesne, funkcjonalne pomieszczenia dostosowane do potrzeb najmłodszych. Wyposażenie placówki zostanie uzupełnione o nowe, wysokiej jakości certyfikowane pomoce edukacyjne, wspierające prawidłowy rozwój dzieci.</p> <p class="mzk-tekst">Modernizacja obejmie również teren wokół budynku. Powstaną trzy nowoczesne, ogrodzone place zabaw, dostosowane do różnych grup wiekowych – zgodnie z funkcjonującymi w Filii grupami żłobkowymi.</p> <p class="mzk-tekst">Opiekunki pełniące opiekę nad najmłodszymi dziećmi będą miały bezpośredni dostęp z sal na parterze do przestronnych tarasów. Tarasy zostaną zadaszone pergolami z ruchomym dachem lamelowym, co umożliwi dzieciom bezpieczne przebywanie na świeżym powietrzu również w czasie intensywnego nasłonecznienia.</p> <p class="mzk-tekst">Budynek zostanie również wyposażony w windę, dzięki czemu piętro placówki będzie w pełni dostępne dla osób z niepełnosprawnościami. Z myślą o komforcie rodziców zaplanowano, także montaż systemowej wiaty, przeznaczonej do bezpiecznego pozostawiania wózków dziecięcych.</p> <p class="mzk-tekst">Koszty pobytu dziecka w Filii są przystępne. Dzięki dofinansowaniu z programu „<a href="https://mieszkancy.chorzow.eu/article/swiadczenie-aktywnie-w-zlobku">Aktywnie w żłobku</a>” opłata za czesne jest w całości refundowana.</p> <p class="mzk-tekst">Rodziców zainteresowanych rekrutacją zachęcamy do dołączenia do społeczności naszego Żłobka oraz odwiedzenia strony internetowej <a class="mzk-kontakt-link" href="https://chorzow.zlobki.org.pl/index.php" rel="noopener" target="_blank">https://chorzow.zlobki.org.pl/index.php</a>, gdzie dostępne są szczegółowe informacje dotyczące zapisów oraz funkcjonowania placówki, w której priorytetem jest bezpieczeństwo, rozwój oraz radość najmłodszych.</p> <div class="mzk-akcje"><a class="mzk-btn mzk-btn-primary" href="https://chorzow.zlobki.org.pl/zapisy,i3.html" rel="noopener" target="_blank">Zapisz dziecko – przejdź do rekrutacji </a> <a class="mzk-btn mzk-btn-yt" href="https://youtube.com/shorts/26MYFjYqn8Q" rel="noopener" target="_blank"> <svg class="mzk-btn-icon" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M23.498 6.163a3.003 3.003 0 0 0-2.11-2.11C19.517 3.545 12 3.545 12 3.545s-7.517 0-9.388.508a3.003 3.003 0 0 0-2.11 2.11C0 8.033 0 12 0 12s0 3.967.502 5.837a3.003 3.003 0 0 0 2.11 2.11c1.871.508 9.388.508 9.388.508s7.517 0 9.388-.508a3.003 3.003 0 0 0 2.11-2.11C24 15.967 24 12 24 12s0-3.967-.502-5.837zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path> </svg> Obejrzyj film na YouTube Shorts </a></div> <!-- /mzk-akcje --> <div class="mzk-kontakt-karta"> <h2 class="mzk-kontakt-naglowek">W razie pytań zachęcamy do kontaktu:</h2> <ul class="mzk-kontakt-lista"> <li class="mzk-kontakt-element"><svg class="mzk-kontakt-ikonka" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M6.62 10.79a15.15 15.15 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.11-.27c1.12.42 2.33.64 3.57.64a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.24.22 2.45.64 3.57a1 1 0 0 1-.27 1.11l-2.25 2.22z"></path> </svg> <span>Filia Żłobka Miejskiego: <a class="mzk-kontakt-link" href="tel:694903505">694 903 505</a></span></li> <li class="mzk-kontakt-element"><svg class="mzk-kontakt-ikonka" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M6.62 10.79a15.15 15.15 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.11-.27c1.12.42 2.33.64 3.57.64a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.24.22 2.45.64 3.57a1 1 0 0 1-.27 1.11l-2.25 2.22z"></path> </svg> <span>Żłobek Centrum (ul. Pocztowa): <a class="mzk-kontakt-link" href="tel:660771339">660 771 339</a></span></li> </ul> </div> <!-- /mzk-kontakt-karta --></div> <!-- /mzk-artykul -->2026-07-14 14:32:392026-07-14 14:32:39