CINXE.COM
Rekola - Sdílená kola pro rychlé přesuny po městě
<!DOCTYPE html> <html lang="cs"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="alternate" hreflang="cs" href="https://www.rekola.cz/"> <title>Rekola - Sdílená kola pro rychlé přesuny po městě</title> <link rel="manifest" href="/assets/pwa/manifest.webmanifest"> <link rel="icon" type="image/png" href="/assets/img/front/logo/icon.4a2e9517.png" sizes="36x36"> <meta name="theme-color" content="#ed3c95"> <meta property="og:image" content="https://www.rekola.cz/assets/img/front/og/image.ffef799e.jpg"> <meta property="og:title" content="Rekola - Sdílená kola pro rychlé přesuny po městě"> <meta property="og:description" content="Půjčte si růžové kolo kdykoli se vám zachce. Jezděte tak dlouho, jak budete potřebovat a nakonec kolo kdekoli v zóně zamkněte pro dalšího jezdce. Prostě bikesharing jak má být."> <meta name="description" content="Půjčte si růžové kolo kdykoli se vám zachce. Jezděte tak dlouho, jak budete potřebovat a nakonec kolo kdekoli v zóně zamkněte pro dalšího jezdce. Prostě bikesharing jak má být."> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800&subset=latin-ext,latin"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <link rel="stylesheet" href="/assets/css/front.672b0f33.css" media="screen"> <style>.btn { border-radius: 30px; }</style> <script src="/assets/js/front.4598ed78.js" defer></script> <style> .siteLogo-svg-circle { box-shadow: none; } .btn.btn-default { border: 3px solid #E2EAF4; } .siteNav-toggle { top: 5px; } .siteLogo-svg-circle { width: 42px; height: 42px; } @media (max-width: 480px) { .siteLogo-svg-circle { width: 36px; height: 36px; } } .logo-text { font-family: Avenir, sans-serif; font-weight: 900; color: #212529; font-size: 24px; letter-spacing: 0px; position: relative; top: 5px; } .pricing { padding: 0 10px; } .select-home { left: 320px; } .map-buttons, .map-zones-editor { display: none; } .select.select-home.select-pricing { display: inline-block; } </style> </head> <body> <div data-component="Shapes" data-url="/assets/img/shape.3674c400.svg"></div> <div class="site" id="snippet--main"> <div class="site-main"> <a data-ajax="false" class="siteLogo" href="/"> <svg class="shape shape-logo-circle siteLogo-svg-circle"> <use xlink:href="#shape-logo-circle"></use> </svg> <span class="sr-only">Logo</span> <span class="logo-text">Rekola Bikesharing</span> </a> <div data-component="Select" class="select select-home"> <div class="select-in"> <label class="select-current btn btn-lg btn-default" for="cities"> <span class="select-current-in"> <span class="select-current-value"></span> <span class="select-placeholders"></span> </span> </label> <select id="cities" class="select-input js-change-pricing"> <optgroup label="🇨🇿 Česko"> <option value="1" selected> Praha </option> <option value="2" > Brno </option> <option value="7" > České Budějovice </option> <option value="20" > Prostějov </option> <option value="21" > Krnov </option> <option value="22" > Žďár n. S. </option> <option value="24" > Nový Jičín a Kopřivnice </option> <option value="25" > Havířov </option> <optgroup label="🇸🇰 Slovensko"> <option value="18" > Bratislava </option> <optgroup label="🇪🇪 Eesti"> <option value="23" > Tallinn </option> </optgroup> </select> </div> </div> <style> .select-pricing { position: relative; top: -10px; left: 0; } </style> <script> document.addEventListener('DOMContentLoaded', function() { document.getElementById('cities').addEventListener("change", function(){ var url = new URL(window.location.href); url.searchParams.set('setRegionId', this.value) console.log(url.href); window.location.href = url.href; }) }); </script> <div class="siteNav-wrapper"> <nav id="navigation" data-component="Navigation" class="siteNav"> <button class="navigation-toggle siteNav-toggle burger"> <div class="burger-bar burger-bar1"></div> <div class="burger-bar burger-bar2"></div> <div class="burger-bar burger-bar3"></div> </button> <div class="siteNav-container"> <div class="siteNav-container-inner"> <div class="siteNav-big"> <a data-ajax="false" href="/jak-to-funguje">Fungování</a><a data-ajax="false" href="/cenik">Ceník</a><a data-ajax="false" href="/parkovani">Parkování</a><a data-ajax="false" href="/caste-otazky">Časté otázky</a><a data-ajax="false" href="/en/">EN</a> </div> </div> </div> </nav> </div> <style> .img-responsive { max-width: 100%; height: auto; } @media (max-width: 991px) { .hero { overflow: hidden; padding-top: 20px; } .hero-text img { max-width: 140px; } } @media (max-width: 768px) { .hero-text { padding-left: 20px; } } .hero-image { margin-bottom: 20px; } .flex-centered { display: flex; align-items: center; } @media (max-width: 768px) { .flex-centered { margin-bottom: 60px; } .flex-centered.flex-mobile-reversed { flex-direction: column-reverse; } .select.select-home { display: none; } } .subheading { color: #74828C; font-size: 16px; line-height: 1.3; } @media (min-width: 480px) { .subheading { font-size: 18px; } } h1 { font-size: 28px; line-height: 1.1; } @media (min-width: 480px) { h1 { font-size: 48px; } } .hero-description { font-size: 16px; } @media (min-width: 480px) { .hero-description { font-size: 18px; } } .flex-centered h2 { font-size: 28px; line-height: 1.1; font-weight: 800; margin: 5px auto 15px; } @media (min-width: 480px) { .flex-centered h2 { font-size: 40px; margin: 5px auto 28px; } } .basics { text-align: center; } @media (max-width: 768px) { .basics { margin-bottom: 40px; } .btn { padding-left: 25px; padding-right: 25px; } } .basics h3 { font-size: 24px; line-height: 1.1; margin-bottom: 15px; } .quick-links { width: 100%; text-align: center; padding: 60px 20px; } .large-block { padding-bottom: 60px; } @media (min-width: 768px) { .block-text { padding: 0 40px; } } .large-image { border-radius: 10px; margin-bottom: 20px; } .btn.btn-primary { padding: 10px 25px; font-size: 18px; } </style> <div class="container"> <div class="row flex-centered flex-mobile-reversed hero"> <div class="col-sm-6 hero-text"> <div class="subheading">Sdílená růžová kola</div> <h1> Nejrychlejší doprava<br>na cesty do 3 km </h1> <p class="hero-description">Registrace do minuty a zdarma v aplikaci Rekola</p> <a href="https://itunes.apple.com/cz/app/rekola/id888759232?mt=8"> <img src="/assets/img/front/download-cta/apple.4410f153.svg"> </a> <a href="https://play.google.com/store/apps/details?id=cz.rekola.app&hl=en"> <img src="/assets/img/front/download-cta/google.48d71424.svg"> </a> </div> <div class="col-sm-6"> <img src="/img/homepage/hero-image-1.jpg" loading="lazy" class="hero-image" sizes="(max-width: 479px) 92vw, (max-width: 991px) 540px, 47vw" srcset="/img/homepage/hero-image-mobile-1.jpg 344w, /img/homepage/hero-image-1.jpg 715w" alt="Rekola Bikesharing - česká růžová sdílená kola"> </div> </div> <div class="row"> <div class="col-xs-12 col-md-4 basics"> <img src="/img/homepage/icon-hp-qr.svg" alt="QR kód"> <h3>Načtěte QR kód a kolo<br> se vám samo odemkne</h3> <a class="btn btn-default" href="/jak-to-funguje">Jak to funguje?</a> </div> <div class="col-xs-12 col-md-4 basics"> <img src="/img/homepage/icon-hp-bike.svg" alt="Rekolo"> <h3 style="max-width: 380px; margin-left: auto; margin-right: auto"> Jízdy zdarma na benefity, <br>na předplatné, jednotlivě </h3> <a class="btn btn-default" href="/cenik">Kolik to stojí?</a> </div> <div class="col-xs-12 col-md-4 basics"> <img src="/img/homepage/icon-hp-parking.svg" alt="Parkování"> <h3> Rychle vrátíte v stanovištích<br>kolem širšího centra </h3> <a class="btn btn-default" href="/parkovani">Kde mám parkovat?</a> </div> </div> <div class="row"> <div class="col-xs-12 quick-links"> <p>Často hledáte: Jízdy <a href="/litacka">na Lítačku</a> nebo <a href="/multisport">MultiSportku</a>, <a href="/predplatne-premium">neomezené jízdy</a></p> </div> </div> <div class="row large-block flex-centered"> <div class="col-xs-12 col-md-6"> <img src="/img/homepage/hp-history.jpg" alt="" class="img-responsive large-image"> </div> <div class="col-xs-12 col-md-6 block-text"> <div class="subheading">Rychlá doprava ve městech od roku 2013</div> <h2>Náhradní doprava, <br class="hidden-sm-down">sdílené stojany, data</h2> <a class="btn btn-primary" href="/pribeh-rekol">Rekola v průběhu let</a> </div> </div> <div class="row large-block flex-centered flex-mobile-reversed"> <div class="col-xs-12 col-md-6 block-text"> <div class="subheading">Nejen sdílená kola</div> <h2>Každý rok připravujeme <br class="hidden-sm-down">akce s našimi partnery</h2> <img src="/img/homepage/hp-partnerships-logos.jpg" alt="Spolupráce: Cool nealko, RedBull, HBO, HelloBank!" class="img-responsive large-image"> <a class="btn btn-primary" href="/firmy/cooperation">Poptat spolupráci</a> </div> <div class="col-xs-12 col-md-6"> <img src="/img/homepage/hp-partnerships.jpg" alt="" class="img-responsive large-image"> </div> </div> <div class="row large-block flex-centered"> <div class="col-xs-12 col-md-6"> <img src="/img/homepage/hp-companies.jpg" alt="" class="img-responsive large-image"> </div> <div class="col-xs-12 col-md-6 block-text"> <div class="subheading">Benefit, který zaměstnanci milují</div> <h2>Jízdné jako benefit <br class="hidden-sm-down">pro zaměstnance</h2> <img src="/img/homepage/hp-companies-logos.jpg" alt="Rekola pro firmy - Economia, Kooperativa" style="position: relative; top:-15px" class="img-responsive"> <a class="btn btn-primary" href="/firmy">Víc o jízdném pro firmy</a> </div> </div> </div> <section class="downloadCta"> <h3 style="max-width: 460px;"> Zaregistrujte se zdarma a vyjeďte během minuty </h3> <a href="https://itunes.apple.com/cz/app/rekola/id888759232?mt=8"> <img src="/assets/img/front/download-cta/apple.4410f153.svg"> </a> <a href="https://play.google.com/store/apps/details?id=cz.rekola.app&hl=en"> <img src="/assets/img/front/download-cta/google.48d71424.svg"> </a> </section> <br><br> <section class="socialFooter"> <div class="container socialFooter-inner"> <div class="socialFooter-col"> <p>Sledujte nás na sociálních sítích:</p> <a href="https://www.instagram.com/rekolaeu/"> <img src="/assets/img/front/social/insta.37e6ad50.svg" loading="lazy"> </a> <a href="https://www.facebook.com/RekolaEU/"> <img src="/assets/img/front/social/fb.24a6ea1d.svg" loading="lazy"> </a> </div> </div> </section> </div> <footer class="siteFooter" style="background: #F5F5F5"> <div class="container"> <div class="row"> <div class="col-sm-6 col-md-4 siteFooter-block"> <div class="siteFooter-aside-native"> <a class="siteFooter-aside-nativeApp" href="https://itunes.apple.com/cz/app/rekola/id888759232?mt=8" target="_blank" rel="noopener" onclick="ga('send', 'pageview', 'exit-ios');"> <svg class="shape shape-appstore"> <use xlink:href="#shape-appstore"></use> </svg> </a> <a class="siteFooter-aside-nativeApp" href="https://play.google.com/store/apps/details?id=cz.rekola.app&hl=en" target="_blank" rel="noopener" onclick="ga('send', 'pageview', 'exit-android');"> <svg class="shape shape-googleplay"> <use xlink:href="#shape-googleplay"></use> </svg> </a> </div> <div class="siteFooter-aside-address"> Rekola Bikesharing s.r.o.<br> <div class=""> <div style="font-size: .6em; margin-bottom: 5px;">zapsano v OR vedeném KS v Brně, oddíl C, vložka 131342</div> IČ: 04893875 / DIČ: CZ04893875<br> Křenová 89/19<br> 602 00 Brno<br> účet: 123-2220500217 / 0100 (KB) </div> </div> <a class="siteFooter-aside-terms" onclick="ga('send', 'event', 'Footer menu', 'Click', 'Podminky uzivani');" href="/podminky">Podmínky užívání</a> <br> <a class="siteFooter-aside-terms" href="https://www.rekola.cz/files/zoou.pdf" target="_blank" rel="noopener" onclick="ga('send', 'event', 'Footer menu', 'Click', 'ZOOU');">Zásady ochrany os. údajů</a> </div> <div class="col-sm-6 col-md-3 siteFooter-block siteFooter-nav"> <ul class="siteFooter-nav-list"> <li><a onclick="ga('send', 'event', 'Footer menu', 'Click', 'Jak to funguje');" href="/jak-to-funguje">Jak to funguje</a></li> <li><a onclick="ga('send', 'event', 'Footer menu', 'Click', 'Ceník a předplatné');" href="/cenik">Ceník a benefity</a></li> <li><a onclick="ga('send', 'event', 'Footer menu', 'Click', 'FAQ');" href="/caste-otazky">Časté otázky</a></li> <li><a onclick="ga('send', 'event', 'Footer menu', 'Click', 'Trasy');" href="/vylety">Tipy na trasy</a></li> <li><a onclick="ga('send', 'event', 'Footer menu', 'Click', 'Trasy');" href="/obchod">Dárkové poukazy</a></li> <li><a onclick="ga('send', 'event', 'Footer menu', 'Click', 'Pro firmy');" href="/firmy">Pro firmy</a></li> <li class="space"></li> <li><a onclick="ga('send', 'event', 'Footer menu', 'Click', 'Příběh Rekol');" href="/pribeh-rekol">Příběh Rekol</a></li> </ul> <br> <div class="siteFooter-icons"> <a href="https://www.instagram.com/rekolaeu/"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"> <path d="M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8A5.8 5.8 0 0 1 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8A3.6 3.6 0 0 0 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6A3.6 3.6 0 0 0 16.4 4H7.6m9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z" fill="#000"></path> </svg> </a> <a href="https://www.facebook.com/RekolaEU/"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"> <path d="M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2m13 2h-2.5A3.5 3.5 0 0 0 12 8.5V11h-2v3h2v7h3v-7h3v-3h-3V9a1 1 0 0 1 1-1h2V5z" fill="#000"></path> </svg> </a> </div> </div> <div class="col-sm-6 col-md-3 siteFooter-block text-center"> <p>Nevíte si rady?<br>Napište nám přes chat v appce <br> <img src="/img/refresh/icon-chat.png" alt="Chat" width="18"></p> <a href="https://app.rekola.cz/app/open-app?lang=cs" class="btn btn-footer" style="margin-bottom: 15px;"> <small>Odpovídáme denně 9 – 17h</small> </a> <br> <a href="mailto:info@rekola.eu" onclick="ga('send', 'pageview', 'exit-email');" class="btn btn-footer"> <small>Pište kdykoliv na info@rekola.eu</small><br> </a> </div> </div> </div> <div class="container siteFooter-bottom"> <div class="bike" id="bike" data-component="InView,Toggle" data-threshold="0.9" data-class="view-topThreshold"> <div class="bike-in"> <div class="bike-frame" onclick="ga('send', 'event', 'Footer', 'Click', 'Bike animation');"></div> </div> </div> </div> </footer> </div> </body> </html>