WIND 2020 HP

6.12.2020

.overlay_container, .blog_banner {
position: relative;
}

.image {
display: block;
width: 100%;
height: auto;
}

.kn_overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color:rgba(0,0,0,0.8);
}

.overlay_container:hover > .kn_overlay {
opacity: 1;
}

.kn_overlay_text {
color: white;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.kn_overlay_text h2 {color: #fff;font-weight: 600; border-bottom: solid 2px #fff;padding-bottom: 10px;font-size: 24px;}
.kn_overlay_text p {font-size: 16px;margin-bottom:25px;}

.overlay_container > a:last-child, .blog_banner > a:nth-child(2) {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent: -9999px;
overflow: hidden;
}
.blog_btn { color: #fff;
font-size: 20px;
border: solid 2px #f77136;
padding: 5px 30px;}
.blog_banner > a:nth-child(2):hover + a {background-color: #f77136;}
.blog_banner {padding: 0px 20px 26px 20px;}
.blog_banner h3 {margin-block-start: calc(1em - 10px);color: #fff;}

.kn_container {width:100%; background-color: #000;
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-direction:row;flex-wrap:wrap;justify-content:space-between;}

@media (max-width: 768px) {
.kn_child3 {width:100%;}
}

@media (min-width: 768px) {
.kn_child3 {width:33.3%;}
}
--></style>
<style><!--
.kn_container h3 {width:100%;text-align:center;font-size:25px;}
.kn_child4 p {font-weight:600;}

@media (max-width: 768px) {
.kn_child6 {width:50%; padding:10px;}
.kn_overlay_text {width:75%;}
}

@media (min-width: 768px) and (max-width: 991px) {
.kn_child6 {width:33%; padding:10px;}
.kn_overlay_text {width:75%;}
}

@media (min-width: 992px) {
.kn_child6 {width:16%; padding:10px;}
.kn_overlay_text a {font-size: 22px; padding: 6px 24px; border: solid 3px #f77136; color: #fff;}
}
--></style>
<div class="kn_main_page">
<div class="kn_container">
<div class="kn_child3 overlay_container"><img class="image" src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/New_carousel_wind_alt3.png' alt="Windsurfing" />
<div class="kn_overlay">
<div class="kn_overlay_text">
<h2>Windsurfing</h2>
<p> </p>
<a href="#">Nakoupit</a></div>
</div>
<a href="/windsurfing-main/"> </a></div>
<div class="kn_child3 overlay_container"><img class="image" src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/New_carousel_kite_alt3.png' alt="Kiteboarding" />
<div class="kn_overlay">
<div class="kn_overlay_text">
<h2>Kiteboarding</h2>
<p> </p>
<a href="#">Nakoupit</a></div>
</div>
<a href="/kiteboarding-main/"> </a></div>
<div class="kn_child3 overlay_container"><img class="image" src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/New_carousel_foil_alt3.png' alt="Foil" />
<div class="kn_overlay">
<div class="kn_overlay_text">
<h2>Foil surfing</h2>
<p> </p>
<a href="#">Nakoupit</a></div>
</div>
<a href="/foil/"> </a></div>
</div>
<div class="kn_container">
<div class="kn_child3 blog_banner" style="text-align: center; background-color: #222;">
<h3>Pročtěte si také naše články o windsurfingu!</h3>
<a href="/blog/"> </a> <a class="blog_btn" href="/vse-o-windsurfingu">Přečíst</a></div>
<div class="kn_child3 blog_banner" style="text-align: center; background-color: #111;">
<h3>Jak vybrat paddleboard? Poradíme vám!</h3>
<a href="/vse-o-paddleboardech/"> </a> <a class="blog_btn" href="/vse-o-paddleboardingu">Blog</a></div>
<div class="kn_child3 blog_banner" style="text-align: center; background-color: #000;">
<h3>Vše o kiteboardingu zjistíte na našem blogu!</h3>
<a href="/vse-o-kiteboardingu/"> </a> <a class="blog_btn" href="/vse-o-kiteboardingu/">Blog</a></div>
</div>
<div class="kn_container benefits" style="background-color: #fff;">
<div class="kn_child6">
<p style="text-align: center;"><strong><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/benefits_prodejna.png' alt="benefits_prodejna" />Kamenná prodejna v Praze</strong></p>
</div>
<div class="kn_child6">
<p style="text-align: center;"><strong><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/benefits_výběr.png' alt="benefits_výběr" />Obrovský výběr sortimentu</strong></p>
</div>
<div class="kn_child6">
<p style="text-align: center;"><strong><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/benefits_personál.png' alt="benefits_personál" />Komplexní servis a poradenství</strong></p>
</div>
<div class="kn_child6">
<p style="text-align: center;"><strong><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/benefits_doprava.png' alt="benefits_doprava" />Doprava zdarma již při nákupu nad 2000,-</strong></p>
</div>
<div class="kn_child6">
<p style="text-align: center;"><strong><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/benefits_24.png' alt="benefits_24" />Objednávky doručujeme do 24 hodin</strong></p>
</div>
<div class="kn_child6">
<p style="text-align: center;"><strong><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/benefits_pujcovna.png' alt="benefits_pujcovna" />Možnost zapůjčení a otestování zboží</strong></p>
</div>
</div>
</div>
<div class="kn_HP"><a href="/znacka/rrd/"><img style="width: 100%; margin: auto;" src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/wind_banner_wide.png' /></a>
<div class="cat_container container">
<div class="cat_child3">
<h3>Windsurfing</h3>
<ul>
<li><a href="/ws-plovaky/">Plováky</a></li>
<li><a href="/ws-plachty/">Plachty</a></li>
<li><a href="/ws-stezne/">Stěžně</a></li>
<li><a href="/ws-rahna/">Ráhna</a></li>
<li><a href="/ws-trapezy/">Trapézy na wind</a></li>
<li><a href="/nastavce/">Nástavce</a></li>
<li><a href="/klouby-jezdce/">Kloub</a></li>
</ul>
</div>
<div class="cat_child3">
<h3>Kitesurfing</h3>
<ul>
<li><a href="/kiteboardy/">Kiteboardy</a></li>
<li><a href="/kite-nafukovaci/">Nafukovací kity</a></li>
<li><a href="/kite-treninkovy/">Tréninkové kity</a></li>
<li><a href="/wakeboardy/">Wakeboardy</a></li>
<li><a href="/bary/">Bary</a></li>
<li><a href="/trapezy/">Trapézy na kite</a></li>
<li><a href="/obaly-na-kite/">Obaly</a></li>
</ul>
</div>
<div class="cat_child3">
<h3>Foil</h3>
<ul>
<li><a href="/wing-wing/">Wing</a></li>
<li><a href="/foil-plovaky/">Foil prkno na wind</a></li>
<li><a href="/kite-foil-prkno-board/">Foil prkno na kite</a></li>
<li><a href="/plovaky-na-wing-foil/">Foil prkno na wing</a></li>
<li><a href="/hydrofoil-wind/">Hydrofoil na wind</a></li>
<li><a href="/hydrofoil-kite/">Hydrofoil na kite</a></li>
<li><a href="/hydrofoil-wing/">Hydrofoil na wing</a></li>
</ul>
</div>
</div>
<div class="kn_container">
<div class="kn_child3">
<p style="text-align: center; margin-bottom: 0px;"><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/prodejna_rect_4.png' /></p>
</div>
<div class="kn_child3">
<p style="text-align: center; margin-bottom: 0px;"><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/prodejna_rect_3.png' /></p>
</div>
<div class="kn_child3">
<p style="text-align: center; margin-bottom: 0px;"><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/prodejna_rect_2.png' /></p>
</div>
</div>
<div class="container kn_container" style="background-color: #fff; max-width: 1418px;">
<div class="kn_map">
<h4>Kde nás najdete</h4>
<iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2559.603552260692!2d14.445302915886357!3d50.09370902088599!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x470b959cdd909263%3A0x261d9f1af100843b!2sWindsurfing%20Karl%C3%ADn!5e0!3m2!1scs!2scz!4v1576005497858!5m2!1scs!2scz" width="100%" height="300" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<div class="prodejna_text">
<h2>Navštivte naši prodejnu!</h2>
<p>Kamenný obchod v Praze o ploše 250m2 vám nabídne široký výběr veškerého windsurfingového, paddleboardového a kitového vybavení a doplňků od těch nejrenomovanějších značek na trhu. Můžete si zde vše prohlédnout a vyzkoušet. Samozřejmostí je pomoc s výběrem od dlouholetých odorníků.</p>
<p style="text-align: center;">Pobřežní 649/36, Praha 8-Karlín, 186 00</p>
<p style="text-align: center;">Po - Pá 10:00 - 18:00</p>
</div>
</div>
</div>

Odebírat newsletter