1<!DOCTYPE html> 2<html lang="pl"> 3<head> 4 5<!-- [START] METADATA --> 6<meta charset="UTF-8"> 7<meta name="viewport" content="width=device-width, initial-scale=1.0"> 8<title>Historia w Metropolii</title> 9<meta name="description" content="WiadomoÅci zwiÄ zane z historiÄ GórnoÅlÄ sko-ZagÅÄbiowskiej Metropolii i najbliższej okolicy"> 10<meta name="robots" content="index, follow, max-image-preview:large"> 11<link rel="canonical" href="https://wmetropolii.pl/historia/"> 12<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500&subset=latin-ext"> 13<link rel="stylesheet" href="/_files/css/style.css?v=1786622499"> 14<link rel="stylesheet" href="/_files/css/font-awesome.min.css"> 15<link rel="stylesheet" href="/_files/css/owl.carousel.css"> 16<link rel="stylesheet" href="/_files/css/lightcase.css"> 17<link rel="stylesheet" href="/_files/css/ionicons.css"> 18<link rel="stylesheet" href="/_files/css/mqueries.css"> 19<link rel="stylesheet" href="/_files/css/isotope.css"> 20<meta property="og:type" content="website"> 21<meta property="og:title" content="Historia w Metropolii"> 22<meta property="og:description" content="WiadomoÅci zwiÄ zane z historiÄ GórnoÅlÄ sko-ZagÅÄbiowskiej Metropolii i najbliższej okolicy"> 23<meta property="og:url" content="https://wmetropolii.pl/historia/"> 24<meta property="og:image" content="/_files/_images/portal/wmetropolii_image.jpg"> 25<meta property="og:site_name" content="W Metropolii - Metropolia GZM, 41 miejscowoÅci w 1 miejscu"> 26<meta property="og:locale" content="pl_PL"> 27<meta property="og:image:type" content="image/jpeg"> 28<meta name="twitter:card" content="summary_large_image"> 29<meta name="twitter:title" content="Historia w Metropolii"> 30<meta name="twitter:description" content="WiadomoÅci zwiÄ zane z historiÄ GórnoÅlÄ sko-ZagÅÄbiowskiej Metropolii i najbliższej okolicy"> 31<meta name="twitter:image" content="/_files/_images/portal/wmetropolii_image.jpg">
32<script type="application/ld+json">{ 33 "@context": "https://schema.org", 34 "@type": "ItemList", 35 "@id": "https://wmetropolii.pl/historia/", 36 "url": "https://wmetropolii.pl/historia/", 37 "name": "Historia w Metropolii", 38 "description": "WiadomoÅci zwiÄ zane z historiÄ GórnoÅlÄ sko-ZagÅÄbiowskiej Metropolii i najbliższej okolicy", 39 "image": "/_files/_images/portal/wmetropolii_image.jpg", 40 "sourceOrganization": { 41 "@type": "NewsMediaOrganization", 42 "name": "W Metropolii", 43 "url": "https://wmetropolii.pl", 44 "image": "https://wmetropolii.pl/_files/_images/portal/wmetropolii_image.jpg", 45 "logo": { 46 "@type": "ImageObject", 47 "url": "https://wmetropolii.pl/_files/_icon/_logo-100x100.jpg" 48 }, 49 "sameAs": [ 50 "https://www.facebook.com/wmetropolii", 51 "https://www.youtube.com/@wmetropolii" 52 ], 53 "address": { 54 "addressLocality": "GórnoÅlÄ sko-ZagÅÄbiowska Metropolia", 55 "addressRegion": "ÅlÄ skie", 56 "addressCountry": "PL" 57 }, 58 "about": [ 59 { 60 "@type": "AdministrativeArea", 61 "name": "GórnoÅlÄ sko-ZagÅÄbiowska Metropolia", 62 "alternateName": "GZM", 63 "sameAs": "https://pl.wikipedia.org/wiki/G%C3%B3rno%C5%9Bl%C4%85sko-Zag%C5%82%C4%99biowska_Metropolia" 64 }, 65 { 66 "@type": "AdministrativeArea", 67 "name": "Województwo ÅlÄ skie", 68 "sameAs": "https://pl.wikipedia.org/wiki/Wojew%C3%B3dztwo_%C5%9Bl%C4%85skie" 69 } 70 ], 71 "publisher": { 72 "@type": "NewsMediaOrganization", 73 "name": "W Metropolii", 74 "url": "https://wmetropolii.pl", 75 "logo": { 76 "@type": "ImageObject", 77 "url": "https://wmetropolii.pl/_files/_icon/_logo-100x100.jpg" 78 }, 79 "areaServed": [ 80 { 81 "@type": "AdministrativeArea", 82 "name": "GórnoÅlÄ sko-ZagÅÄbiowska Metropolia", 83 "alternateName": "GZM", 84 "sameAs": "https://pl.wikipedia.org/wiki/G%C3%B3rno%C5%9Bl%C4%85sko-Zag%C5%82%C4%99biowska_Metropolia" 85 }, 86 { 87 "@type": "AdministrativeArea", 88 "name": "Województwo ÅlÄ skie", 89 "sameAs": "https://pl.wikipedia.org/wiki/Wojew%C3%B3dztwo_%C5%9Bl%C4%85skie" 90 } 91 ] 92 } 93 },
94 "itemListOrder": "https://schema.org/ItemListOrderDescending", 95 "numberOfItems": 2 96}</script>
vendor: 1 bytes, line 96
96
97<script type="application/ld+json">{ 98 "@context": "https://schema.org", 99 "@type": "BreadcrumbList", 100 "itemListElement": [ 101 { 102 "@type": "ListItem", 103 "@id": "https://wmetropolii.pl/historia/", 104 "position": 1, 105 "name": "Strona GÅówna", 106 "item": "https://wmetropolii.pl/" 107 }, 108 { 109 "@type": "ListItem", 110 "position": 2, 111 "name": "Historia w Metropolii", 112 "item": "https://wmetropolii.pl/historia" 113 } 114 ] 115}</script>
115 116<!-- [END] METADATA --> 117 118 119 120<link rel="icon" type="image/png" href="/_files/_icon/apple-icon-72x72.png"> 121<link rel="shortcut icon" href="/_files/_icon/favicon_mobile.ico"> 122<link rel="apple-touch-icon" sizes="57x57" href="/_files/_icon/apple-icon-57x57.png"> 123<link rel="apple-touch-icon" sizes="60x60" href="/_files/_icon/apple-icon-60x60.png"> 124<link rel="apple-touch-icon" sizes="72x72" href="/_files/_icon/apple-icon-72x72.png"> 125<link rel="apple-touch-icon" sizes="76x76" href="/_files/_icon/apple-icon-76x76.png"> 126<link rel="apple-touch-icon" sizes="114x114" href="/_files/_icon/apple-icon-114x114.png"> 127<link rel="apple-touch-icon" sizes="120x120" href="/_files/_icon/apple-icon-120x120.png"> 128<link rel="apple-touch-icon" sizes="144x144" href="/_files/_icon/apple-icon-144x144.png"> 129<link rel="apple-touch-icon" sizes="152x152" href="/_files/_icon/apple-icon-152x152.png"> 130<link rel="apple-touch-icon" sizes="180x180" href="/_files/_icon/apple-icon-180x180.png"> 131<link rel="icon" type="image/png" sizes="192x192" href="/_files/_icon/android-icon-192x192.png"> 132<link rel="icon" type="image/png" sizes="32x32" href="/_files/_icon/favicon-32x32.png"> 133<link rel="icon" type="image/png" sizes="96x96" href="/_files/_icon/favicon-96x96.png"> 134<link rel="icon" type="image/png" sizes="16x16" href="/_files/_icon/favicon-16x16.png"> 135<link rel="manifest" href="/_files/_icon/manifest.json"> 136<meta name="msapplication-TileColor" content="#ffffff"> 137<meta name="msapplication-TileImage" content="/_files/_icon/ms-icon-144x144.png"> 138<meta name="theme-color" content="#ffffff"> 139 140 141<!-- https://realfavicongenerator.net --> 142<!-- 143<link rel="icon" href="/assets/icons/favicon.ico" sizes="any"> 144<link rel="icon" href="/assets/icons/favicon.svg" type="image/svg+xml"> 145<link rel="icon" href="/assets/icons/favicon-32x32.png" type="image/png" sizes="32x32"> 146<link rel="icon" href="/assets/icons/favicon-192x192.png" type="image/png" sizes="192x192"> 147<link rel="apple-touch-icon" href="/assets/icons/favicon-180x180.png"> 148<link rel="manifest" href="/assets/icons/manifest.json"> 149--> 150 151<!-- Global site tag (gtag.js) - Google Analytics --> 152<!-- SPRAWDZIÄ
vendor: 65 bytes, lines 152-154
152 153<script async 154src="https://www.googletagmanager.com/gtag/js?id=
154UA-131490572-1
vendor: 12 bytes, line 154
154"></script>
155<script> 156
vendor: 137 bytes, lines 156-160
156window.dataLayer = window.dataLayer || []; 157 function gtag(){dataLayer.push(arguments);} 158 gtag('js', new Date()); 159 160 gtag('config', '
160UA-131490572-1
vendor: 4 bytes, line 160
160');
161</script>
161 162--> 163 164<!-- Default Statcounter code for wmetropolii.pl 165https://wmetropolii.pl -->
166<script type="text/javascript"> 167var sc_project=12998176; 168var sc_invisible=1; 169var sc_security="b0c9c637"; 170</script>
vendor: 1 bytes, line 170
170
171<script type="text/javascript" 172src="https://www.statcounter.com/counter/counter.js" 173async></script>
173 174<noscript><div class="statcounter"><a title="Web Analytics" 175href="https://statcounter.com/" target="_blank"><img 176class="statcounter" 177src="https://c.statcounter.com/12998176/0/b0c9c637/1/" 178alt="Web Analytics" 179referrerPolicy="no-referrer-when-downgrade"></a></div></noscript> 180<!-- End of Statcounter Code --> 181
182<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
vendor: 1 bytes, line 182
182
183<script> 184 (adsbygoogle = window.adsbygoogle || []).push({ 185 google_ad_client: "ca-pub-8134735764605172", 186 enable_page_level_ads: true 187 }); 188</script>
188</head> 189<body> 190 191<div id="page-loader" class="text-dark show-logo"> 192<span class="loader-icon bullets-jump"><span></span><span></span><span></span></span> 193</div> 194<div id="page-content"> 195<header id="header" class="header-left text-dark"> 196<!--HEADER--> 197<div class="header-inner clearfix"> 198<div id="logo" class="logo-left text-light"><a href="/"> 199<img id="dark-logo" src="/_files/_icon/_logo-black.png" srcset="/_files/_icon/_logo-black.png 1x, /_files/_icon/_logo-black.png 2x"> 200<img id="light-logo" src="/_files/_icon/_logo-white.png" srcset="/_files/_icon/_logo-white.png 1x, /_files/_icon/_logo-white.png 2x"> 201</a></div> 202<div id="menu" class="clearfix"> 203 204<div class="menu-actions"> 205 <div class="menu-toggle"><span class="hamburger"></span></div> 206</div> 207 208<style> 209.brak-scrolla::-webkit-scrollbar {display: none;} 210</style> 211<div id="menu-inner" class="brak-scrolla" style="overflow: auto; scrollbar-width: none; -ms-overflow-style: none;"><nav id="main-nav"><ul> 212 213 <li><a href="/aktualnosci" title="AktualnoÅci w Metropolii">AktualnoÅci</a></li> 214 <li><a href="/ciekawe" title="Ciekawe w Metropolii">Ciekawe</a></li> 215 <li><a href="/firmy" title="Firmy w Metropolii">Firmy</a></li> 216 <li><a href="/historia" title="Historia w Metropolii">Historia</a></li> 217 <li><a href="/inwestycje" title="Inwestycje w Metropolii">Inwestycje</a></li> 218 <li><a href="/kariera" title="Kariera w Metropolii">Kariera</a></li> 219 <li><a href="/ludzie" title="Ludzie w Metropolii">Ludzie</a></li> 220 <li><a href="/mieszkanie" title="Mieszkanie w Metropolii">Mieszkanie</a></li> 221 <li><a href="/opinie" title="Opinie w Metropolii">Opinie</a></li> 222 <li><a href="/podroz" title="Podróż w Metropolii">Podróż</a></li> 223 <li><a href="/rozrywka" title="Rozrywka Metropolii">Rozrywka</a></li> 224 <li><a href="/sport" title="Sport w Metropolii">Sport</a></li> 225 <li><a href="/turystyka" title="Turystyka w Metropolii">Turystyka</a></li> 226 <li><a href="/wydarzenia" title="Wydarzenia w Metropolii">Wydarzenia</a></li> 227 <li><a href="/zdrowie" title="Zdrowie w Metropolii">Zdrowie</a></li> 228 229 <li> 230 <span style="font-size: 15px; line-height: 28px;"> 231 232 <h6 class="widget-title" style="margin:30px 0 0 0; color:#b3b3b3;">METROPOLIA:</h6> 233 <a href="/gzm" title="Gminy w Metropolii GZM">MiejscowoÅci</a><br> 234 <a href="/pogoda" title="Pogoda w Metropolii GZM">Pogoda</a><br> 235 <a href="/kamera" title="Kamery w Metropolii GZM">Kamery</a><br> 236 <a href="/festyn" title="Festyny w Metropolii GZM">Festyny</a><br> 237 <a href="/sklepy" title="Sklepy w Metropolii GZM">Sklepy</a><br> 238 239 <h6 class="widget-title" style="margin:20px 0 0 0; color:#b3b3b3;">MULTIMEDIA:</h6> 240 <a href="/zdjecia" title="ZdjÄcia w Metropolii">ZdjÄcia</a><br> 241 <a href="/filmy" title="Filmy w Metropolii">Filmy</a><br> 242 <a href="/dzwieki" title="DźwiÄki w Metropolii">DźwiÄki</a><br> 243 244 <h6 class="widget-title" style="margin:20px 0 0 0; color:#b3b3b3;">POLECAMY:</h6> 245 <a href="/imprezy" title="Imprezy w Metropolii GZM">Imprezy plenerowe 2026</a><br> 246 <a href="/magazyn" title="DwumiesiÄcznik W Metropolii">Magazyn âW Metropoliiâ</a><br> 247 <a href="https://pogotowieslusarskie24.pl/katowice" title="Awaryjne otwieranie Katowice" target="_blank">Awaryjne otwieranie</a><br> 248 <a href="/abc" title="ABC Metropolii GZM">ABC Metropolii</a><br> 249 250 <h6 class="widget-title" style="margin:20px 0 0 0; color:#b3b3b3;">REDAKCJA:</h6> 251 <a href="/portal" title="Portal w Metropolii">O Portalu</a><br> 252 <a href="/portal/autorzy" title="Autorzy w Metropolii">Autorzy</a><br> 253 <a href="/portal/reklama?formaty" title="Reklama w Metropolii">Reklama</a><br> 254 <a href="/portal/regulamin" title="Regulamin w Metropolii">Regulamin</a><br> 255 <a href="/portal/polityka-prywatnosci" title="Polityka PrywatnoÅci w Metropolii">Polityka PrywatnoÅci</a><br> 256 <a href="https://facebook.com/wmetropolii/" title="Facebook" target="_blank" rel="nofollow noopener">Facebook</a><br> 257 <a href="https://youtube.com/@wmetropolii" title="YouTube" target="_blank" rel="nofollow noopener">YouTube</a><br> 258 259 <div style="margin:30px 0 0 0; font-size:12px; line-height:16px;"> 260 Korzystanie z Portalu<br>jest jednoznaczne<br>z akceptacjÄ <a href="/portal/regulamin">Cookies</a>.<br> 261 © Copyright by SB 17-26 262 </div> 263 264 </span> 265 </li> 266 267 <li> </li> 268 <li> </li> 269 270</ul></nav></div> 271 272</div> 273 274 275 276 <div id="header-actions"> 277 <div class="header-search"> 278 <a href="#" class="search-open action-search open-action" data-action="search-overlay"> 279 <svg class="search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43.9 43.9"><path d="M43.1,39.6L29.9,26.4c2-2.7,3.2-6.1,3.2-9.8C33.2,7.4,25.7,0,16.6,0S0,7.4,0,16.6c0,9.2,7.4,16.6,16.6,16.6 c3.7,0,7.1-1.2,9.8-3.2l13.2,13.2c1,1,2.6,1,3.5,0C44.1,42.2,44.1,40.6,43.1,39.6z M4.7,16.6C4.7,10,10,4.7,16.6,4.7 S28.5,10,28.5,
27916.6c0,6.6-5.3,11.9-11.9,11.9S4.7,23.1,4.7,16.6z"/></svg> 280 </a> 281 </div> 282 283 <!--<div class="header-share"><div class="share-icon"><span class="dots"></span><span class="strokes"></span></div> 284 <div class="share-content align-center"><h6 class="widget-title">Polub</h6><ul class="socialmedia-widget"> 285 <li class="facebook" title="Facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=https://wmetropolii.pl" target="_blank" rel="nofollow noopener"></a></li> 286 <li class="twitter" title="Twitter"><a href="https://x.com/intent/post?url=https://wmetropolii.pl" target="_blank" rel="nofollow noopener"></a></li> 287 <li class="pinterest" title="Pinterest"><a href="https://pinterest.com/pin/create/button/?url=https://wmetropolii.pl" target="_blank" rel="nofollow noopener"></a></li> 288 <li class="url" title="Wykop"><a href="https://www.wykop.pl/remotelink/?url=https://wmetropolii.pl" target="_blank" rel="nofollow noopener"></a></li> 289 </ul></div> 290 </div>--> 291 292 <div class="header-totop"> 293 <a class="totop" href="#"> 294 <svg class="arrow arrow-top" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 35.35"><path d="M0,16.88a3,3,0,0,0,.16.94,1.51,1.51,0,0,0,.63.78l15,15a2.14,2.14,0,0,0,3.52.08,2.14,2.14,0,0,0-.08-3.52L8.59,19.38H57.5a2.5,2.5,0,1,0,0-5H8.59L19.22,3.59A2.14,2.14,0,0,0,19.3.08a2.14,2.14,0,0,0-3.52.08l-15,15a1.51,1.51,0,0,0-.62.78A3,3,0,0,0,0,16.88Z"></path></svg> 295 </a> 296 </div> 297 </div> 298 299 <!-- 300 <div id="header-actions-overlay"> 301 <a href="" class="action-close header-close"></a> 302 <div class="action-overlay search-overlay"> 303 <form role="search" method="get" id="header-searchform" class="searchform" action="#"> 304 <input type="text" value="" name="s" id="s" placeholder="Wpisz co szukasz" /> 305 <input type="submit" id="searchsubmit" value="Search" /> 306 </form> 307 <h6 class="widget-title">WciÅnij Enter by szukaÄ</h6> 308 </div> 309 </div> 310 --> 311 312 <div id="header-actions-overlay"> 313 <a href="" class="action-close header-close"></a> 314 <div class="action-overlay search-overlay"> 315 <form action="/szukaj" method="get" class="search-form"> 316 317 <div style="position: relative; margin-top:10px;"> 318 319 <input type="text" name="slowo" id="p_szukaj" value="Wpisz sÅowa..." onfocus="if(this.value==this.defaultValue){this.value=''; this.style.color='#000'; this.style.borderColor='#000';}" onblur="if(!this.value){this.value=this.defaultValue; this.style.color='rgba(0,0,0,0.4)'; this.style.borderColor='rgba(0,0,0,0.4)';}" oninput="document.getElementById('p_clear').style.display = (this.value && this.value!=this.defaultValue) ? 'block' : 'none';" style="color: rgba(0,0,0,0.4); border: 1px solid rgba(0,0,0,0.4); font-size: 16px; width: 82%; padding: 12px 40px 12px 15px; background: transparent; display: block; border-radius: 0;" required> 320 321 <span id="p_clear" onclick="var i=document.getElementById('p_szukaj'); i.value=''; i.focus(); this.style.display='none';" style="display: none; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: rgba(0,0,0,0.7); font-size: 22px; cursor: pointer; user-select: none; z-index: 10;">Ã</span> 322 323 </div> 324 325 <button type="submit" style="padding:10px 35px; background:#000; color:#fff; border:none; border-radius:55px; cursor:pointer; margin:15px 0 0 0; font-size: 14px;">Szukaj</button> 326 327 <br><br><br> 328 329 </form>
330 </div> 331 </div> 332 333 <div id="header-widget" class="custom"> 334 <div class="copyright">Å»yj peÅniÄ Å¼ycia <a href="https://wmetropolii.pl" title="Metropolia GZM">W Metropolii</a></div> 335 </div> 336 337 338 339</div><span class="pseudo-close header-close"></span> 340<!--/HEADER--></header> 341 342<!--HERO&BODY--> 343<div id="hero-and-body"> 344 345 346 347<section id="hero" class="hero-big" style="min-height:0; line-height:0;"> 348<!--HERO-GALLERY--> 349<!-- 350<section id="hero" class="hero-big"> 351<div class="owl-slider hero-slider nav-light" data-autoplay="true" data-loop="true" data-dots="false"> 352 353<div class="slider-item text-light"> 354<div class="bg-img" style="background-image:url(/transport/250829-wysiadajac-z-tramwaju-zapusc-zurawia/wmetropolii-01-wysiadajac-z-tramwaju-zapusc-zurawia.jpg);"></div> 355<div style="position: absolute; bottom: 0; left: 0; right: 0; height: 60%; color: yellow !important; 356background: linear-gradient(to top, rgba(0,0,0,0.5), transparent); 357backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); 358mask-image: linear-gradient(to top, black, transparent); -webkit-mask-image: linear-gradient(to top, black, transparent);"></div> 359<a href="/transport/250829-wysiadajac-z-tramwaju-zapusc-zurawia" class="sr-button style-3 button-small read-more">Czytaj</a> 360<div class="owl-slider-caption bottom" style="width:100%;"><h5 class="title-alt" style="margin-bottom:0;">Polecamy</h5><div class="spacer-mini"></div><h2><strong> 361WysiadajÄ c <nobr>z tramwaju...</nobr> zapuÅÄ Å¼urawia</strong></h2></div> 362</div> 363 364<div class="slider-item text-light"> 365<div class="bg-img" style="background-image:url(/transport/250829-wysiadajac-z-tramwaju-zapusc-zurawia/wmetropolii-01-wysiadajac-z-tramwaju-zapusc-zurawia.jpg);"></div> 366<div style="position: absolute; bottom: 0; left: 0; right: 0; height: 60%; color: yellow !important; 367background: linear-gradient(to top, rgba(0,0,0,0.5), transparent); 368backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); 369mask-image: linear-gradient(to top, black, transparent); -webkit-mask-image: linear-gradient(to top, black, transparent);"></div> 370<a href="/transport/250829-wysiadajac-z-tramwaju-zapusc-zurawia" class="sr-button style-3 button-small read-more">Czytaj</a> 371<div class="owl-slider-caption bottom" style="width:100%;"><h5 class="title-alt" style="margin-bottom:0;">Popularny artykuÅ</h5><div class="spacer-mini"></div><h2><strong> 372WysiadajÄ c <nobr>z tramwaju...</nobr> zapuÅÄ Å¼urawia</strong></h2></div> 373</div> 374 375</div> 376</section> 377<div style="margin-top:15px;"></div> 378--> 379<!--/HERO-GALLERY--></section> 380 381<div style="margin:40px 0 45px 0;"> 382<div class="spacer-small hidden-768"></div> 383<h1 class="align-center">Historia w Metropolii</h1> 384<div class="spacer-mini hidden-768"></div> 385</div> 386<!--HERO-PHOTO--> 387 388<section id="hero" class="hidden-xs side-right-small2" style="height:110%;"> 389<div style="border-left: 1px solid rgba(0,0,0,0.13); height:110%;"> 390<div style="margin: 0 35px 0 35px; height:110%;"> 391 392<center> 393
393<script async src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>
393 394 <ins class='adsbygoogle' style='display:block' data-ad-client='ca-pub-8134735764605172' data-ad-slot='8988685194' data-ad-format='auto'></ins> 395
395<script>(adsbygoogle = window.adsbygoogle || []).push({}); </script>
395 396</center> 397 398<h5 style="margin-top:0; padding-top:10px;">INNE CIEKAWE:</h5> 399 400 <a href='../zdjecia/kiedys-to-bylo/' title='âKiedyÅ to byÅoâ na ÅlÄ sku!'> 401 <h4 style='color: inherit; margin-top:30px;'>âKiedyÅ to byÅoâ na ÅlÄ sku!</h4> 402 <p style="margin-top:0;">Tina Turner, Elton John i ÅlÄ ska codziennoÅÄ na zdjÄciach Ireneusza Kaźmierczaka...</p> 403 </a> 404 405 <a href='../turystyka/180222-weekend-inny-niz-wszystkie-w-kamperze/' title='Kamperem na wakacje!'> 406 <h4 style='color: inherit; margin-top:30px;'>Kamperem na wakacje!</h4> 407 <p style="margin-top:0;">Nie trzeba wyjeżdżaÄ daleko, by podróż staÅa siÄ dla nas zupeÅnie nowym doÅwiadczeniem...</p> 408 </a> 409 410<br><br> 411 412</div> 413</div> 414</section> 415 416<!--/HERO-PHOTO--> 417<!--BODY--> 418<section id="page-body"> 419 420 <div id="blog-grid" class="isotope-grid style-column-3 isotope-spaced-big"> 421 422 423<div class="blog-item isotope-item" style="margin-bottom:55px;"> 424 <a href="/historia/260902-armia-czerwona-na-terenie-gornego-slaska-w-latach-1945-1947-konkurs" title="Armia Czerwona na terenie Górnego ÅlÄ ska w latach 1945â1947 (konkurs)" class="thumb-hover scale" onmouseover="this.style.color='#666666';" onmouseout="this.style.color='inherit';"> 425 426 <div class="blog-item-inner item-inner do-anim "> 427 428 <div class="img-wrapper" style="overflow: hidden; position: relative; line-height: 0;"> 429 <img src="/_news/images/260902-armia-czerwona-na-terenie-gornego-slaska-w-latach-1945-1947-konkurs1.jpg" alt="Armia Czerwona na terenie Górnego ÅlÄ ska w latach 1945â1947 (konkurs)"> 430 </div> 431 432 <h3 style="margin:9px 0 7px 0; color: inherit;">Armia Czerwona na terenie Górnego ÅlÄ ska w latach 1945â1947 (konkurs)</h3> 433 434 435 <p style="margin:0 0 7px 0; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;">Nie wszystko, co wydarzyÅo siÄ na Górnym ÅlÄ sku po wojnie, trafiÅo do podrÄczników. CzÄÅÄ historii przetrwaÅa przede wszystkim w rodzinnych opowieÅciach, starych dokumentach, fotografiach i wspomnieniach â teraz organizatorzy konkursu âDawaj czasy!â chcÄ , by mieszkaÅcy regionu spróbowali je odnaleÅºÄ i zachowaÄ.</p> 436 <small>2 wrzeÅnia 2026 <span class="article-card-separator">|</span> Historia</small> 437 438 </div> 439 440 </a> 441</div> 442<div class="blog-item isotope-item" style="margin-bottom:55px;"> 443 <a href="/historia/260128-minelo-20-lat-od-najwiekszej-katastrofy-budowlanej-w-polsce" title="MinÄÅo 20 lat od najwiÄkszej katastrofy budowlanej w Polsce" class="thumb-hover scale" onmouseover="this.style.color='#666666';" onmouseout="this.style.color='inherit';"> 444 445 <div class="blog-item-inner item-inner do-anim "> 446 447 <div class="img-wrapper" style="overflow: hidden; position: relative; line-height: 0;"> 448 <img src="/_news/images/260514-minelo-20-lat-od-najwiekszej-katastrofy-budowlanej-w-polsce1.jpg" alt="MinÄÅo 20 lat od najwiÄkszej katastrofy budowlanej w Polsce"> 449 </div> 450 451 <h3 style="margin:9px 0 7px 0; color: inherit;">MinÄÅo 20 lat od najwiÄkszej katastrofy budowlanej w Polsce</h3> 452 453 454 <p style="margin:0 0 7px 0; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;">Mija dokÅadnie 20 lat od najtragiczniejszej katastrofy budowlanej w historii wspóÅczesnej Polski. 28 stycznia 2006 roku pod gruzami hali MiÄdzynarodowych Targów Katowickich zginÄÅo 65 osób. DziÅ, w rocznicÄ tych wydarzeÅ, caÅy region nie tylko wspomina ofiary, ale też próbuje oswoiÄ traumÄ poprzez sztukÄ.</p> 455 <small>28 stycznia 2026 <span class="article-card-separator">|</span> Historia</small> 456 457 </div> 458 459 </a> 460</div> 461 <!-- 462 <div class="blog-item isotope-item" style="margin-bottom:55px;"> 463 <a href="LINK" class="thumb-hover scale" title="TYTUL" onmouseover="this.style.color='#666666';" onmouseout="this.style.color='inherit';"> 464 <div class="blog-item-inner item-inner do-anim"> 465 <div class="img-wrapper" style="overflow: hidden; position: relative; line-height: 0;"><img src="OBRAZEK" alt="TYTUL"></div> 466 <h3 style="margin:9px 0 7px 0; color: inherit;">TYTUL</h3> 467 <p style="margin:0 0 7px 0; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;">ZAPOWIEDZ</p> 468 <small>DATA <span class="article-card-separator">|</span> KATEGORIA</small>
469 </div> 470 </a> 471 </div> 472 --> 473 474 <div class="blog-item isotope-item" style="margin-bottom:55px;"> 475 <a href="250812-25-urodziny-sklepu-ikea-w-katowicach" class="thumb-hover scale" title="25. urodziny sklepu IKEA w Katowicach" onmouseover="this.style.color='#666666';" onmouseout="this.style.color='inherit';"> 476 <div class="blog-item-inner item-inner do-anim"> 477 <div class="img-wrapper" style="overflow: hidden; position: relative; line-height: 0;"><img src="250812-25-urodziny-sklepu-ikea-w-katowicach/wmetropolii-01-25-urodziny-sklepu-ikea-w-katowicach.jpg" alt="25. urodziny sklepu IKEA w Katowicach"></div> 478 <h3 style="margin:9px 0 7px 0; color: inherit;">25. urodziny sklepu IKEA w Katowicach</h3> 479 <p style="margin:0 0 7px 0; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;">Sklep IKEA w Katowicach zostaÅ otwarty w 2000 roku. To byÅ czas, gdy ÅlÄ sk mierzyÅ siÄ z wysokim bezrobociem...</p> 480 <small>12 sierpnia 2025 <span class="article-card-separator">|</span> Historia</small> 481 </div> 482 </a> 483 </div> 484 485 </div> 486 487 <div class="article-pagination-box"> 488 </div> 489 490 <div class="align-center" style="margin:40px;"> 491 <a href="/" class="sr-button style-3 button-small" title="Dzieje siÄ w Metropolii">wiÄcej wiadomoÅci</a> 492 </div> 493 494<!--BODY POLECAMY--> 495 496<div class="fullwidth-section text-dark"> 497<div style="border-top: 1px solid rgba(0,0,0,0.13); width:100%; padding:40px 0 70px 0;"> 498<div class="wrapper" style="width:100% !important;"> 499 500<div id="blog-grid" class="isotope-grid style-column-4 isotope-spaced-big"> 501 502<div class="blog-item isotope-item" style="margin:5px 25px 5px 0;"><div class="blog-item-inner item-inner" style="margin-top:3px;"> 503<div class="widget"> 504<h4 style="margin-bottom:3px;"><nobr>Polecamy:</nobr></h4> 505</div> 506</div></div> 507 508<div class="blog-item isotope-item" style="margin: 5px 25px 5px 0 !important;"><div class="blog-item-inner item-inner"> 509<div class="widget"><ul class="menu"> 510<li><a href="https://pogotowieslusarskie24.pl/katowice" title="Awaryjne otwieranie Katowice" target="_blank"><b><nobr>Awaryjne otwieranie</nobr></b></a></li> 511</ul></div> 512</div></div> 513 514<div class="blog-item isotope-item" style="margin: 5px 25px 5px 0 !important;"><div class="blog-item-inner item-inner"> 515<div class="widget"><ul class="menu"> 516<li><a href="https://celniej.pl/" title="Agencja Reklamowa Katowice" target="_blank"><b><nobr>Agencja Reklamowa</nobr></b></a></li> 517</ul></div> 518</div></div> 519 520<div class="blog-item isotope-item" style="margin: 5px 25px 5px 0 !important;"><div class="blog-item-inner item-inner"> 521<div class="widget"><ul class="menu"> 522<li><a href="https://www.youtube.com/watch?v=aqCl4gD30Ck&list=PLMwj-M-wgXqZnL_6biM2UfrwLpmW0GuqE" title="Zobacz Link" target="_blank"><b><nobr>Zobacz "szybkÄ karmÄ"</nobr></b></a></li> 523</ul></div> 524</div></div> 525 526<!--<div class="blog-item isotope-item" style="margin: 5px 25px 5px 0 !important;"><div class="blog-item-inner item-inner"> 527<div class="widget"><ul class="menu"> 528<li><a href="/galeria/kiedys-to-bylo/" title="Galeria w Metropolii"><b><nobr>âKiedyÅ to byÅoâ</nobr></b></a></li> 529</ul></div> 530</div></div>--> 531 532</div> 533 534</div> 535</div> 536</div> 537 538<!--/BODY POLECAMY--></section> 539<!--/BODY--> 540 541 542 543</div> 544<!--/HERO&BODY--> 545 546<footer id="footer" class="text-dark"> 547<!-- FOOTER --> 548<!--<div class="footer-inner wrapper-small"> 549 550<a href=https://www.b2run.pl/run/pl/pl/gliwice/news/2018/news-1-gliwice.html target=_blank rel=nofollow> 551<img src=../../_files/_prom/b2rungliwice2018.png> 552</a> 553 554</div>--> 555<!-- /FOOTER --> 556 557 558<!-- 1. GÅÃWNA BIBLIOTEKA JQUERY (Zawsze pierwsza!) -->
559<script type="text/javascript" src="/_files/js/jquery-1.12.4.min.js"></script>
559 560 561<!-- 2. WTYCZKI JQUERY (KolejnoÅÄ dowolna) -->
562<script type="text/javascript" src="/_files/js/jquery.imagesloaded.min.js"></script>
vendor: 1 bytes, line 562
562
563<script type="text/javascript" src="/_files/js/jquery.owl.carousel.min.js"></script>
vendor: 1 bytes, line 563
563
564<script type="text/javascript" src="/_files/js/jquery.min.phatvideobg.js"></script>
vendor: 1 bytes, line 564
564
565<script type="text/javascript" src="/_files/js/jquery.sticky-kit.min.js"></script>
vendor: 1 bytes, line 565
565
566<script type="text/javascript" src="/_files/js/jquery.lightcase.min.js"></script>
vendor: 1 bytes, line 566
566
567<script type="text/javascript" src="/_files/js/jquery.isotope.min.js"></script>
vendor: 1 bytes, line 567
567
568<script type="text/javascript" src="/_files/js/plugins.js"></script>
568 569 570<!-- 3. SLIDER REVOLUTION CORE -->
571<script type="text/javascript" src="/_files/revolution/js/jquery.themepunch.tools.min838f.js?rev=5.0"></script>
vendor: 1 bytes, line 571
571
572<script type="text/javascript" src="/_files/revolution/js/jquery.themepunch.revolution.min838f.js?rev=5.0"></script>
572 573 574<!-- 4. ROZSZERZENIA SLIDER REVOLUTION -->
575<script type="text/javascript" src="/_files/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
vendor: 1 bytes, line 575
575
576<script type="text/javascript" src="/_files/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
vendor: 1 bytes, line 576
576
577<script type="text/javascript" src="/_files/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
vendor: 1 bytes, line 577
577
578<script type="text/javascript" src="/_files/revolution/js/extensions/revolution.extension.actions.min.js"></script>
vendor: 1 bytes, line 578
578
579<script type="text/javascript" src="/_files/revolution/js/extensions/revolution.extension.video.min.js"></script>
579 580 581<!-- 5. TWÃJ GÅÃWNY PLIK Z INICJACJÄ (Zawsze na samym koÅcu) -->
582<script type="text/javascript" src="/_files/js/script.js"></script>
582 583 584 585
586<script> 587(function() { 588 const plChars = 'A-ZÄÄÃŻŹÄÅÅÅa-zÄ ÄóżźÄÅÅÅ'; 589 const toForward = '(?:[aiouwz]|ze|we|do|na|po|za|od|nr|dla|pod|nad|bez|przed|przez|mgr|dr|prof\\.|hab\\.|inż\\.|np\\.|tzw\\.|ul\\.|al\\.|pl\\.|os\\.|woj\\.|tel\\.|Åw\\.|bÅ\\.|ks\\.|m\\.in\\.|oraz|albo|bÄ dź|lecz|ponad|okoÅo|ale)'; 590 const toBackward = '(?:siÄ|kg|km|zÅ|gr|m|cm|mm|m2|m3|s|min|godz\\.|tys\\.|itp\\.|itd\\.|br\\.|r\\.)'; 591 const reForward = new RegExp('(?<=[^' + plChars + ']|^)(' + toForward + ')(?=[^' + plChars + ']|$)[\\s\\t]+', 'gi'); 592 const reBackward = new RegExp('[\\s\\t]+(?<=[^' + plChars + ']|^)(' + toBackward + ')(?=[^' + plChars + ']|$)', 'gi'); 593 const walk = document.createTreeWalker( 594 document.body, 595 NodeFilter.SHOW_TEXT, 596 { 597 acceptNode: function(node) { 598 const parentTag = node.parentNode.tagName.toLowerCase(); 599 return ['script', 'style', 'textarea', 'code', 'pre', 'input'].includes(parentTag) 600 ? NodeFilter.FILTER_REJECT 601 : NodeFilter.FILTER_ACCEPT; 602 } 603 }, 604 false 605 ); 606 let node; 607 while (node = walk.nextNode()) { 608 node.nodeValue = node.nodeValue 609 .replace(reForward, '$1\u00A0') 610 .replace(reBackward, '\u00A0$1'); 611 } 612})(); 613</script>
613 614 615<!--
616<script> 617 (function() { 618 // 1. Grupa "DO PRZODU": spójniki, przyimki, skróty (spacja twarda PO nich) 619 const toForward = '(?:[aiouwz]|ze|we|do|na|po|za|od|nr|dla|pod|nad|bez|przed|przez|mgr|dr|prof\\.|hab\\.|inż\\.|np\\.|tzw\\.|ul\\.|al\\.|pl\\.|os\\.|woj\\.|tel\\.|Åw\\.|bÅ\\.|ks\\.|m\\.in\\.|oraz|albo|bÄ dź|lecz|ponad|okoÅo|ale)'; 620 621 // 2. Grupa "DO TYÅU": jednostki, miary, "siÄ" (spacja twarda PRZED nimi) 622 const toBackward = '(?:siÄ|kg|km|zÅ|gr|m|cm|mm|m2|m3|s|min|godz\\.|tys\\.|itp\\.|itd\\.|br\\.|r\\.)'; 623 624 const reForward = new RegExp('\\b(' + toForward + ')\\s+', 'gi'); 625 const reBackward = new RegExp('\\s+(' + toBackward + ')(?![a-zÄ ÄóżźÄÅÅÅ])', 'gi'); 626 627 const walk = document.createTreeWalker( 628 document.body, 629 NodeFilter.SHOW_TEXT, 630 { 631 acceptNode: function(node) { 632 const parentTag = node.parentNode.tagName.toLowerCase(); 633 return ['script', 'style', 'textarea', 'code', 'pre', 'input'].includes(parentTag) 634 ? NodeFilter.FILTER_REJECT 635 : NodeFilter.FILTER_ACCEPT; 636 } 637 }, 638 false 639 ); 640 641 let node; 642 while (node = walk.nextNode()) { 643 node.nodeValue = node.nodeValue 644 .replace(reForward, '$1\u00A0') 645 .replace(reBackward, '\u00A0$1'); 646 } 647 })(); 648</script>
648 649--> 650 651</footer> 652</div> 653</body></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.