BS Polonia Bytom

<!DOCTYPE html> <html lang="pl-PL"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>BS Polonia Bytom</title> <meta name="description" content="Oficjalny serwis internetowy BS Polonii Bytom."> <meta name="format-detection" content="telephone=no"/> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/> <meta property="og:locale" content="pl_PL" /> <meta property="og:type" content="website" /> <meta property="og:title" content="BS Polonia Bytom" /> <meta property="og:description" content="Oficjalny serwis internetowy BS Polonii Bytom." /> <meta property="og:url" content="http://poloniabytom.com.pl/" /> <meta property="og:site_name" content="BS Polonia Bytom" /> <meta property="article:publisher" content="https://www.facebook.com/BSPoloniaBytom" /> <meta property="article:modified_time" content="2023-03-30T17:13:01+00:00" /> <meta property="og:image" content="http://poloniabytom.com.pl/images/pb-intro.jpg" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <style> *{box-sizing: border-box;} @font-face { font-family: 'sinkin_sans400_regular'; src: url('images/SinkinSans-400Regular-webfont.eot'); src: url('images/SinkinSans-400Regular-webfont.eot?#iefix') format('embedded-opentype'), url('images/SinkinSans-400Regular-webfont.woff2') format('woff2'), url('images/SinkinSans-400Regular-webfont.woff') format('woff'), url('images/SinkinSans-400Regular-webfont.ttf') format('truetype'), url('images/SinkinSans-400Regular-webfont.svg#sinkin_sans400_regular') format('svg'); font-weight: normal; font-style: normal; } body { background: #fff url('images/pbbg.jpg') no-repeat; background-size: cover; font-family: 'sinkin_sans400_regular', Arial, sans-serif; font-size: 16px; margin: 0; width: 100%; height: 100%; display: grid; place-items: center; color:#13357a; } #logo {max-width: 70px;text-align: center; margin-top: 10px; transition: all 0.3s ease-in-out; animation: scale-in 1s alternate ease-in;} #logo:hover {opacity:0.7} h1 {font-size: 16px;text-align: center; transition: all 0.3s ease-in-out; animation: scale-in 2s alternate ease-in; max-width:80%} p {font-size: 12px;text-align: center} h1,p {line-height: 16px; margin: 0 auto 10px; text-transform: uppercase;} #header {text-align: center; min-width: 100%;} #intro { display:grid; width: 85%; height: 540px; justify-content: center; grid-template-columns: 180px 180px; grid-template-rows: 180px 180px 180px; grid-template-areas: "A B" "D E" "C F"; } div#intro > div { position: relative; padding: 50px 25px; word-break: break-word; color:#fff; display: grid; justify-content: center; align-items: center; transition: all .3s ease-in-out; cursor: pointer; background-size: contain; min-height: 180px; } div#intro > div:hover { transform: scale(0.95); opacity: 0.7; } div#intro a {width:100%; height:100%; position: absolute;} div#intro span {display: none; visibility: hidden;} div#pilkanozna {grid-area: A; background: #015fbf url('images/pilka-nozna.jpg') no-repeat center top; } div#akademia {grid-area: B; background: #ce091b url('images/akademia.jpg') no-repeat center top; } div#sklep {grid-area: C; background: #015fbf url('images/sklep.jpg') no-repeat center top; } div#koszykowka {grid-area: D; background: #ce091b url('images/koszykowka.jpg') no-repeat center top; } div#hokej {grid-area: E; background: #015fbf url('images/hokej.jpg') no-repeat center top; } div#spolka {grid-area: F; background: #ce091b url('images/bspb.jpg') no-repeat center top; } @media screen and (min-width: 768px) { #intro { display:grid; height: 480px; grid-template-columns: 240px 240px 240px; grid-template-rows: 240px 240px; grid-template-areas: "A B C" "D E F"; } div#intro > div {min-height: 240px;} } @media screen and (min-width: 2500px) { #logo {max-width: 140px;text-align: center; margin-top: 40px;} h1 {font-size: 32px;} p {font-size: 24px;} h1,p {line-height: 32px; margin: 0 auto 20px} #intro { display:grid; height: 1000px; margin-bottom:40px; grid-template-columns: 500px 500px 500px; grid-template-rows: 500px 500px; } div#intro > div {min-height: 500px;} } @keyframes scale-in { 0% { opacity: 0; transform: scale(0.97); } 100% { opacity: 1; transform: scale(1) } } </style>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-M7M4K6KK6K"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-M7M4K6KK6K'); </script> </head> <body> <div id="header"> <a href="http://poloniabytom.com.pl"><img id="logo" src="images/Polonia-Bytom-Herb.png" alt="Polonia Bytom"></a> <h1>Oficjalny serwis internetowy <br>BS Polonii Bytom</h1> <p>Wybierz kolejny krok:</p> </div> <div id="intro"> <div id="pilkanozna"><a href="http://bs.poloniabytom.com.pl/"><span>pi艂ka no偶na</span></a></div> <div id="akademia"><a href="https://akademia.bspb.pl/"><span>akademia</span></a></div> <div id="sklep"><a href="https://sklep.bspb.pl/"><span>sklep</span></a></div> <div id="koszykowka"><a href="https://bspoloniabytom.pl/"><span>koszyk贸wka</span></a></div> <div id="hokej"><a href="https://www.bytomski-hokej.pl/"><span>hokej</span></a></div> <div id="spolka"><a href="https://bspb.pl/"><span>sp贸艂ka</span></a></div> </div> </body> </html>

CINXE.COM

BS Polonia Bytom