- id: figma
Contact boxes section
-
Kde nás naleznete?
Odpovědět na vaše dotazy je pro nás stejně důležité, jako vybrat tu nejlepší tašku pro váš produkt.Showroom a sklad
Prinstep - Taškahned.cz (Po - Pá 9.00 - 17.00)Průmyslová 1472/11 102 00 Praha 15 - Hostivař( Areál BenWare, dříve Barvy a laky )V našich skladech je možná platba kartou.Sídlo a fakturační adresa
PRINTSTEP s.r.o.Jičínská 226/17 130 00 Praha 3IČ: 27947807DIČ: CZ27947807Společnost je zapsaná v obchodního rejstříku, vedeného Městským soudem v Praze, oddíl C, vložka 128622.Bankovní spojení
Kč: 5075443001/5500
EUR: CZ7355000000005075443001
SWIFT: RZBCCZPP
Zvolili jste v objednávce DRIVE- IN?
-
{% set contact_boxes = [ { heading: { title: "Showroom a sklad" }, variant: "address", background: "primary-400", decoration: true, content: { title: "Prinstep - Taškahned.cz", perex: "(Po - Pá 9.00 - 17.00)", address: { title: "Průmyslová 1472/11 102 00 Praha 15 - Hostivař", url: "http://www.mapcrunch.com/p/41.029274_-7.398188_-53.93_-5_0", description: "( Areál BenWare, dříve Barvy a laky )" }, phones: [ { title: "(+420) 246 082 412", url: "tel:+420257181057" }, { title: "+(+420) 246 082 412", url: "tel:+420257181057" } ], email: { title: "info@taskahned.cz", url: "mailto:info@taskahned.cz" }, payments: { title: "V našich skladech je možná platba kartou.", cards: { visa: true, mastercard: true, maestro: true } } } }, { heading: { title: "Sídlo a fakturační adresa" }, variant: "invoice", border_color: "tertiary-500", decoration: true, content: { title: "PRINTSTEP s.r.o.", perex: "", address: { title: "Jičínská 226/17 130 00 Praha 3", url: "http://www.mapcrunch.com/p/41.029274_-7.398188_-53.93_-5_0", description: "" }, invoice_data: { vat_id: "27947807", tax_id: "CZ27947807", additional_info: "Společnost je zapsaná v obchodního rejstříku, vedeného Městským soudem v Praze, oddíl C, vložka 128622.", } } }, { heading: { title: "Aplikace s navigací rovnou k nám" }, variant: "links", border_color: "tertiary-500", links: [ { url: "#", title: "Waze", img: { src: "images/gps-ico/waze.svg" } }, { url: "#", title: "Google maps", img: { src: "images/gps-ico/google-maps.svg" } }, { url: "#", title: "Mapy CZ", img: { src: "images/gps-ico/mapy-cz.svg" } }, { url: "#", title: "GPS PDF", img: { src: "images/gps-ico/pdf-gps.svg", width: 86 } } ] }, { heading: { title: "Bankovní spojení" }, variant: "text", border_color: "tertiary-500", content: "<p><strong>Kč: </strong>5075443001/5500</p><p><strong>EUR: </strong>CZ7355000000005075443001</p><p><strong>SWIFT: </strong>RZBCCZPP</p>" }, { heading: { title: "Sledujte nás na sociálních sítích" }, variant: "socials", background: "support-blue-400", socials: [ { url: "#", title: "facebook", icon: { src: "@Images/svg/facebook.svg" } }, { url: "#", title: "instagram", icon: { src: "@Images/svg/instagram.svg" } }, { url: "#", title: "youtube", icon: { src: "@Images/svg/youtube.svg" } }, { url: "#", title: "tiktok", icon: { src: "@Images/svg/tik-tok.svg" } } ] }, { variant: "banner", description: "Zde nás naleznete", banner: { img: { src: base_path ~ "images/content/map/map.jpg", srcset: [ base_path ~ "images/content/map/map.webp 1x", base_path ~ "images/content/map/map-2x.webp 2x", ], }, url: "http://www.mapcrunch.com/p/41.029274_-7.398188_-53.93_-5_0" } }, { variant: "media", description: "Zvolili jste v objednávce DRIVE- IN?", media: [ { img: { src: "https://i.imgur.com/5cvZzqk.jpeg", }, video: { src: "https://youtu.be/kySGqoU7X-s", }, } ], } ] %} {% set contact_boxes_section = { header: { heading: { title: "Kde nás naleznete?", level: 1, style: "h1", }, perex: "Odpovědět na vaše dotazy je pro nás stejně důležité, jako vybrat tu nejlepší tašku pro váš produkt.", }, boxes: contact_boxes } %} {% include "@Components/sections/contact-boxes-section/contact-boxes-section.twig" with {props: contact_boxes_section} %} -
<section class="base-section s-contact-boxes"> <div class="base-section__container container"> <header class="base-header d-flex flex-column gap-3 text-center align-items-center"> <h1 class="base-heading mb-0 u-fw-700 u-h1"> Kde nás naleznete? </h1> <div class="base-header__description entry-content mb-0">Odpovědět na vaše dotazy je pro nás stejně důležité, jako vybrat tu nejlepší tašku pro váš produkt.</div> </header> <div class="g-contact-boxes row g-2"> <div class="col-md-6"> <div class="i-contact-box u-rounded-4 overflow-hidden u-posr h-100 p-4 p-sm-7 u-bg-primary-400 --decorated u-posr"> <div class="u-posr u-z-index-1 d-flex flex-column h-100"> <h2 class="base-heading mb-0 u-fw-700 u-h1 mb-3"> Showroom a sklad </h2> <div class="mt-3 mt-sm-6"> <div class="d-flex flex-column gap-1"> <strong> Prinstep - Taškahned.cz </strong> <span class="u-fz-sm"> (Po - Pá 9.00 - 17.00) </span> </div> <a class="link d-inline-flex u-fw-600 align-items-start --icon-before --underline-initial mt-3" href="http://www.mapcrunch.com/p/41.029274_-7.398188_-53.93_-5_0" title="Průmyslová 1472/11 102 00 Praha 15 - Hostivař"> <span class="link__title">Průmyslová 1472/11 102 00 Praha 15 - Hostivař</span> <span class="link__icon d-flex align-items-center justify-content-center flex-shrink-0"> <span class="icon d-flex align-items-center justify-content-center --lg"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" fill="none" viewBox="0 0 25 24"><path fill="currentColor" d="m12.667 22-.581-.498c-.801-.67-7.794-6.71-7.794-11.127a8.375 8.375 0 0 1 16.75 0c0 4.417-6.994 10.456-7.791 11.13l-.584.495Zm0-18.19a6.571 6.571 0 0 0-6.564 6.565c0 2.775 4.302 7.208 6.564 9.237 2.261-2.03 6.563-6.466 6.563-9.237a6.571 6.571 0 0 0-6.563-6.564Z"/><path fill="currentColor" d="M12.666 13.694a3.32 3.32 0 1 1 0-6.64 3.32 3.32 0 0 1 0 6.64Zm0-4.98a1.66 1.66 0 1 0 0 3.32 1.66 1.66 0 0 0 0-3.32Z"/></svg> </span> </span> </a> <div class="u-fz-sm mt-3"> ( Areál BenWare, dříve Barvy a laky ) </div> <div class="mt-3 mt-sm-6 d-flex flex-column gap-2"> <a class="link d-inline-flex u-fw-600 align-items-center --conversion --icon-before" href="tel:+420257181057" title="(+420) 246 082 412"> <span class="link__title">(+420) 246 082 412</span> <span class="link__icon d-flex align-items-center justify-content-center flex-shrink-0"> <span class="icon d-flex align-items-center justify-content-center --colored --conversion --lg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M14.185 12.938h1.562a4.692 4.692 0 0 0-4.686-4.688v1.563a3.128 3.128 0 0 1 3.124 3.124Zm3.125 0h1.562c0-4.308-3.504-7.813-7.811-7.813v1.563a6.257 6.257 0 0 1 6.249 6.25ZM11.06 2v1.563c5.17 0 9.375 4.205 9.375 9.374h1.562C21.997 6.907 17.091 2 11.061 2Zm2.483 13.979a.782.782 0 0 1-1.105 0l-4.42-4.42a.782.782 0 0 1 0-1.104l1.658-1.658-4.42-4.42L3.6 6.036a5.475 5.475 0 0 0 0 7.734l6.63 6.63A5.433 5.433 0 0 0 14.094 22c1.461 0 2.834-.569 3.867-1.602l1.658-1.657-4.42-4.42-1.657 1.658Zm3.314 3.314a3.88 3.88 0 0 1-2.762 1.145 3.88 3.88 0 0 1-2.762-1.145l-6.629-6.629a3.91 3.91 0 0 1 0-5.524l.552-.552 2.21 2.21-.552.552a2.346 2.346 0 0 0 0 3.314l4.42 4.42c.913.913 2.4.913 3.314 0l.552-.553 2.21 2.21-.553.552Z"/></svg> </span> </span> </a> <a class="link d-inline-flex u-fw-600 align-items-center --conversion --icon-before" href="tel:+420257181057" title="+(+420) 246 082 412"> <span class="link__title">+(+420) 246 082 412</span> <span class="link__icon d-flex align-items-center justify-content-center flex-shrink-0"> <span class="icon d-flex align-items-center justify-content-center --colored --conversion --lg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M14.185 12.938h1.562a4.692 4.692 0 0 0-4.686-4.688v1.563a3.128 3.128 0 0 1 3.124 3.124Zm3.125 0h1.562c0-4.308-3.504-7.813-7.811-7.813v1.563a6.257 6.257 0 0 1 6.249 6.25ZM11.06 2v1.563c5.17 0 9.375 4.205 9.375 9.374h1.562C21.997 6.907 17.091 2 11.061 2Zm2.483 13.979a.782.782 0 0 1-1.105 0l-4.42-4.42a.782.782 0 0 1 0-1.104l1.658-1.658-4.42-4.42L3.6 6.036a5.475 5.475 0 0 0 0 7.734l6.63 6.63A5.433 5.433 0 0 0 14.094 22c1.461 0 2.834-.569 3.867-1.602l1.658-1.657-4.42-4.42-1.657 1.658Zm3.314 3.314a3.88 3.88 0 0 1-2.762 1.145 3.88 3.88 0 0 1-2.762-1.145l-6.629-6.629a3.91 3.91 0 0 1 0-5.524l.552-.552 2.21 2.21-.552.552a2.346 2.346 0 0 0 0 3.314l4.42 4.42c.913.913 2.4.913 3.314 0l.552-.553 2.21 2.21-.553.552Z"/></svg> </span> </span> </a> <a class="link d-inline-flex u-fw-600 align-items-center --conversion --icon-before" href="mailto:info@taskahned.cz" title="info@taskahned.cz"> <span class="link__title">info@taskahned.cz</span> <span class="link__icon d-flex align-items-center justify-content-center flex-shrink-0"> <span class="icon d-flex align-items-center justify-content-center --colored --conversion --lg"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" fill="none" viewBox="0 0 25 24"><path fill="currentColor" d="M12.332 2C6.847 2 2.334 6.515 2.334 12c0 5.486 4.514 10 10 10 2.124 0 4.194-.677 5.908-1.933l-.986-1.343a8.335 8.335 0 0 1-4.924 1.61C7.761 20.334 4 16.572 4 12.001c0-4.572 3.762-8.334 8.333-8.334 4.572 0 8.333 3.762 8.334 8.333v1.667c0 .914-.753 1.666-1.667 1.666a1.675 1.675 0 0 1-1.667-1.666v-1.684c0-2.753-2.264-5.018-5.017-5.018-2.753 0-5.018 2.265-5.018 5.018 0 2.752 2.265 5.017 5.018 5.017a5.02 5.02 0 0 0 3.784-1.723A3.326 3.326 0 0 0 19.011 17c1.822 0 3.322-1.499 3.322-3.321V12c-.006-5.484-4.517-9.994-10-10Zm0 13.333A3.35 3.35 0 0 1 9 12a3.35 3.35 0 0 1 3.333-3.333A3.35 3.35 0 0 1 15.666 12a3.35 3.35 0 0 1-3.334 3.333Z"/></svg> </span> </span> </a> </div> <div class="mt-3 mt-sm-6 d-flex flex-column"> <span class="u-fw-600 u-lh-24"> V našich skladech je možná platba kartou. </span> <div class="d-flex gap-1 mt-2"> <div class="img u-posr overflow-hidden"> <picture> <img src="/images/partners/visa.svg" alt="Visa" width="64" height="40" loading="lazy" draggable="false"> </picture> </div> <div class="img u-posr overflow-hidden"> <picture> <img src="/images/partners/mastercard.svg" alt="Mastercard" width="64" height="40" loading="lazy" draggable="false"> </picture> </div> <div class="img u-posr overflow-hidden"> <picture> <img src="/images/partners/maestro.svg" alt="Maestro" width="64" height="40" loading="lazy" draggable="false"> </picture> </div> </div> </div> </div> </div> <div class="img u-posr overflow-hidden i-contact-box__decoration u-posa u-bottom-0 u-right-0 u-z-index-0"> <picture> <img src="/images/content/contact-box-decoration.svg" alt="Dekorace" width="388" height="264" loading="lazy" draggable="false" aria-hidden="true"> </picture> </div> </div> </div> <div class="col-md-6"> <div class="i-contact-box u-rounded-4 overflow-hidden u-posr h-100 p-4 p-sm-7 --decorated u-posr u-border u-border--tertiary-500"> <div class="u-posr u-z-index-1 d-flex flex-column h-100"> <h2 class="base-heading mb-0 u-fw-700 u-h1 mb-3"> Sídlo a fakturační adresa </h2> <div class="mt-3 mt-sm-6"> <div class="d-flex flex-column gap-1"> <strong> PRINTSTEP s.r.o. </strong> <span class="u-fz-sm"> </span> </div> <a class="link d-inline-flex u-fw-600 align-items-start --icon-before --underline-initial mt-3" href="http://www.mapcrunch.com/p/41.029274_-7.398188_-53.93_-5_0" title="Jičínská 226/17 130 00 Praha 3"> <span class="link__title">Jičínská 226/17 130 00 Praha 3</span> <span class="link__icon d-flex align-items-center justify-content-center flex-shrink-0"> <span class="icon d-flex align-items-center justify-content-center --lg"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" fill="none" viewBox="0 0 25 24"><path fill="currentColor" d="m12.667 22-.581-.498c-.801-.67-7.794-6.71-7.794-11.127a8.375 8.375 0 0 1 16.75 0c0 4.417-6.994 10.456-7.791 11.13l-.584.495Zm0-18.19a6.571 6.571 0 0 0-6.564 6.565c0 2.775 4.302 7.208 6.564 9.237 2.261-2.03 6.563-6.466 6.563-9.237a6.571 6.571 0 0 0-6.563-6.564Z"/><path fill="currentColor" d="M12.666 13.694a3.32 3.32 0 1 1 0-6.64 3.32 3.32 0 0 1 0 6.64Zm0-4.98a1.66 1.66 0 1 0 0 3.32 1.66 1.66 0 0 0 0-3.32Z"/></svg> </span> </span> </a> <div class="my-3 mt-sm-6 d-flex flex-column gap-2"> <div> <strong>IČ:</strong> <span> 27947807 </span> </div> <div> <strong>DIČ:</strong> <span> CZ27947807 </span> </div> <div class="mt-3 mt-sm-6"> Společnost je zapsaná v obchodního rejstříku, vedeného Městským soudem v Praze, oddíl C, vložka 128622. </div> </div> </div> <div class="img u-posr overflow-hidden i-contact-box__decoration mt-auto u-z-index-0"> <picture> <img src="/images/content/union.png" alt="Dekorace" width="288" height="64" loading="lazy" draggable="false" aria-hidden="true"> </picture> </div> </div> </div> <div class="w-100 u-posr"> <div class="img u-posr overflow-hidden --ratio-1-1 g-contact-boxes__decoration u-posa u-top-50-p u-translate-middle-y u-z-index-2 d-none d-sm-block"> <picture> <img src="" data-src="/images/svg/slogan.svg" alt="" width="144" height="144" draggable="false"> </picture> </div> </div> </div> <div class="col-lg-4"> <div class="i-contact-box u-rounded-4 overflow-hidden u-posr h-100 p-4 p-sm-7 u-border u-border--tertiary-500"> <div class="u-posr u-z-index-1 d-flex flex-column h-100"> <h2 class="base-heading mb-0 u-fw-700 u-h2 mb-3"> Aplikace s navigací rovnou k nám </h2> <div class="d-flex gap-1 mt-auto flex-wrap"> <a class="i-contact-box__link" href="#" title="Waze"> </a> <a class="i-contact-box__link" href="#" title="Google maps"> </a> <a class="i-contact-box__link" href="#" title="Mapy CZ"> </a> <a class="i-contact-box__link" href="#" title="GPS PDF"> </a> </div> </div> </div> </div> <div class="col-lg-4"> <div class="i-contact-box u-rounded-4 overflow-hidden u-posr h-100 p-4 p-sm-7 u-border u-border--tertiary-500"> <div class="u-posr u-z-index-1 d-flex flex-column h-100"> <h2 class="base-heading mb-0 u-fw-700 u-h2 mb-3"> Bankovní spojení </h2> <div class="entry-content"> <p><strong>Kč: </strong>5075443001/5500</p><p><strong>EUR: </strong>CZ7355000000005075443001</p><p><strong>SWIFT: </strong>RZBCCZPP</p> </div> </div> </div> </div> <div class="col-lg-4"> <div class="i-contact-box u-rounded-4 overflow-hidden u-posr h-100 p-4 p-sm-7 u-bg-support-blue-400"> <div class="u-posr u-z-index-1 d-flex flex-column h-100"> <h2 class="base-heading mb-0 u-fw-700 u-h2 mb-3"> Sledujte nás na sociálních sítích </h2> <div class="d-flex gap-1 flex-wrap mt-auto"> <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline-tertiary --sm --icon-only i-contact-box__social" href='#' title="facebook"> <span class="btn__icon d-flex align-items-center justify-content-center"> <span class="icon d-flex align-items-center justify-content-center"> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><path d="m279.14 288 14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg> </span> </span> </a> <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline-tertiary --sm --icon-only i-contact-box__social" href='#' title="instagram"> <span class="btn__icon d-flex align-items-center justify-content-center"> <span class="icon d-flex align-items-center justify-content-center"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M15.952 4.7a5.849 5.849 0 0 0-.372-1.941A4.1 4.1 0 0 0 13.244.422 5.861 5.861 0 0 0 11.303.05C10.446.009 10.174 0 8.002 0s-2.444.009-3.3.047a5.848 5.848 0 0 0-1.938.372 3.9 3.9 0 0 0-1.419.925c-.406.4-.72.883-.922 1.416A5.862 5.862 0 0 0 .052 4.7C.01 5.557.001 5.829.001 8s.009 2.446.051 3.3c.011.663.136 1.319.367 1.94a4.1 4.1 0 0 0 2.341 2.341 5.862 5.862 0 0 0 1.941.372c.851.038 1.126.047 3.298.047s2.444-.009 3.3-.047a5.844 5.844 0 0 0 1.941-.372 4.093 4.093 0 0 0 2.341-2.341 5.866 5.866 0 0 0 .371-1.94c.037-.853.047-1.125.047-3.3s0-2.444-.041-3.3h-.006Zm-1.441 6.533a4.387 4.387 0 0 1-.275 1.485 2.654 2.654 0 0 1-1.514 1.522 4.4 4.4 0 0 1-1.485.275c-.844.038-1.1.047-3.232.047s-2.391-.009-3.232-.047a4.382 4.382 0 0 1-1.485-.275 2.462 2.462 0 0 1-.919-.6 2.487 2.487 0 0 1-.6-.919 4.4 4.4 0 0 1-.275-1.485c-.038-.844-.047-1.1-.047-3.232s.009-2.391.047-3.232c.005-.507.098-1.01.275-1.485.127-.348.333-.662.6-.919.258-.266.572-.471.919-.6A4.4 4.4 0 0 1 4.777 1.5c.844-.037 1.1-.047 3.232-.047s2.391.009 3.232.047c.507.005 1.01.098 1.485.275.348.128.662.333.919.6.266.258.47.572.6.919.177.475.27.978.275 1.485.037.844.047 1.1.047 3.232s-.009 2.385-.047 3.229l-.009-.007Z"/><path fill="currentColor" d="M8.002 3.89a4.11 4.11 0 1 0 0 8.22 4.11 4.11 0 0 0 0-8.22Zm0 6.777a2.666 2.666 0 1 1 0-5.332 2.666 2.666 0 0 1 0 5.332ZM13.235 3.73a.96.96 0 1 1-1.92 0 .96.96 0 0 1 1.92 0Z"/></svg> </span> </span> </a> <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline-tertiary --sm --icon-only i-contact-box__social" href='#' title="youtube"> <span class="btn__icon d-flex align-items-center justify-content-center"> <span class="icon d-flex align-items-center justify-content-center"> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg> </span> </span> </a> <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline-tertiary --sm --icon-only i-contact-box__social" href='#' title="tiktok"> <span class="btn__icon d-flex align-items-center justify-content-center"> <span class="icon d-flex align-items-center justify-content-center"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M15.01 4.012a4.034 4.034 0 0 1-4.04-4H8.362v7.127l-.004 3.904A2.36 2.36 0 0 1 5.86 13.4a2.35 2.35 0 0 1-1.08-.332 2.36 2.36 0 0 1-1.154-1.99 2.363 2.363 0 0 1 3.11-2.275V6.155a5.133 5.133 0 0 0-.752-.056c-1.443 0-2.793.6-3.758 1.68a4.893 4.893 0 0 0-1.234 2.953 4.887 4.887 0 0 0 1.455 3.807 5.002 5.002 0 0 0 3.537 1.448 4.985 4.985 0 0 0 3.537-1.448 4.884 4.884 0 0 0 1.465-3.475l-.013-5.83a6.593 6.593 0 0 0 4.044 1.374V4.011h-.007Z"/></svg> </span> </span> </a> </div> </div> </div> </div> <div class="col-md-6"> <div class="i-contact-box u-rounded-4 overflow-hidden u-posr h-100"> <div class="u-posr u-z-index-1 d-flex flex-column h-100"> <a class="u-img-hover" href="http://www.mapcrunch.com/p/41.029274_-7.398188_-53.93_-5_0" target="_blank"> <div class="img u-posr overflow-hidden --cover --placeholder u-rounded-3"> <picture> <img src="/images/content/map/map.jpg" alt="" width="696" height="464" loading="lazy" draggable="false" srcset="/images/content/map/map.webp 1x, /images/content/map/map-2x.webp 2x"> </picture> </div> </a> <p class="u-fw-700 my-2 px-1"> Zde nás naleznete </p> </div> </div> </div> <div class="col-md-6"> <div class="i-contact-box u-rounded-4 overflow-hidden u-posr h-100"> <div class="u-posr u-z-index-1 d-flex flex-column h-100"> <div class="i-media u-posr --video u-img-hover u-cursor-pointer" data-fancybox data-src="https://youtu.be/kySGqoU7X-s"> <div class="img u-posr overflow-hidden --cover --placeholder --ratio-3-2 u-rounded-3"> <picture> <img src="" data-src="https://i.imgur.com/5cvZzqk.jpeg" alt="" width="688" height="459" draggable="false"> </picture> </div> <div class="i-media__play-icon u-posa u-top-50-p u-left-50-p u-translate-middle u-bg-white px-3 py-1 u-rounded-3"> <span class="icon d-flex align-items-center justify-content-center --colored --conversion --xl"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.343 6.326 4 1v14l8.34-5.346a1.967 1.967 0 0 0 .004-3.328Zm-6.508 5.318V4.348l5.525 3.527.004.002a.132.132 0 0 1 .06.112.13.13 0 0 1-.061.11l-.188.116v.006l-5.34 3.423Z" clip-rule="evenodd"/></svg> </span> </div> </div> <p class="u-fw-700 my-2 px-1"> Zvolili jste v objednávce DRIVE- IN? </p> </div> </div> </div> </div> </div> </section>