Strony internetowe dla kultury i oświaty zgodne z WCAG 2.1

<!DOCTYPE html> <html lang="pl-pl" dir="ltr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Tworzymy strony internetowe dla szkół podstawowych, przedszkoli, żłobków i domów kultury, zgodne z WCAG 2.1. Wybierz jeden z naszych gotowych szablonów i ciesz się dostępnością dzięki stronę opartą na CMS Joomla 5."> <meta name="generator" content="Joomla! - Open Source Content Management"> <title>Strony internetowe dla kultury i oświaty zgodne z WCAG 2.1 - Strony dla oswiaty</title> <link href="/?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="Strony internetowe dla kultury i oświaty zgodne z WCAG 2.1 - Strony dla oswiaty"> <link href="/?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Strony internetowe dla kultury i oświaty zgodne z WCAG 2.1 - Strony dla oswiaty"> <link href="/media/system/images/joomla-favicon.svg" rel="icon" type="image/svg+xml"> <link href="/media/system/images/favicon.ico" rel="alternate icon" type="image/vnd.microsoft.icon"> <link href="/media/system/images/joomla-favicon-pinned.svg" rel="mask-icon" color="#000"> <link href="https://stronydlaoswiaty.pl/component/finder/search?format=opensearch&Itemid=108" rel="search" title="OpenSearch Strony dla oswiaty" type="application/opensearchdescription+xml"> <link href="/media/system/css/joomla-fontawesome.min.css?fcb3a2" rel="lazy-stylesheet" /><noscript><link href="/media/system/css/joomla-fontawesome.min.css?fcb3a2" rel="stylesheet" /></noscript> <link href="/media/templates/site/cassiopeia/css/global/colors_standard.min.css?fcb3a2" rel="stylesheet" /> <link href="/media/templates/site/cassiopeia/css/template.min.css?fcb3a2" rel="stylesheet" /> <link href="/media/vendor/awesomplete/css/awesomplete.css?1.1.5" rel="stylesheet" /> <link href="/media/templates/site/cassiopeia_start/css/user.min.css?fcb3a2" rel="stylesheet" /> <link href="/media/com_jce/site/css/content.min.css?badb4208be409b1335b815dde676300e" rel="stylesheet" /> <link href="/modules/mod_djimageslider/themes/default/css/djimageslider.css" rel="stylesheet" /> <link href="/plugins/system/djaccessibility/module/assets/css/accessibility.css?1.02" rel="stylesheet" /> <style>:root { --hue: 214; --template-bg-light: #f0f4fb; --template-text-dark: #495057; --template-text-light: #ffffff; --template-link-color: #2a69b8; --template-special-color: #001B4C; }</style> <script src="/media/vendor/metismenujs/js/metismenujs.min.js?1.4.0" defer></script> <script src="/media/templates/site/cassiopeia/js/mod_menu/menu-metismenu.min.js?fcb3a2" defer></script> <script src="/media/vendor/jquery/js/jquery.min.js?3.7.1"></script> <script src="/media/legacy/js/jquery-noconflict.min.js?504da4"></script> <script type="application/json" class="joomla-script-options new">{"joomla.jtext":{"MOD_FINDER_SEARCH_VALUE":"Szukaj...","JLIB_JS_AJAX_ERROR_OTHER":"Wystąpił błąd podczas pobierania danych JSON: kod odpowiedzi HTTP %s.","JLIB_JS_AJAX_ERROR_PARSE":"Wystąpił błąd podczas przetwarzania następujących danych JSON:<br/><code style=\"color:inherit;white-space:pre-wrap;padding:0;margin:0;border:0;background:inherit;\">%s</code>."},"finder-search":{"url":"/component/finder/?task=suggestions.suggest&format=json&tmpl=component&Itemid=108"},"system.paths":{"root":"","rootFull":"https://stronydlaoswiaty.pl/","base":"","baseFull":"https://stronydlaoswiaty.pl/"},"csrf.token":"6c770ed0affe1e1eac78f9d36b22b5dc"}</script> <script src="/media/system/js/core.min.js?83f2c9"></script> <script src="/media/templates/site/cassiopeia_start/js/template.min.js?fcb3a2" type="module"></script> <script src="/media/vendor/bootstrap/js/collapse.min.js?5.3.2" type="module"></script> <script src="/media/templates/site/cassiopeia_start/js/user.js?fcb3a2"></script> <script src="/media/vendor/awesomplete/js/awesomplete.min.js?1.1.5" defer></script> <script src="/media/com_finder/js/finder.min.js?5729ed" type="module"></script> <script src="/media/djextensions/jquery-easing-1.4.1/jquery.easing.min.js"></script> <script src="/modules/mod_djimageslider/assets/js/slider.js?v=4.6.6"></script> <script src="/plugins/system/djaccessibility/module/assets/js/accessibility.min.js?1.02"></script> <script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://stronydlaoswiaty.pl/#/schema/Organization/base","name":"Strony dla oswiaty","url":"https://stronydlaoswiaty.pl/"},{"@type":"WebSite","@id":"https://stronydlaoswiaty.pl/#/schema/WebSite/base","url":"https://stronydlaoswiaty.pl/","name":"Strony dla oswiaty","publisher":{"@id":"https://stronydlaoswiaty.pl/#/schema/Organization/base"},"potentialAction":{"@type":"SearchAction","target":"https://stronydlaoswiaty.pl/component/finder/search?q={search_term_string}&Itemid=108","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"https://stronydlaoswiaty.pl/#/schema/WebPage/base","url":"https://stronydlaoswiaty.pl/","name":"Strony internetowe dla kultury i oświaty zgodne z WCAG 2.1 - Strony dla oswiaty","description":"Tworzymy strony internetowe dla szkół podstawowych, przedszkoli, żłobków i domów kultury, zgodne z WCAG 2.1. Wybierz jeden z naszych gotowych szablonów i ciesz się dostępnością dzięki stronę opartą na CMS Joomla 5.","isPartOf":{"@id":"https://stronydlaoswiaty.pl/#/schema/WebSite/base"},"about":{"@id":"https://stronydlaoswiaty.pl/#/schema/Organization/base"},"inLanguage":"pl-PL","breadcrumb":{"@id":"https://stronydlaoswiaty.pl/#/schema/BreadcrumbList/17"}},{"@type":"Blog","@id":"https://stronydlaoswiaty.pl/#/schema/com_content/featured","isPartOf":{"@id":"https://stronydlaoswiaty.pl/#/schema/WebPage/base"},"name":"Start","description":"Tworzymy strony internetowe dla szkół podstawowych, przedszkoli, żłobków i domów kultury, zgodne z WCAG 2.1. Wybierz jeden z naszych gotowych szablonów i ciesz się dostępnością dzięki stronę opartą na CMS Joomla 5."}]}</script> <script>new DJAccessibility( {"yootheme":false,"position":"custom","layout":"toolbar","align_position":"top center","align_mobile":false,"align_mobile_position":"bottom right","breakpoint":"767px","direction":"top left","space":"1","version":"dmVyc2lvbnBybw=="} )</script> </head> <body class="site com_content wrapper-static view-featured no-layout no-task itemid-108"><section class="djacc djacc-container djacc-toolbar djacc--hidden djacc--light djacc--custom"> <div class="djacc__panel"> <ul class="djacc__list"> <li class="djacc__item djacc__item--label">Kontrast</li> <li class="djacc__item djacc__item--contrast"> <button class="djacc__btn djacc__btn--invert-colors" aria-label="Odwróć kolory"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"> <g fill="none" stroke="#fff" stroke-width="2"> <circle cx="12" cy="12" r="12" stroke="none"/> <circle cx="12" cy="12" r="11" fill="none"/> </g> <path d="M0,12A12,12,0,0,1,12,0V24A12,12,0,0,1,0,12Z" fill="#fff"/> </svg> <span class="djacc__title">Odwróć kolory</span> </button> </li> <li class="djacc__item djacc__item--contrast"> <button class="djacc__btn djacc__btn--monochrome" aria-label="Monochromatyczny"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"> <g fill="none" stroke="#fff" stroke-width="2"> <circle cx="12" cy="12" r="12" stroke="none"/> <circle cx="12" cy="12" r="11" fill="none"/> </g> <line y2="21" transform="translate(12 1.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"/> <path d="M5.853,7.267a12.041,12.041,0,0,1,1.625-1.2l6.3,6.3v2.829Z" transform="translate(-0.778 -4.278)" fill="#fff"/> <path d="M3.2,6.333A12.006,12.006,0,0,1,4.314,4.622l9.464,9.464v2.829Z" transform="translate(-0.778)" fill="#fff"/> <path d="M1.823,10.959a11.953,11.953,0,0,1,.45-2.378l11.506,11.5v2.829Z" transform="translate(-0.778)" fill="#fff"/> </svg> <span class="djacc__title">Monochromatyczny</span> </button> </li> <li class="djacc__item djacc__item--contrast"> <button class="djacc__btn djacc__btn--dark-contrast" aria-label="Ciemny kontrast"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"> <path d="M12,27A12,12,0,0,1,9.638,3.232a10,10,0,0,0,14.13,14.13A12,12,0,0,1,12,27Z" transform="translate(0 -3.232)" fill="#fff"/> </svg> <span class="djacc__title">Ciemny kontrast</span> </button> </li> <li class="djacc__item djacc__item--contrast"> <button class="djacc__btn djacc__btn--light-contrast" aria-label="Jasny kontrast"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 32 32"> <g transform="translate(7 7)" fill="none" stroke="#fff" stroke-width="2"> <circle cx="9" cy="9" r="9" stroke="none"/> <circle cx="9" cy="9" r="8" fill="none"/> </g> <rect width="2" height="5" rx="1" transform="translate(15)" fill="#fff"/> <rect width="2" height="5" rx="1" transform="translate(26.607 3.979) rotate(45)" fill="#fff"/> <rect width="2" height="5" rx="1" transform="translate(32 15) rotate(90)" fill="#fff"/> <rect width="2" height="5" rx="1" transform="translate(28.021 26.607) rotate(135)" fill="#fff"/> <rect width="2" height="5" rx="1" transform="translate(15 27)" fill="#fff"/> <rect width="2" height="5" rx="1" transform="translate(7.515 23.071) rotate(45)" fill="#fff"/> <rect width="2" height="5" rx="1" transform="translate(5 15) rotate(90)" fill="#fff"/> <rect width="2" height="5" rx="1" transform="translate(8.929 7.515) rotate(135)" fill="#fff"/> </svg> <span class="djacc__title">Jasny kontrast</span> </button> </li> <li class="djacc__item djacc__item--contrast"> <button class="djacc__btn djacc__btn--low-saturation" aria-label="Niskie nasycenie"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"> <g fill="none" stroke="#fff" stroke-width="2"> <circle cx="12" cy="12" r="12" stroke="none"/> <circle cx="12" cy="12" r="11" fill="none"/> </g> <path d="M0,12A12,12,0,0,1,6,1.6V22.394A12,12,0,0,1,0,12Z" transform="translate(0 24) rotate(-90)" fill="#fff"/> </svg> <span class="djacc__title">Niskie nasycenie</span> </button> </li> <li class="djacc__item djacc__item--contrast"> <button class="djacc__btn djacc__btn--high-saturation" aria-label="Wysokie nasycenie"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"> <g fill="none" stroke="#fff" stroke-width="2"> <circle cx="12" cy="12" r="12" stroke="none"/> <circle cx="12" cy="12" r="11" fill="none"/> </g> <path d="M0,12A12.006,12.006,0,0,1,17,1.088V22.911A12.006,12.006,0,0,1,0,12Z" transform="translate(0 24) rotate(-90)" fill="#fff"/> </svg> <span class="djacc__title">Wysokie nasycenie</span> </button> </li> <li class="djacc__item djacc__item--label">Tekst</li> <li class="djacc__item"> <button class="djacc__btn djacc__btn--highlight-links" aria-label="Zaznacz linki"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"> <rect width="24" height="24" fill="none"/> <path d="M3.535,21.92a5.005,5.005,0,0,1,0-7.071L6.364,12.02a1,1,0,0,1,1.415,1.413L4.95,16.263a3,3,0,0,0,4.243,4.243l2.828-2.828h0a1,1,0,1,1,1.414,1.415L10.607,21.92a5,5,0,0,1-7.072,0Zm2.829-2.828a1,1,0,0,1,0-1.415L17.678,6.364a1,1,0,1,1,1.415,1.414L7.779,19.092a1,1,0,0,1-1.415,0Zm11.314-5.657a1,1,0,0,1,0-1.413l2.829-2.829A3,3,0,1,0,16.263,4.95L13.436,7.777h0a1,1,0,0,1-1.414-1.414l2.828-2.829a5,5,0,1,1,7.071,7.071l-2.828,2.828a1,1,0,0,1-1.415,0Z" transform="translate(-0.728 -0.728)" fill="#fff"/> </svg> <span class="djacc__title">Zaznacz linki</span> </button> </li> <li class="djacc__item"> <button class="djacc__btn djacc__btn--highlight-titles" aria-label="Zaznacz nagłówki"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"> <rect width="2" height="14" rx="1" transform="translate(5 5)" fill="#fff"/> <rect width="2" height="14" rx="1" transform="translate(10 5)" fill="#fff"/> <rect width="2" height="14" rx="1" transform="translate(17 5)" fill="#fff"/> <rect width="2" height="7" rx="1" transform="translate(12 11) rotate(90)" fill="#fff"/> <rect width="2" height="5" rx="1" transform="translate(19 5) rotate(90)" fill="#fff"/> <g fill="none" stroke="#fff" stroke-width="2"> <rect width="24" height="24" rx="4" stroke="none"/> <rect x="1" y="1" width="22" height="22" rx="3" fill="none"/> </g> </svg> <span class="djacc__title">Zaznacz nagłówki</span> </button> </li> <li class="djacc__item"> <button class="djacc__btn djacc__btn--screen-reader" aria-label="Czytnik ekranu"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"> <g fill="none" stroke="#fff" stroke-width="2"> <circle cx="12" cy="12" r="12" stroke="none"/> <circle cx="12" cy="12" r="11" fill="none"/> </g> <path d="M2907.964,170h1.91l1.369-2.584,2.951,8.363,2.5-11.585L2919,170h2.132" transform="translate(-2902.548 -158)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> </svg> <span class="djacc__title">Czytnik ekranu</span> </button> </li> <li class="djacc__item"> <button class="djacc__btn djacc__btn--read-mode" aria-label="Tryb czytania"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"> <g fill="none" stroke="#fff" stroke-width="2"> <rect width="24" height="24" rx="4" stroke="none"/> <rect x="1" y="1" width="22" height="22" rx="3" fill="none"/> </g> <rect width="14" height="2" rx="1" transform="translate(5 7)" fill="#fff"/> <rect width="14" height="2" rx="1" transform="translate(5 11)" fill="#fff"/> <rect width="7" height="2" rx="1" transform="translate(5 15)" fill="#fff"/> </svg> <span class="djacc__title">Tryb czytania</span> </button> </li> <li class="djacc__item djacc__item--label">Powiększenie</li> <li class="djacc__item"> <span class="djacc__arrows djacc__arrows--zoom"> <button class="djacc__dec" aria-label="Pomniejsz stronę"> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="2" viewBox="0 0 10 2"> <g transform="translate(1 1)"> <line x1="8" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"/> </g> </svg> </button> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <g transform="translate(-843 -150)"> <g transform="translate(843 150)" fill="none" stroke="#404042" stroke-width="2"> <rect width="16" height="16" rx="4" stroke="none"/> <rect x="1" y="1" width="14" height="14" rx="3" fill="none"/> </g> <rect width="10" height="2" rx="1" transform="translate(846 157)" fill="#404042"/> <path d="M2.829-2029.464l-2.121-2.121a1,1,0,0,1-.289-.793,1,1,0,0,1,.289-.793l2.121-2.121a1,1,0,0,1,1.414,0,1,1,0,0,1,0,1.414l-1.5,1.5,1.5,1.5a1,1,0,0,1,0,1.415,1,1,0,0,1-.707.293A1,1,0,0,1,2.829-2029.464Z" transform="translate(845.586 2190.378)" fill="#404042"/> <path d="M2.829-2029.464l-2.121-2.121a1,1,0,0,1-.289-.793,1,1,0,0,1,.289-.793l2.121-2.121a1,1,0,0,1,1.414,0,1,1,0,0,1,0,1.414l-1.5,1.5,1.5,1.5a1,1,0,0,1,0,1.415,1,1,0,0,1-.707.293A1,1,0,0,1,2.829-2029.464Z" transform="translate(856.414 -1874.379) rotate(180)" fill="#404042"/> </g> </svg> <span class="djacc__title">Skalowanie treści <span class="djacc__size">100<span class="djacc__percent">%</span></span></span> <button class="djacc__inc" aria-label="Powieksz stronę"> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"> <g transform="translate(1 1)"> <line y2="8" transform="translate(4)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"/> <line x1="8" transform="translate(0 4)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"/> </g> </svg> </button> </span> </li> <li class="djacc__item"> <span class="djacc__arrows djacc__arrows--font-size"> <button class="djacc__dec" aria-label="Zmniejsz rozmiar czcionki"> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="2" viewBox="0 0 10 2"> <g transform="translate(1 1)"> <line x1="8" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"/> </g> </svg> </button> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21"> <text id="Aa" transform="translate(0 17)" fill="#404042" font-size="16" font-family="Roboto-Medium, Roboto" font-weight="500"><tspan x="0" y="0">Aa</tspan></text> </svg> <span class="djacc__title">Czcionka <span class="djacc__size">100<span class="djacc__percent">%</span></span></span> <button class="djacc__inc" aria-label="Zwiększ rozmiar czcionki"> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"> <g transform="translate(1 1)"> <line y2="8" transform="translate(4)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"/> <line x1="8" transform="translate(0 4)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"/> </g> </svg> </button> </span> </li> <li class="djacc__item"> <span class="djacc__arrows djacc__arrows--line-height"> <button class="djacc__dec" aria-label="Zmniejsz wysokości linii"> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="2" viewBox="0 0 10 2"> <g transform="translate(1 1)"> <line x1="8" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"/> </g> </svg> </button> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <g transform="translate(-1178 -62)"> <g> <rect width="10" height="2" rx="1" transform="translate(1184 66)" fill="#404042"/> <rect width="10" height="2" rx="1" transform="translate(1184 69)" fill="#404042"/> <rect width="5" height="2" rx="1" transform="translate(1184 72)" fill="#404042"/> <g transform="translate(1178 2098)" fill="#fff"> <path d="M 5.000400066375732 -2020.499633789062 L 0.9998999834060669 -2020.499633789062 C 0.7242499589920044 -2020.499633789062 0.4999999701976776 -2020.724365234375 0.4999999701976776 -2021.00048828125 C 0.4999999701976776 -2021.276123046875 0.7242499589920044 -2021.500366210938 0.9998999834060669 -2021.500366210938 L 1.999799966812134 -2021.500366210938 L 2.499799966812134 -2021.500366210938 L 2.499799966812134 -2022.000366210938 L 2.499799966812134 -2034 L 2.499799966812134 -2034.5 L 1.999799966812134 -2034.5 L 0.9998999834060669 -2034.5 C 0.7242499589920044 -2034.5 0.4999999701976776 -2034.724243164062 0.4999999701976776 -2035 C 0.4999999701976776 -2035.275634765625 0.7242499589920044 -2035.499877929688 0.9998999834060669 -2035.499877929688 L 1.999799966812134 -2035.499877929688 L 3.999599933624268 -2035.499877929688 L 5.000400066375732 -2035.499877929688 C 5.276050090789795 -2035.499877929688 5.50029993057251 -2035.275634765625 5.50029993057251 -2035 C 5.50029993057251 -2034.724243164062 5.276050090789795 -2034.5 5.000400066375732 -2034.5 L 3.999599933624268 -2034.5 L 3.499599933624268 -2034.5 L 3.499599933624268 -2034 L 3.499599933624268 -2022.000366210938 L 3.499599933624268 -2021.500366210938 L 3.999599933624268 -2021.500366210938 L 5.000400066375732 -2021.500366210938 C 5.276050090789795 -2021.500366210938 5.50029993057251 -2021.276123046875 5.50029993057251 -2021.00048828125 C 5.50029993057251 -2020.724365234375 5.276050090789795 -2020.499633789062 5.000400066375732 -2020.499633789062 Z" stroke="none"/> <path d="M 5.000400066375732 -2020.999633789062 L 5.000400066375732 -2021.000366210938 L 0.9998999834060669 -2020.999633789062 L 5.000400066375732 -2020.999633789062 M 5.000400066375732 -2019.999633789062 L 0.9998999834060669 -2019.999633789062 C 0.4472999572753906 -2019.999633789062 -3.471374654395731e-08 -2020.447875976562 -3.471374654395731e-08 -2021.00048828125 C -3.471374654395731e-08 -2021.552124023438 0.4472999572753906 -2022.000366210938 0.9998999834060669 -2022.000366210938 L 1.999799966812134 -2022.000366210938 L 1.999799966812134 -2034 L 0.9998999834060669 -2034 C 0.4472999572753906 -2034 -3.471374654395731e-08 -2034.447387695312 -3.471374654395731e-08 -2035 C -3.471374654395731e-08 -2035.552490234375 0.4472999572753906 -2035.999877929688 0.9998999834060669 -2035.999877929688 L 5.000400066375732 -2035.999877929688 C 5.55210018157959 -2035.999877929688 6.00029993057251 -2035.552490234375 6.00029993057251 -2035 C 6.00029993057251 -2034.447387695312 5.55210018157959 -2034 5.000400066375732 -2034 L 3.999599933624268 -2034 L 3.999599933624268 -2022.000366210938 L 5.000400066375732 -2022.000366210938 C 5.55210018157959 -2022.000366210938 6.00029993057251 -2021.552124023438 6.00029993057251 -2021.00048828125 C 6.00029993057251 -2020.447875976562 5.55210018157959 -2019.999633789062 5.000400066375732 -2019.999633789062 Z" stroke="none" fill="#404042"/> </g> </g> </g> </svg> <span class="djacc__title">Wysokość linii <span class="djacc__size">100<span class="djacc__percent">%</span></span></span> <button class="djacc__inc" aria-label="Zwiększ wysokości linii"> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"> <g transform="translate(1 1)"> <line y2="8" transform="translate(4)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"/> <line x1="8" transform="translate(0 4)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"/> </g> </svg> </button> </span> </li> <li class="djacc__item"> <span class="djacc__arrows djacc__arrows--letter-spacing"> <button class="djacc__dec" aria-label="Zmniejsz odstęp liter"> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="2" viewBox="0 0 10 2"> <g transform="translate(1 1)"> <line x1="8" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"/> </g> </svg> </button> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14"> <g transform="translate(-1209 -64)"> <rect width="10" height="2" rx="1" transform="translate(1212 64)" fill="#404042"/> <rect width="10" height="2" rx="1" transform="translate(1212 67)" fill="#404042"/> <rect width="5" height="2" rx="1" transform="translate(1212 70)" fill="#404042"/> <g transform="translate(3245 78) rotate(-90)" fill="#fff"> <path d="M 5.000400066375732 -2020.499633789062 L 0.9998999834060669 -2020.499633789062 C 0.7242499589920044 -2020.499633789062 0.4999999701976776 -2020.724365234375 0.4999999701976776 -2021.00048828125 C 0.4999999701976776 -2021.276123046875 0.7242499589920044 -2021.500366210938 0.9998999834060669 -2021.500366210938 L 1.999799966812134 -2021.500366210938 L 2.499799966812134 -2021.500366210938 L 2.499799966812134 -2022.000366210938 L 2.499799966812134 -2034 L 2.499799966812134 -2034.5 L 1.999799966812134 -2034.5 L 0.9998999834060669 -2034.5 C 0.7242499589920044 -2034.5 0.4999999701976776 -2034.724243164062 0.4999999701976776 -2035 C 0.4999999701976776 -2035.275634765625 0.7242499589920044 -2035.499877929688 0.9998999834060669 -2035.499877929688 L 1.999799966812134 -2035.499877929688 L 3.999599933624268 -2035.499877929688 L 5.000400066375732 -2035.499877929688 C 5.276050090789795 -2035.499877929688 5.50029993057251 -2035.275634765625 5.50029993057251 -2035 C 5.50029993057251 -2034.724243164062 5.276050090789795 -2034.5 5.000400066375732 -2034.5 L 3.999599933624268 -2034.5 L 3.499599933624268 -2034.5 L 3.499599933624268 -2034 L 3.499599933624268 -2022.000366210938 L 3.499599933624268 -2021.500366210938 L 3.999599933624268 -2021.500366210938 L 5.000400066375732 -2021.500366210938 C 5.276050090789795 -2021.500366210938 5.50029993057251 -2021.276123046875 5.50029993057251 -2021.00048828125 C 5.50029993057251 -2020.724365234375 5.276050090789795 -2020.499633789062 5.000400066375732 -2020.499633789062 Z" stroke="none"/> <path d="M 5.000400066375732 -2020.999633789062 L 5.000400066375732 -2021.000366210938 L 0.9998999834060669 -2020.999633789062 L 5.000400066375732 -2020.999633789062 M 5.000400066375732 -2019.999633789062 L 0.9998999834060669 -2019.999633789062 C 0.4472999572753906 -2019.999633789062 -3.471374654395731e-08 -2020.447875976562 -3.471374654395731e-08 -2021.00048828125 C -3.471374654395731e-08 -2021.552124023438 0.4472999572753906 -2022.000366210938 0.9998999834060669 -2022.000366210938 L 1.999799966812134 -2022.000366210938 L 1.999799966812134 -2034 L 0.9998999834060669 -2034 C 0.4472999572753906 -2034 -3.471374654395731e-08 -2034.447387695312 -3.471374654395731e-08 -2035 C -3.471374654395731e-08 -2035.552490234375 0.4472999572753906 -2035.999877929688 0.9998999834060669 -2035.999877929688 L 5.000400066375732 -2035.999877929688 C 5.55210018157959 -2035.999877929688 6.00029993057251 -2035.552490234375 6.00029993057251 -2035 C 6.00029993057251 -2034.447387695312 5.55210018157959 -2034 5.000400066375732 -2034 L 3.999599933624268 -2034 L 3.999599933624268 -2022.000366210938 L 5.000400066375732 -2022.000366210938 C 5.55210018157959 -2022.000366210938 6.00029993057251 -2021.552124023438 6.00029993057251 -2021.00048828125 C 6.00029993057251 -2020.447875976562 5.55210018157959 -2019.999633789062 5.000400066375732 -2019.999633789062 Z" stroke="none" fill="#404042"/> </g> </g> </svg> <span class="djacc__title">Odstęp liter <span class="djacc__size">100<span class="djacc__percent">%</span></span></span> <button class="djacc__inc" aria-label="Zwiększ odstęp liter"> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"> <g transform="translate(1 1)"> <line y2="8" transform="translate(4)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"/> <line x1="8" transform="translate(0 4)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"/> </g> </svg> </button> </span> </li> <li class="djacc__item"> <button class="djacc__reset" aria-label="Reset"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 18 18"> <path d="M9,18a.75.75,0,0,1,0-1.5,7.5,7.5,0,1,0,0-15A7.531,7.531,0,0,0,2.507,5.25H3.75a.75.75,0,0,1,0,1.5h-3A.75.75,0,0,1,0,6V3A.75.75,0,0,1,1.5,3V4.019A9.089,9.089,0,0,1,2.636,2.636,9,9,0,0,1,15.364,15.365,8.94,8.94,0,0,1,9,18Z" fill="#fff"/> </svg> <span class="djacc__title">Reset</span> </button> </li> </ul> </div> </section> <div class="top_bar"> <div class="bypass"> <div id="mod-custom177" class="mod-custom custom"> <ul class="skip-links list-unstyled bypass"> <li><a class="element_a skip-to-main-content" title="Przejdź do treści głównej" href="#main-content">Przejdź do treści głównej</a></li> <li><a class="element_a skip-to-main-navigation" title="Przejdź do menu nawigacyjnego" href="#main-navigation">Przejdź do menu nawigacyjnego</a></li> <li><a class="element_a skip-to-search-top" title="Przejdź do wyszukiwarki" href="#search-top">Przejdź do wyszukiwarki</a></li> <li><a class="element_a skip-to-site-mapt" title="Przejdź do mapy strony" href="/mapa-strony">Przejdź do mapy strony</a></li> </ul></div> </div> <div class="container"> <div class="accessibility_top_bar"> <div id="djacc"></div> </div> <div class="top_bar--right"> <div class="important_links"> <nav class="navbar navbar-expand-md" aria-label="Ważne linki"> <button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbar232" aria-controls="navbar232" aria-expanded="false" aria-label="Przełącz nawigację"> <span class="icon-menu" aria-hidden="true"></span> </button> <div class="collapse navbar-collapse" id="navbar232"> <ul class="mod-menu mod-menu_dropdown-metismenu metismenu mod-list "> <li class="metismenu-item item-392 level-1 divider deeper parent"><button class="mod-menu__separator separator mm-collapsed mm-toggler mm-toggler-nolink" aria-haspopup="true" aria-expanded="false">Ważne Linki</button><ul class="mm-collapse"><li class="metismenu-item item-391 level-2"><a href="/wazne-linki/deklaracja-dostepnosci-w" >Deklaracja dostępności</a></li><li class="metismenu-item item-393 level-2"><a href="/wazne-linki/tekst-latwy-do-czytania" >Tekst latwy do czytania</a></li><li class="metismenu-item item-394 level-2"><a href="/wazne-linki/klauzula-informacyjna" >Klauzula informacyjna</a></li><li class="metismenu-item item-395 level-2"><a href="https://epuap.login.gov.pl/" title="ePuap - kliknięcie spowoduje otwarcie nowego okna" target="_blank" rel="noopener noreferrer">ePuap</a></li><li class="metismenu-item item-397 level-2"><a href="/wazne-linki/polityka-prywatnosci" >Polityka Prywatności</a></li></ul></li></ul> </div> </nav> </div> <div class="search"> <form class="mod-finder js-finder-searchform form-search" action="/component/finder/search?Itemid=108" method="get" role="search"> <label for="search-top_mod-finder-searchword231" class="visually-hidden finder">Szukaj</label><div class="mod-finder__search input-group"><input type="text" name="q" id="search-top_mod-finder-searchword231" class="js-finder-search-query form-control" value="" placeholder="Szukaj..."><button class="btn btn-primary btn-search image--button" type="submit" aria-label="Rozpocznij szukanie"><span class="icon-search icon-white" aria-hidden="true"></span></button></div> <input type="hidden" name="Itemid" value="108"></form> <i class="fa fa-search" aria-hidden="true"></i> </div> </div> </div> </div> <header class="header"> <div class="container"> <div class="logo"> <a class="logo__link" href="/"> <img src="/images/1._PLIKI_SZABLONU_STRONY/logo-sdo.png#joomlaImage://local-images/1._PLIKI_SZABLONU_STRONY/logo-sdo.png?width=150&height=200" alt="Strony dla oswiaty" loading="eager" decoding="async"> </a>  <div class="site-description"><h1>Dostepne cyfrowo<br /><span class="title-big">strony internetowe</span><br /> dla kultury i <span class="title-green">oświaty</span></h1></div>   </div> <div class="top-contact"> <div id="mod-custom91" class="mod-custom custom"> <p>Tel.: +48 785 976 866</p> <p>E-mail: <a href="mailto:kontakt@stronydlaoswiaty.pl">kontakt@stronydlaoswiaty.pl</a></p> <p>Adres: ul. Szarotki 4, 62-510 Konin</p></div> </div> <div class="bip-herb"> <div class="moduletable _topinfo bip"> <div id="mod-custom92" class="mod-custom custom"> <p><img class="float-none" src="/images/1._PLIKI_SZABLONU_STRONY/wcag21.png" alt="Przycisk graficzny z tekstem - zgodność z wcag 2.1"></p></div> </div> </div> </div> <div id="main-navigation" class="top-naviagation"> <div class="container"> <div class="container-nav"> <nav class="navbar navbar-expand-lg" aria-label="Menu Górne"> <button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbar214" aria-controls="navbar214" aria-expanded="false" aria-label="Przełącz nawigację"> <span class="icon-menu" aria-hidden="true"></span> </button> <div class="collapse navbar-collapse" id="navbar214"> <ul class="mod-menu mod-menu_dropdown-metismenu metismenu mod-list "> <li class="metismenu-item item-108 level-1 default current active"><a href="/" aria-current="page">Start</a></li><li class="metismenu-item item-444 level-1"><a href="/oferta" >Oferta</a></li><li class="metismenu-item item-407 level-1"><a href="/cennik" >Cennik</a></li><li class="metismenu-item item-416 level-1"><a href="/dlaczego-warto-nas-wybrac" >Co nas wyróżnia?</a></li><li class="metismenu-item item-410 level-1"><a href="/wersje-demonstracyjne" >Wersje demo</a></li><li class="metismenu-item item-406 level-1"><a href="/realizacje" >Realizacje</a></li><li class="metismenu-item item-413 level-1 deeper parent"><a href="/baza-wiedzy" >Baza wiedzy</a><button class="mm-collapsed mm-toggler mm-toggler-link" aria-haspopup="true" aria-expanded="false" aria-label="Baza wiedzy"></button><ul class="mm-collapse"><li class="metismenu-item item-424 level-2"><a href="/baza-wiedzy/obsluga-edytora" >Obsługa edytora</a></li><li class="metismenu-item item-405 level-2"><a href="/baza-wiedzy/informacja-o-wcag-2-1" >Czym jest dostępność cyfrowa (WCAG 2.1)</a></li><li class="metismenu-item item-411 level-2"><a href="/baza-wiedzy/deklaracja" >Czym jest deklaracja dostępności ?</a></li><li class="metismenu-item item-412 level-2"><a href="/baza-wiedzy/raport-dostepnosci" >Czym jest audyt dostępności (raport) ?</a></li><li class="metismenu-item item-414 level-2"><a href="/baza-wiedzy/czym-jest-teks-latwy-do-czytania-etr" >Czym jest Teks łatwy do czytania (ETR) ?</a></li><li class="metismenu-item item-415 level-2"><a href="/baza-wiedzy/czy-strona-bip-ma-wplyw-na-dostepnosc" >Czy strona BIP ma wplyw na dostępność?</a></li><li class="metismenu-item item-445 level-2"><a href="/baza-wiedzy/czym-jest-wniosek-o-zapewnienie-dostepnosci" >Czym jest wniosek o zapewnienie dostępności?</a></li></ul></li><li class="metismenu-item item-447 level-1"><a href="/kursy-i-szkolenia" >Kursy i szkolenia</a></li><li class="metismenu-item item-446 level-1"><a href="/blog" >Blog</a></li><li class="metismenu-item item-409 level-1"><a href="/kontakt" >Kontakt</a></li></ul> </div> </nav> </div> </div> </div> </header> <div class="slideshow"> <div class="container"> <div id="djslider-loader224" class="djslider-loader djslider-loader-default" data-animation='{"auto":"1","looponce":"0","transition":"easeInOutExpo","css3transition":"cubic-bezier(1.000, 0.000, 0.000, 1.000)","duration":400,"delay":3400}' data-djslider='{"id":224,"slider_type":"0","slide_size":1920,"visible_slides":"1","direction":"left","show_buttons":"1","show_arrows":"1","preload":"800","css3":"1"}' tabindex="0" role="region" aria-label="Slider"> <div id="djslider224" class="djslider djslider-default" style="height: 720px; width: 1920px; max-width: 1920px !important;" tabindex="-1"> <div id="slider-container224" class="slider-container" > <ul id="slider224" class="djslider-in"> <li style="margin: 0 0px 0px 0 !important; height: 720px; width: 1920px;"> <img class="dj-image" src="/images/banners/Slider1.jpg#joomlaImage://local-images/banners/Slider1.jpg?width=1550&height=550" alt="Slider 1" style="width: 100%; height: auto;"/> </li> <li style="margin: 0 0px 0px 0 !important; height: 720px; width: 1920px;"> <img class="dj-image" src="/images/banners/Slider3.jpg#joomlaImage://local-images/banners/Slider3.jpg?width=1550&height=550" alt="Slider 2" style="width: 100%; height: auto;"/> </li> <li style="margin: 0 0px 0px 0 !important; height: 720px; width: 1920px;"> <img class="dj-image" src="/images/banners/Slider4.jpg#joomlaImage://local-images/banners/Slider4.jpg?width=1550&height=550" alt="Slider 3" style="width: 100%; height: auto;"/> </li> <li style="margin: 0 0px 0px 0 !important; height: 720px; width: 1920px;"> <img class="dj-image" src="/images/banners/slider2.jpg#joomlaImage://local-images/banners/slider2.jpg?width=1550&height=550" alt="Slider 4" style="width: 100%; height: auto;"/> </li> </ul> </div> <div id="navigation224" class="navigation-container" style="top: 43.055555555556%; margin: 0 1.0416666666667%;"> <img id="prev224" class="prev-button showOnHover" src="/modules/mod_djimageslider/themes/default/images/prev.png" aria-label="Poprzedni slajd" alt="Previous" tabindex="0" /> <img id="next224" class="next-button showOnHover" src="/modules/mod_djimageslider/themes/default/images/next.png" aria-label="Następny slajd" alt="Next" tabindex="0" /> <img id="play224" class="play-button showOnHover" src="/modules/mod_djimageslider/themes/default/images/play.png" aria-label="Rozpocznij automatyczne przewijanie" alt="Play" tabindex="0" /> <img id="pause224" class="pause-button showOnHover" src="/modules/mod_djimageslider/themes/default/images/pause.png" aria-label="Zatrzymaj automatyczne przewijanie" alt="Pause" tabindex="0" /> </div> <div id="cust-navigation224" class="navigation-container-custom showOnHover"> <span class="load-button load-button-active" title="Slajd numer 1" tabindex="0"></span> <span class="load-button" title="Slajd numer 2" tabindex="0"></span> <span class="load-button" title="Slajd numer 3" tabindex="0"></span> <span class="load-button" title="Slajd numer 4" tabindex="0"></span> </div> </div> </div> </div> </div> <div class="links"> <div class="container"> <div class="moduletable "> <div id="mod-custom240" class="mod-custom custom"> <ul class="grupy_circle_list"> <li class="grupy_circle"><a href="/dla-szkol"> <div><img src="/images/1._PLIKI_SZABLONU_STRONY/szkola.png" alt="logo projektu dostepna szkoła" width="58" height="58" style="display: block; margin-left: auto; margin-right: auto;" /></div> <p class="header">Strony <br />dla szkół</p> </a></li> <li class="grupy_circle"><a href="/dla-przedszkoli"> <div><img src="/images/1._PLIKI_SZABLONU_STRONY/przedszkole.png" alt="Infografika - kalendarza" width="58" height="58" style="display: block; margin-left: auto; margin-right: auto;" /></div> <p class="header">Strony <br />dla przedszkoli</p> </a></li> <li class="grupy_circle"><a href="/dla-zlobkow"> <div><img src="/images/1._PLIKI_SZABLONU_STRONY/zlobek.png" alt="Infografika - książka z listą" width="58" height="58" style="display: block; margin-left: auto; margin-right: auto;" /></div> <p class="header">Strony <br />dla żłobków</p> </a></li> <li class="grupy_circle"><a href="/dla-kultury"> <div><img src="/images/1._PLIKI_SZABLONU_STRONY/kultura.png" alt="Infografika - jabłko i serce" width="58" height="58" style="display: block; margin-left: auto; margin-right: auto;" /></div> <p class="header">Strony <br />dla kultury</p> </a></li> <li class="grupy_circle"><a href="/indywidualne-zlecenie"> <div><img src="/images/1._PLIKI_SZABLONU_STRONY/inne.png" alt="Infografika - jabłko i serce" width="58" height="58" style="display: block; margin-left: auto; margin-right: auto;" /></div> <p class="header">Indywidualna <br />wycena</p> </a></li> </ul></div> </div> </div> </div> <main id="main-content" class="grid-child container-component container"> <div class="articles-module"> <div class="moduletable "> <h2 >Nasze Realizacje</h2> <div class="container-component blog-items"> <ul class="com-content-category-blog__list"> <li class="com-content-category-blog__item blog-item">  <div class="intro-image"> <figure class="left item-image"> <img src="/images/Realizacje/SP9_SLIDE.jpg" alt="" /> </figure> </div> <div class="article-content">  <div class="title"> <h3> <a class="mod-articles-category-title link-dark " href="/realizacje/szkola-podstawowa-nr-9-w-jaroslawiu"> Szkoła Podstawowa nr 9 w Jarosławiu </a> </h3> </div> <div class="articles-introtext"> Strona internetowa Szkołay Podstawowej nr ... </div> <div class="articles-readmore" tabindex="-1"> <a tabindex="-1" class="articles-title " href="/realizacje/szkola-podstawowa-nr-9-w-jaroslawiu"> Czytaj więcej...  <span class="sr-only"> o Szkoła Podstawowa nr 9 w Jarosławiu </span> </a> </div> </div> </li> <li class="com-content-category-blog__item blog-item">  <div class="intro-image"> <figure class="left item-image"> <img src="/images/Realizacje/SlideSP4jaroslaw.jpg" alt="" /> </figure> </div> <div class="article-content">  <div class="title"> <h3> <a class="mod-articles-category-title link-dark " href="/realizacje/szkola-podstawowa-nr-4-w-jaroslawiu"> Szkoła Podstawowa nr 4 w Jarosławiu </a> </h3> </div> <div class="articles-introtext"> Strona internetowa Szkoły Podstawowej ... </div> <div class="articles-readmore" tabindex="-1"> <a tabindex="-1" class="articles-title " href="/realizacje/szkola-podstawowa-nr-4-w-jaroslawiu"> Czytaj więcej...  <span class="sr-only"> o Szkoła Podstawowa nr 4 w Jarosławiu </span> </a> </div> </div> </li> <li class="com-content-category-blog__item blog-item">  <div class="intro-image"> <figure class="left item-image"> <img src="/images/Realizacje/gownezs14.jpg" alt="" /> </figure> </div> <div class="article-content">  <div class="title"> <h3> <a class="mod-articles-category-title link-dark " href="/realizacje/zespol-szkol-nr-14-w-warszawie"> Zespol Szkół nr 14 w Warszawie </a> </h3> </div> <div class="articles-introtext"> Strona internetowa Zespolu Szkol ... </div> <div class="articles-readmore" tabindex="-1"> <a tabindex="-1" class="articles-title " href="/realizacje/zespol-szkol-nr-14-w-warszawie"> Czytaj więcej...  <span class="sr-only"> o Zespol Szkół nr 14 w Warszawie </span> </a> </div> </div> </li> <li class="com-content-category-blog__item blog-item">  <div class="intro-image"> <figure class="left item-image"> <img src="/images/Realizacje/Slide1zspaugustowka.jpg" alt="" /> </figure> </div> <div class="article-content">  <div class="title"> <h3> <a class="mod-articles-category-title link-dark " href="/realizacje/zespol-szkolno-przedszkolny-w-augustowce"> Zespoł Szkolno - Przedszkolny w Augustówce </a> </h3> </div> <div class="articles-introtext"> Strona internetowa Zespoł Szkolno - Przedszkolny ... </div> <div class="articles-readmore" tabindex="-1"> <a tabindex="-1" class="articles-title " href="/realizacje/zespol-szkolno-przedszkolny-w-augustowce"> Czytaj więcej...  <span class="sr-only"> o Zespoł Szkolno - Przedszkolny w Augustówce </span> </a> </div> </div> </li> <li class="com-content-category-blog__item blog-item">  <div class="intro-image"> <figure class="left item-image"> <img src="/images/Realizacje/slider5SOSWKonarzew.jpg" alt="" /> </figure> </div> <div class="article-content">  <div class="title"> <h3> <a class="mod-articles-category-title link-dark " href="/realizacje/specjalny-osrodek-szkolno-wychowawczy-w-konarzewie"> Specjalny Ośrodek Szkolno – Wychowawczy w Konarzewie </a> </h3> </div> <div class="articles-introtext"> Strona internetowa Specjalnego Ośrodka ... </div> <div class="articles-readmore" tabindex="-1"> <a tabindex="-1" class="articles-title " href="/realizacje/specjalny-osrodek-szkolno-wychowawczy-w-konarzewie"> Czytaj więcej...  <span class="sr-only"> o Specjalny Ośrodek Szkolno – Wychowawczy w Konarzewie </span> </a> </div> </div> </li> <li class="com-content-category-blog__item blog-item">  <div class="intro-image"> <figure class="left item-image"> <img src="/images/Realizacje/slide4P441WAW.jpg" alt="" /> </figure> </div> <div class="article-content">  <div class="title"> <h3> <a class="mod-articles-category-title link-dark " href="/realizacje/przedszkole-nr-441-w-warszawie"> Przedszkole nr 441 w Warszawie </a> </h3> </div> <div class="articles-introtext"> Strona internetowa Przedszkola nr ... </div> <div class="articles-readmore" tabindex="-1"> <a tabindex="-1" class="articles-title " href="/realizacje/przedszkole-nr-441-w-warszawie"> Czytaj więcej...  <span class="sr-only"> o Przedszkole nr 441 w Warszawie </span> </a> </div> </div> </li> <li class="com-content-category-blog__item blog-item">  <div class="intro-image"> <figure class="left item-image"> <img src="/images/Realizacje/SlidePP1Kluczbork.jpg.jpg" alt="" /> </figure> </div> <div class="article-content">  <div class="title"> <h3> <a class="mod-articles-category-title link-dark " href="/realizacje/przedszkole-nr-1-w-kluczborku"> Przedszkole nr 1 w Kluczborku </a> </h3> </div> <div class="articles-introtext"> Strona internetowa Przedszkola nr ... </div> <div class="articles-readmore" tabindex="-1"> <a tabindex="-1" class="articles-title " href="/realizacje/przedszkole-nr-1-w-kluczborku"> Czytaj więcej...  <span class="sr-only"> o Przedszkole nr 1 w Kluczborku </span> </a> </div> </div> </li> <li class="com-content-category-blog__item blog-item">  <div class="intro-image"> <figure class="left item-image"> <img src="/images/Realizacje/backgroundpp16Ostrowiec.jpg" alt="" /> </figure> </div> <div class="article-content">  <div class="title"> <h3> <a class="mod-articles-category-title link-dark " href="/realizacje/przedszkole-nr-16-w-ostrowcu-swietokrzyskim"> Przedszkole Publiczne nr 16 w Ostrowcu Świętokrzyskim </a> </h3> </div> <div class="articles-introtext"> Strona internetowa Przedszkola Publicznego nr 16 ... </div> <div class="articles-readmore" tabindex="-1"> <a tabindex="-1" class="articles-title " href="/realizacje/przedszkole-nr-16-w-ostrowcu-swietokrzyskim"> Czytaj więcej...  <span class="sr-only"> o Przedszkole Publiczne nr 16 w Ostrowcu Świętokrzyskim </span> </a> </div> </div> </li> </ul> </div> </div> <a class="more-news" href="/realizacje" role="button">Więcej realizacji</a> </div> </main>  <div class="groups"> <div class="container"> <div class="moduletable "> <h2 >Mamy stworzyć Ci stronę dla</h2> <div id="mod-custom115" class="mod-custom custom"> <ul class="grupy_circle_list"> <li class="grupy_circle"><a href="/kontakt"> <div><img src="/images/1._PLIKI_SZABLONU_STRONY/dla-szkol.png" alt="Oferta - strony internetowe dla szkół" width="128" height="128" style="display: block; margin-left: auto; margin-right: auto;" /></div> <h3>Szkoły</h3> </a></li> <li class="grupy_circle"><a href="/kontakt"> <div><img src="/images/1._PLIKI_SZABLONU_STRONY/dla-przedszkoli.png" alt="Oferta - strony internetowe dla przedszkoli" width="114" height="97" style="display: block; margin-left: auto; margin-right: auto;" /></div> <h3>Przedszkola</h3> </a></li> <li class="grupy_circle"><a href="/kontakt"> <div><img src="/images/1._PLIKI_SZABLONU_STRONY/dla-zlobkow.png" alt="Oferta - strony internetowe dla żłobków" width="114" height="97" style="display: block; margin-left: auto; margin-right: auto;" /></div> <h3>Żłobka</h3> </a></li> <li class="grupy_circle"><a href="/kontakt"> <div><img src="/images/1._PLIKI_SZABLONU_STRONY/dla-kultury.png" alt="Oferta - strony internetowe dla kultury" width="147" height="82" style="display: block; margin-left: auto; margin-right: auto;" /></div> <h3>Domu <br />kultury</h3> </a></li> <li class="grupy_circle"><a href="/kontakt"> <div><img src="/images/1._PLIKI_SZABLONU_STRONY/indywidualne-zlecenie.png" alt="Oferta - strony internetowe indywidualne zlecenie" width="126" height="128" style="display: block; margin-left: auto; margin-right: auto;" /></div> <h3>Indywidualne <br />zlecenie</h3> </a></li> </ul></div> </div> </div> </div> <div class="cooperation"> <div class="container"> <div class="moduletable "> <h2 >Nasi Partnerzy</h2> <div id="mod-custom245" class="mod-custom custom"> <div class="cooperation-items"><a href="https://konplast.com.pl/" rel="nofollow"> <img src="/images/kon-plast.jpg" alt="Kon-Plast" width="1085" height="247" loading="lazy" data-path="local-images:/kon-plast.jpg" /> </a><a href="https://konplan.pl/" rel="nofollow"> <img src="/images/konplan-hale.jpg" alt="Kon-Plast" width="225" height="80" loading="lazy" data-path="local-images:/kon-plast.jpg" /> </a> <a href="https://wikamed.pl/" rel="nofollow"> <img src="/images/wiakmed-logo.webp" alt="Centrum Medyczne Wikamed" width="auto" height="auto" class="mx-2" /> </a> <a href="https://webkon.eu/" rel="nofollow"> <img src="/images/webkon-logo.png" alt="Webkon" width="231" height="55" loading="lazy" data-path="local-images:/webkon-logo.png" /> </a></div></div> </div> </div> </div> <div class="socialmedia"> <div class="container"> <div class="moduletable wcag"> <h2 >Dostępne strony internetowe zgodne z WCAG 2.1</h2> <div id="mod-custom243" class="mod-custom custom"> <blockquote class="block-quote">Nasza firma specjalizuje się w tworzeniu stron internetowych spełniających zasady Web Content Accessibility Guidelines <strong>(WCAG 2.1).</strong> Zgodnie z tymi zasadami konieczne jest spełnienie czterech kryteriów takich jak:</blockquote> <div class="div-hero-buttons-gird"> <div class="w-layout-grid hero-button-grid"> <p class="button-paragraph button-paragraph-color-1">Funkcjonalność</p> <p class="button-paragraph button-paragraph-color-2">Kompatybilność</p> <p class="button-paragraph button-paragraph-color-3">Postrzegalność</p> <p class="button-paragraph button-paragraph-color-4">Zrozumiałość</p> </div> </div> <div class="call"> <p class="paragraph-4">Chcesz poznać szczegóły naszej ofert? Zadzwoń do nas!</p> <p class="paragraph-5">+48 785 976 866</p> </div></div> </div> </div> </div> <div class="pattern-top"> <div id="mod-custom238" class="mod-custom custom"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 100" preserveaspectratio="none"> <path class="elementor-shape-fill" opacity="0.33" d="M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7 c0,0-62.1,26.1-94.9,29.3c-32.8,3.3-62.8-12.3-75.8-22.1C806,49.6,745.3,8.7,694.9,4.7S492.4,59,473,67.3z"></path> <path class="elementor-shape-fill" opacity="0.66" d="M734,67.3c-45.5,0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254,39.1 s-91.7-34.4-149.2,0C115.7,118.3,0,39.8,0,39.8V0h1000v36.5c0,0-28.2-18.5-92.1-18.5C810.2,18.1,775.7,67.3,734,67.3z"></path> <path class="elementor-shape-fill" d="M766.1,28.9c-200-57.5-266,65.5-395.1,19.5C242,1.8,242,5.4,184.8,20.6C128,35.8,132.3,44.9,89.9,52.5C28.6,63.7,0,0,0,0 h1000c0,0-9.9,40.9-83.6,48.1S829.6,47,766.1,28.9z"></path> </svg></div> </div> <footer class="footer"> <div class="container"> <div class="moduletable _footer_1"> <div id="mod-custom107" class="mod-custom custom"> <p><img src="/images/1._PLIKI_SZABLONU_STRONY/bg_sitemap2.png" alt="bg sitemap" width="100" height="171"></p> <div id="Mod107" class="t3-module module_footer_1"> <div class="module-inner"> <div class="module-ct"> <div class="custom_footer_1"> <h2 class="module-title">Dostepne cyfrowo<br>strony internetowe<br>dla kultury i oświaty</h2> </div> </div> </div> </div> <p>Wszelkie prawa zastrzeżone ©. <br><br>Projekt i realizacja:<br><a href="https://webkon.eu/" target="_blank" rel="noopener">Strony internetowe Konin<span class="sr-only">otwiera się w nowym oknie</span></a></p></div> </div> <div class="moduletable "> <div id="mod-custom182" class="mod-custom custom"> <h2 class="module-title">Informacje</h2> <ul> <li><a href="/baza-wiedzy/informacja-o-wcag-2-1/certyfikat-strona-bez-barier">Certyfikat dostępności</a></li> <li><a href="/baza-wiedzy/deklaracja">Deklaracja dostepności</a></li> <li><a href="/baza-wiedzy/raport-dostepnosci" target="_blank" title="raport z dostępności cyfrowej na rok 2023 - kliknięcie spowoduje otwarcie nowego okna">Raport z oceny dostępności cyfrowej</a></li> <li><a href="/baza-wiedzy/czym-jest-teks-latwy-do-czytania-etr">ETR - Tekst łatwy do czytania</a></li> <li><a href="/baza-wiedzy/czym-jest-wniosek-o-zapewnienie-dostepnosci" class="wf_file">Wniosek o zapewnienie dostępności</a></li> </ul></div> </div> <div class="moduletable "> <div id="mod-custom108" class="mod-custom custom"> <h2 class="module-title">Lokalizacja</h2> <p>62-510 Konin<br />ul. Szarotki 4</p></div> </div> <div class="moduletable "> <div id="mod-custom109" class="mod-custom custom"> <h2 class="module-title">Kontakt</h2> <p>Tel.: +48 785 976 866<br />E-mail: <a href="mailto:kontakt@stronydlaoswiaty.pl">kontakt@stronydlaoswiaty.pl</a></p></div> </div> </div> </footer>   </body> </html>

CINXE.COM

Strony internetowe dla kultury i oświaty zgodne z WCAG 2.1 - Strony dla oswiaty