7
-
Nemovitosti
777777 -
{% include "@Components/sections/estates-slide-section/estates-slide-section.twig" with { props: { title: "Nemovitosti", perex: "", headinglevel: "2", variant: "left", items: [ { img: { src: "https://source.unsplash.com/RFDP7_80v5A/312x312", srcset: [ "https://source.unsplash.com/RFDP7_80v5A/312x312 1x", "https://source.unsplash.com/RFDP7_80v5A/624x624 2x" ], alt: "alt of image", ratio: "1-1" }, overview: { threeDimensioinal: true, video: true, photo: { count: "7" } }, badges: [ { title: "Nový", variant: "circle" }, { variant: "circle", color: "yellow", title: "Top" } ], ctaButton: { tag: "button", state: "active", tooltip: "Do oblíbených", icon: { path: "svg/favorite.svg", size: "", color: "" } }, id: "", headinglevel: "3", href: "#", title: "Aparózo Aparózo Aparózo Aparózo", price: { value: "8 850 000", currency: "Kč" } }, { img: { src: "https://source.unsplash.com/RFDP7_80v5A/312x312", srcset: [ "https://source.unsplash.com/RFDP7_80v5A/312x312 1x", "https://source.unsplash.com/RFDP7_80v5A/624x624 2x" ], alt: "alt of image", ratio: "1-1" }, overview: { threeDimensioinal: true, video: true, photo: { count: "7" } }, badges: [ { title: "Nový", variant: "circle" }, { variant: "circle", color: "yellow", title: "Top" } ], ctaButton: { tag: "button", state: "active", tooltip: "Do oblíbených", icon: { path: "svg/favorite.svg", size: "", color: "" } }, id: "", headinglevel: "3", href: "#", title: "Aparózo Aparózo Aparózo Aparózo", price: { value: "8 850 000", currency: "Kč" } },{ img: { src: "https://source.unsplash.com/RFDP7_80v5A/312x312", srcset: [ "https://source.unsplash.com/RFDP7_80v5A/312x312 1x", "https://source.unsplash.com/RFDP7_80v5A/624x624 2x" ], alt: "alt of image", ratio: "1-1" }, overview: { threeDimensioinal: true, video: true, photo: { count: "7" } }, badges: [ { title: "Nový", variant: "circle" }, { variant: "circle", color: "yellow", title: "Top" } ], ctaButton: { tag: "button", state: "active", tooltip: "Do oblíbených", icon: { path: "svg/favorite.svg", size: "", color: "" } }, id: "", headinglevel: "3", href: "#", title: "Aparózo Aparózo Aparózo Aparózo", price: { value: "8 850 000", currency: "Kč" } },{ img: { src: "https://source.unsplash.com/RFDP7_80v5A/312x312", srcset: [ "https://source.unsplash.com/RFDP7_80v5A/312x312 1x", "https://source.unsplash.com/RFDP7_80v5A/624x624 2x" ], alt: "alt of image", ratio: "1-1" }, overview: { threeDimensioinal: true, video: true, photo: { count: "7" } }, badges: [ { title: "Nový", variant: "circle" }, { variant: "circle", color: "yellow", title: "Top" } ], ctaButton: { tag: "button", state: "active", tooltip: "Do oblíbených", icon: { path: "svg/favorite.svg", size: "", color: "" } }, id: "", headinglevel: "3", href: "#", title: "Aparózo Aparózo Aparózo Aparózo", price: { value: "8 850 000", currency: "Kč" } },{ img: { src: "https://source.unsplash.com/RFDP7_80v5A/312x312", srcset: [ "https://source.unsplash.com/RFDP7_80v5A/312x312 1x", "https://source.unsplash.com/RFDP7_80v5A/624x624 2x" ], alt: "alt of image", ratio: "1-1" }, overview: { threeDimensioinal: true, video: true, photo: { count: "7" } }, badges: [ { title: "Nový", variant: "circle" }, { variant: "circle", color: "yellow", title: "Top" } ], ctaButton: { tag: "button", state: "active", tooltip: "Do oblíbených", icon: { path: "svg/favorite.svg", size: "", color: "" } }, id: "", headinglevel: "3", href: "#", title: "Aparózo Aparózo Aparózo Aparózo", price: { value: "8 850 000", currency: "Kč" } },{ img: { src: "https://source.unsplash.com/RFDP7_80v5A/312x312", srcset: [ "https://source.unsplash.com/RFDP7_80v5A/312x312 1x", "https://source.unsplash.com/RFDP7_80v5A/624x624 2x" ], alt: "alt of image", ratio: "1-1" }, overview: { threeDimensioinal: true, video: true, photo: { count: "7" } }, badges: [ { title: "Nový", variant: "circle" }, { variant: "circle", color: "yellow", title: "Top" } ], ctaButton: { tag: "button", state: "active", tooltip: "Do oblíbených", icon: { path: "svg/favorite.svg", size: "", color: "" } }, id: "", headinglevel: "3", href: "#", title: "Aparózo Aparózo Aparózo Aparózo", price: { value: "8 850 000", currency: "Kč" } },{ img: { src: "https://source.unsplash.com/RFDP7_80v5A/312x312", srcset: [ "https://source.unsplash.com/RFDP7_80v5A/312x312 1x", "https://source.unsplash.com/RFDP7_80v5A/624x624 2x" ], alt: "alt of image", ratio: "1-1" }, overview: { threeDimensioinal: true, video: true, photo: { count: "7" } }, badges: [ { title: "Nový", variant: "circle" }, { variant: "circle", color: "yellow", title: "Top" } ], ctaButton: { tag: "button", state: "active", tooltip: "Do oblíbených", icon: { path: "svg/favorite.svg", size: "", color: "" } }, id: "", headinglevel: "3", href: "#", title: "Aparózo Aparózo Aparózo Aparózo", price: { value: "8 850 000", currency: "Kč" } } ] } } %} -
<section class="base-section --spacing-md s-estates-slide"> <div class="base-section__container container"> <header class="base-header --left --size-md"> <h2 class="base-header__heading base-h1">Nemovitosti</h2> </header> <div class="s-estates-slide__container"> <div class="swiper s-estates-slide__slider"> <div class="swiper-wrapper"> <div class="swiper-slide "> <article class="i-estate-slide" id=""> <div class="i-estate-slide__image-block"> <a href="#" class="i-estate-slide__image-link u-img-hover"> <div class="img --ratio-1-1"> <picture> <img src="" data-src="https://source.unsplash.com/RFDP7_80v5A/312x312" alt="alt of image" draggable="false" srcset="" data-srcset="https://source.unsplash.com/RFDP7_80v5A/312x312 1x, https://source.unsplash.com/RFDP7_80v5A/624x624 2x"> </picture> </div> </a> <div class="i-estate-slide__badges"> <div class="badge --circle"> <span class="badge__title">Nový</span> </div> <div class="badge --yellow --circle"> <span class="badge__title">Top</span> </div> </div> <div class="i-overview"><span class="icon --white --lg i-overview__videocamera"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.5 13"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>video</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><rect class="cls-1" x="0.75" y="0.75" width="12.38" height="11.5" rx="2.06" ry="2.06"/><path class="cls-1" d="M13.12,7.6l3.8,3.05a1.13,1.13,0,0,0,1.83-.87V3.22a1.13,1.13,0,0,0-1.83-.87L13.12,5.4"/></g></g></svg> </span> <span class="icon --white --lg i-overview__camera"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.5 17.5"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>foto</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><path class="cls-1" d="M13.65,8a4.21,4.21,0,0,1-5.54,5.54A3.86,3.86,0,0,1,6,11.43,4.21,4.21,0,0,1,11.51,5.9,3.82,3.82,0,0,1,13.65,8Z"/><path class="cls-1" d="M18.75,5.43v9.64a1.68,1.68,0,0,1-1.68,1.68H2.43A1.68,1.68,0,0,1,.75,15.07V5.43A1.68,1.68,0,0,1,2.43,3.75H4.75L6.3,1.09A.7.7,0,0,1,6.89.75h5.67a.66.66,0,0,1,.58.33l1.61,2.67h2.32A1.68,1.68,0,0,1,18.75,5.43Z"/></g></g></svg> </span> <span class="i-overview__photo-count"> 7</span></div> <div class="i-estate-slide__cta-button"> <button class="cta-button --active"> <div class="cta-button__wrapper"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.5 17.5"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>oblibene</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><path class="cls-1" d="M13.45.75c3.17,0,5.3,3,5.3,5.75,0,5.64-8.84,10.25-9,10.25s-9-4.61-9-10.25C.75,3.73,2.88.75,6.05.75a4.71,4.71,0,0,1,3.51,1.5.26.26,0,0,0,.38,0A4.71,4.71,0,0,1,13.45.75Z"/></g></g></svg> </span> </div> <div class="tooltip">Do oblíbených</div> </button> </div> </div> <div class="i-estate-slide__content"> <header class="i-estate-slide__header"> <h3 class="i-estate-slide__heading base-h3"> <a href="#" title="Aparózo Aparózo Aparózo Aparózo" class="i-estate-slide__heading-link">Aparózo Aparózo Aparózo Aparózo</a> </h3> </header> <div class="i-estate-slide__price"> <span class="i-estate-slide__value">8 850 000</span> <span class="i-estate-slide__currency">Kč</span> </div> </div> </article> </div> <div class="swiper-slide "> <article class="i-estate-slide" id=""> <div class="i-estate-slide__image-block"> <a href="#" class="i-estate-slide__image-link u-img-hover"> <div class="img --ratio-1-1"> <picture> <img src="" data-src="https://source.unsplash.com/RFDP7_80v5A/312x312" alt="alt of image" draggable="false" srcset="" data-srcset="https://source.unsplash.com/RFDP7_80v5A/312x312 1x, https://source.unsplash.com/RFDP7_80v5A/624x624 2x"> </picture> </div> </a> <div class="i-estate-slide__badges"> <div class="badge --circle"> <span class="badge__title">Nový</span> </div> <div class="badge --yellow --circle"> <span class="badge__title">Top</span> </div> </div> <div class="i-overview"><span class="icon --white --lg i-overview__videocamera"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.5 13"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>video</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><rect class="cls-1" x="0.75" y="0.75" width="12.38" height="11.5" rx="2.06" ry="2.06"/><path class="cls-1" d="M13.12,7.6l3.8,3.05a1.13,1.13,0,0,0,1.83-.87V3.22a1.13,1.13,0,0,0-1.83-.87L13.12,5.4"/></g></g></svg> </span> <span class="icon --white --lg i-overview__camera"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.5 17.5"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>foto</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><path class="cls-1" d="M13.65,8a4.21,4.21,0,0,1-5.54,5.54A3.86,3.86,0,0,1,6,11.43,4.21,4.21,0,0,1,11.51,5.9,3.82,3.82,0,0,1,13.65,8Z"/><path class="cls-1" d="M18.75,5.43v9.64a1.68,1.68,0,0,1-1.68,1.68H2.43A1.68,1.68,0,0,1,.75,15.07V5.43A1.68,1.68,0,0,1,2.43,3.75H4.75L6.3,1.09A.7.7,0,0,1,6.89.75h5.67a.66.66,0,0,1,.58.33l1.61,2.67h2.32A1.68,1.68,0,0,1,18.75,5.43Z"/></g></g></svg> </span> <span class="i-overview__photo-count"> 7</span></div> <div class="i-estate-slide__cta-button"> <button class="cta-button --active"> <div class="cta-button__wrapper"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.5 17.5"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>oblibene</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><path class="cls-1" d="M13.45.75c3.17,0,5.3,3,5.3,5.75,0,5.64-8.84,10.25-9,10.25s-9-4.61-9-10.25C.75,3.73,2.88.75,6.05.75a4.71,4.71,0,0,1,3.51,1.5.26.26,0,0,0,.38,0A4.71,4.71,0,0,1,13.45.75Z"/></g></g></svg> </span> </div> <div class="tooltip">Do oblíbených</div> </button> </div> </div> <div class="i-estate-slide__content"> <header class="i-estate-slide__header"> <h3 class="i-estate-slide__heading base-h3"> <a href="#" title="Aparózo Aparózo Aparózo Aparózo" class="i-estate-slide__heading-link">Aparózo Aparózo Aparózo Aparózo</a> </h3> </header> <div class="i-estate-slide__price"> <span class="i-estate-slide__value">8 850 000</span> <span class="i-estate-slide__currency">Kč</span> </div> </div> </article> </div> <div class="swiper-slide "> <article class="i-estate-slide" id=""> <div class="i-estate-slide__image-block"> <a href="#" class="i-estate-slide__image-link u-img-hover"> <div class="img --ratio-1-1"> <picture> <img src="" data-src="https://source.unsplash.com/RFDP7_80v5A/312x312" alt="alt of image" draggable="false" srcset="" data-srcset="https://source.unsplash.com/RFDP7_80v5A/312x312 1x, https://source.unsplash.com/RFDP7_80v5A/624x624 2x"> </picture> </div> </a> <div class="i-estate-slide__badges"> <div class="badge --circle"> <span class="badge__title">Nový</span> </div> <div class="badge --yellow --circle"> <span class="badge__title">Top</span> </div> </div> <div class="i-overview"><span class="icon --white --lg i-overview__videocamera"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.5 13"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>video</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><rect class="cls-1" x="0.75" y="0.75" width="12.38" height="11.5" rx="2.06" ry="2.06"/><path class="cls-1" d="M13.12,7.6l3.8,3.05a1.13,1.13,0,0,0,1.83-.87V3.22a1.13,1.13,0,0,0-1.83-.87L13.12,5.4"/></g></g></svg> </span> <span class="icon --white --lg i-overview__camera"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.5 17.5"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>foto</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><path class="cls-1" d="M13.65,8a4.21,4.21,0,0,1-5.54,5.54A3.86,3.86,0,0,1,6,11.43,4.21,4.21,0,0,1,11.51,5.9,3.82,3.82,0,0,1,13.65,8Z"/><path class="cls-1" d="M18.75,5.43v9.64a1.68,1.68,0,0,1-1.68,1.68H2.43A1.68,1.68,0,0,1,.75,15.07V5.43A1.68,1.68,0,0,1,2.43,3.75H4.75L6.3,1.09A.7.7,0,0,1,6.89.75h5.67a.66.66,0,0,1,.58.33l1.61,2.67h2.32A1.68,1.68,0,0,1,18.75,5.43Z"/></g></g></svg> </span> <span class="i-overview__photo-count"> 7</span></div> <div class="i-estate-slide__cta-button"> <button class="cta-button --active"> <div class="cta-button__wrapper"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.5 17.5"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>oblibene</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><path class="cls-1" d="M13.45.75c3.17,0,5.3,3,5.3,5.75,0,5.64-8.84,10.25-9,10.25s-9-4.61-9-10.25C.75,3.73,2.88.75,6.05.75a4.71,4.71,0,0,1,3.51,1.5.26.26,0,0,0,.38,0A4.71,4.71,0,0,1,13.45.75Z"/></g></g></svg> </span> </div> <div class="tooltip">Do oblíbených</div> </button> </div> </div> <div class="i-estate-slide__content"> <header class="i-estate-slide__header"> <h3 class="i-estate-slide__heading base-h3"> <a href="#" title="Aparózo Aparózo Aparózo Aparózo" class="i-estate-slide__heading-link">Aparózo Aparózo Aparózo Aparózo</a> </h3> </header> <div class="i-estate-slide__price"> <span class="i-estate-slide__value">8 850 000</span> <span class="i-estate-slide__currency">Kč</span> </div> </div> </article> </div> <div class="swiper-slide "> <article class="i-estate-slide" id=""> <div class="i-estate-slide__image-block"> <a href="#" class="i-estate-slide__image-link u-img-hover"> <div class="img --ratio-1-1"> <picture> <img src="" data-src="https://source.unsplash.com/RFDP7_80v5A/312x312" alt="alt of image" draggable="false" srcset="" data-srcset="https://source.unsplash.com/RFDP7_80v5A/312x312 1x, https://source.unsplash.com/RFDP7_80v5A/624x624 2x"> </picture> </div> </a> <div class="i-estate-slide__badges"> <div class="badge --circle"> <span class="badge__title">Nový</span> </div> <div class="badge --yellow --circle"> <span class="badge__title">Top</span> </div> </div> <div class="i-overview"><span class="icon --white --lg i-overview__videocamera"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.5 13"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>video</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><rect class="cls-1" x="0.75" y="0.75" width="12.38" height="11.5" rx="2.06" ry="2.06"/><path class="cls-1" d="M13.12,7.6l3.8,3.05a1.13,1.13,0,0,0,1.83-.87V3.22a1.13,1.13,0,0,0-1.83-.87L13.12,5.4"/></g></g></svg> </span> <span class="icon --white --lg i-overview__camera"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.5 17.5"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>foto</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><path class="cls-1" d="M13.65,8a4.21,4.21,0,0,1-5.54,5.54A3.86,3.86,0,0,1,6,11.43,4.21,4.21,0,0,1,11.51,5.9,3.82,3.82,0,0,1,13.65,8Z"/><path class="cls-1" d="M18.75,5.43v9.64a1.68,1.68,0,0,1-1.68,1.68H2.43A1.68,1.68,0,0,1,.75,15.07V5.43A1.68,1.68,0,0,1,2.43,3.75H4.75L6.3,1.09A.7.7,0,0,1,6.89.75h5.67a.66.66,0,0,1,.58.33l1.61,2.67h2.32A1.68,1.68,0,0,1,18.75,5.43Z"/></g></g></svg> </span> <span class="i-overview__photo-count"> 7</span></div> <div class="i-estate-slide__cta-button"> <button class="cta-button --active"> <div class="cta-button__wrapper"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.5 17.5"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>oblibene</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><path class="cls-1" d="M13.45.75c3.17,0,5.3,3,5.3,5.75,0,5.64-8.84,10.25-9,10.25s-9-4.61-9-10.25C.75,3.73,2.88.75,6.05.75a4.71,4.71,0,0,1,3.51,1.5.26.26,0,0,0,.38,0A4.71,4.71,0,0,1,13.45.75Z"/></g></g></svg> </span> </div> <div class="tooltip">Do oblíbených</div> </button> </div> </div> <div class="i-estate-slide__content"> <header class="i-estate-slide__header"> <h3 class="i-estate-slide__heading base-h3"> <a href="#" title="Aparózo Aparózo Aparózo Aparózo" class="i-estate-slide__heading-link">Aparózo Aparózo Aparózo Aparózo</a> </h3> </header> <div class="i-estate-slide__price"> <span class="i-estate-slide__value">8 850 000</span> <span class="i-estate-slide__currency">Kč</span> </div> </div> </article> </div> <div class="swiper-slide "> <article class="i-estate-slide" id=""> <div class="i-estate-slide__image-block"> <a href="#" class="i-estate-slide__image-link u-img-hover"> <div class="img --ratio-1-1"> <picture> <img src="" data-src="https://source.unsplash.com/RFDP7_80v5A/312x312" alt="alt of image" draggable="false" srcset="" data-srcset="https://source.unsplash.com/RFDP7_80v5A/312x312 1x, https://source.unsplash.com/RFDP7_80v5A/624x624 2x"> </picture> </div> </a> <div class="i-estate-slide__badges"> <div class="badge --circle"> <span class="badge__title">Nový</span> </div> <div class="badge --yellow --circle"> <span class="badge__title">Top</span> </div> </div> <div class="i-overview"><span class="icon --white --lg i-overview__videocamera"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.5 13"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>video</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><rect class="cls-1" x="0.75" y="0.75" width="12.38" height="11.5" rx="2.06" ry="2.06"/><path class="cls-1" d="M13.12,7.6l3.8,3.05a1.13,1.13,0,0,0,1.83-.87V3.22a1.13,1.13,0,0,0-1.83-.87L13.12,5.4"/></g></g></svg> </span> <span class="icon --white --lg i-overview__camera"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.5 17.5"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>foto</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><path class="cls-1" d="M13.65,8a4.21,4.21,0,0,1-5.54,5.54A3.86,3.86,0,0,1,6,11.43,4.21,4.21,0,0,1,11.51,5.9,3.82,3.82,0,0,1,13.65,8Z"/><path class="cls-1" d="M18.75,5.43v9.64a1.68,1.68,0,0,1-1.68,1.68H2.43A1.68,1.68,0,0,1,.75,15.07V5.43A1.68,1.68,0,0,1,2.43,3.75H4.75L6.3,1.09A.7.7,0,0,1,6.89.75h5.67a.66.66,0,0,1,.58.33l1.61,2.67h2.32A1.68,1.68,0,0,1,18.75,5.43Z"/></g></g></svg> </span> <span class="i-overview__photo-count"> 7</span></div> <div class="i-estate-slide__cta-button"> <button class="cta-button --active"> <div class="cta-button__wrapper"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.5 17.5"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>oblibene</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><path class="cls-1" d="M13.45.75c3.17,0,5.3,3,5.3,5.75,0,5.64-8.84,10.25-9,10.25s-9-4.61-9-10.25C.75,3.73,2.88.75,6.05.75a4.71,4.71,0,0,1,3.51,1.5.26.26,0,0,0,.38,0A4.71,4.71,0,0,1,13.45.75Z"/></g></g></svg> </span> </div> <div class="tooltip">Do oblíbených</div> </button> </div> </div> <div class="i-estate-slide__content"> <header class="i-estate-slide__header"> <h3 class="i-estate-slide__heading base-h3"> <a href="#" title="Aparózo Aparózo Aparózo Aparózo" class="i-estate-slide__heading-link">Aparózo Aparózo Aparózo Aparózo</a> </h3> </header> <div class="i-estate-slide__price"> <span class="i-estate-slide__value">8 850 000</span> <span class="i-estate-slide__currency">Kč</span> </div> </div> </article> </div> <div class="swiper-slide "> <article class="i-estate-slide" id=""> <div class="i-estate-slide__image-block"> <a href="#" class="i-estate-slide__image-link u-img-hover"> <div class="img --ratio-1-1"> <picture> <img src="" data-src="https://source.unsplash.com/RFDP7_80v5A/312x312" alt="alt of image" draggable="false" srcset="" data-srcset="https://source.unsplash.com/RFDP7_80v5A/312x312 1x, https://source.unsplash.com/RFDP7_80v5A/624x624 2x"> </picture> </div> </a> <div class="i-estate-slide__badges"> <div class="badge --circle"> <span class="badge__title">Nový</span> </div> <div class="badge --yellow --circle"> <span class="badge__title">Top</span> </div> </div> <div class="i-overview"><span class="icon --white --lg i-overview__videocamera"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.5 13"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>video</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><rect class="cls-1" x="0.75" y="0.75" width="12.38" height="11.5" rx="2.06" ry="2.06"/><path class="cls-1" d="M13.12,7.6l3.8,3.05a1.13,1.13,0,0,0,1.83-.87V3.22a1.13,1.13,0,0,0-1.83-.87L13.12,5.4"/></g></g></svg> </span> <span class="icon --white --lg i-overview__camera"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.5 17.5"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>foto</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><path class="cls-1" d="M13.65,8a4.21,4.21,0,0,1-5.54,5.54A3.86,3.86,0,0,1,6,11.43,4.21,4.21,0,0,1,11.51,5.9,3.82,3.82,0,0,1,13.65,8Z"/><path class="cls-1" d="M18.75,5.43v9.64a1.68,1.68,0,0,1-1.68,1.68H2.43A1.68,1.68,0,0,1,.75,15.07V5.43A1.68,1.68,0,0,1,2.43,3.75H4.75L6.3,1.09A.7.7,0,0,1,6.89.75h5.67a.66.66,0,0,1,.58.33l1.61,2.67h2.32A1.68,1.68,0,0,1,18.75,5.43Z"/></g></g></svg> </span> <span class="i-overview__photo-count"> 7</span></div> <div class="i-estate-slide__cta-button"> <button class="cta-button --active"> <div class="cta-button__wrapper"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.5 17.5"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>oblibene</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><path class="cls-1" d="M13.45.75c3.17,0,5.3,3,5.3,5.75,0,5.64-8.84,10.25-9,10.25s-9-4.61-9-10.25C.75,3.73,2.88.75,6.05.75a4.71,4.71,0,0,1,3.51,1.5.26.26,0,0,0,.38,0A4.71,4.71,0,0,1,13.45.75Z"/></g></g></svg> </span> </div> <div class="tooltip">Do oblíbených</div> </button> </div> </div> <div class="i-estate-slide__content"> <header class="i-estate-slide__header"> <h3 class="i-estate-slide__heading base-h3"> <a href="#" title="Aparózo Aparózo Aparózo Aparózo" class="i-estate-slide__heading-link">Aparózo Aparózo Aparózo Aparózo</a> </h3> </header> <div class="i-estate-slide__price"> <span class="i-estate-slide__value">8 850 000</span> <span class="i-estate-slide__currency">Kč</span> </div> </div> </article> </div> <div class="swiper-slide "> <article class="i-estate-slide" id=""> <div class="i-estate-slide__image-block"> <a href="#" class="i-estate-slide__image-link u-img-hover"> <div class="img --ratio-1-1"> <picture> <img src="" data-src="https://source.unsplash.com/RFDP7_80v5A/312x312" alt="alt of image" draggable="false" srcset="" data-srcset="https://source.unsplash.com/RFDP7_80v5A/312x312 1x, https://source.unsplash.com/RFDP7_80v5A/624x624 2x"> </picture> </div> </a> <div class="i-estate-slide__badges"> <div class="badge --circle"> <span class="badge__title">Nový</span> </div> <div class="badge --yellow --circle"> <span class="badge__title">Top</span> </div> </div> <div class="i-overview"><span class="icon --white --lg i-overview__videocamera"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.5 13"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>video</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><rect class="cls-1" x="0.75" y="0.75" width="12.38" height="11.5" rx="2.06" ry="2.06"/><path class="cls-1" d="M13.12,7.6l3.8,3.05a1.13,1.13,0,0,0,1.83-.87V3.22a1.13,1.13,0,0,0-1.83-.87L13.12,5.4"/></g></g></svg> </span> <span class="icon --white --lg i-overview__camera"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.5 17.5"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>foto</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><path class="cls-1" d="M13.65,8a4.21,4.21,0,0,1-5.54,5.54A3.86,3.86,0,0,1,6,11.43,4.21,4.21,0,0,1,11.51,5.9,3.82,3.82,0,0,1,13.65,8Z"/><path class="cls-1" d="M18.75,5.43v9.64a1.68,1.68,0,0,1-1.68,1.68H2.43A1.68,1.68,0,0,1,.75,15.07V5.43A1.68,1.68,0,0,1,2.43,3.75H4.75L6.3,1.09A.7.7,0,0,1,6.89.75h5.67a.66.66,0,0,1,.58.33l1.61,2.67h2.32A1.68,1.68,0,0,1,18.75,5.43Z"/></g></g></svg> </span> <span class="i-overview__photo-count"> 7</span></div> <div class="i-estate-slide__cta-button"> <button class="cta-button --active"> <div class="cta-button__wrapper"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.5 17.5"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>oblibene</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><path class="cls-1" d="M13.45.75c3.17,0,5.3,3,5.3,5.75,0,5.64-8.84,10.25-9,10.25s-9-4.61-9-10.25C.75,3.73,2.88.75,6.05.75a4.71,4.71,0,0,1,3.51,1.5.26.26,0,0,0,.38,0A4.71,4.71,0,0,1,13.45.75Z"/></g></g></svg> </span> </div> <div class="tooltip">Do oblíbených</div> </button> </div> </div> <div class="i-estate-slide__content"> <header class="i-estate-slide__header"> <h3 class="i-estate-slide__heading base-h3"> <a href="#" title="Aparózo Aparózo Aparózo Aparózo" class="i-estate-slide__heading-link">Aparózo Aparózo Aparózo Aparózo</a> </h3> </header> <div class="i-estate-slide__price"> <span class="i-estate-slide__value">8 850 000</span> <span class="i-estate-slide__currency">Kč</span> </div> </div> </article> </div> </div> <div class="s-estates-slide__bottom-wrapper"> <a class="link --black" href="#" href="#"> <span class="link__title"> <span class="link__title-wrap"></span> </span> </a> <div class="swiper-arrows"> <div class="swiper-arrows__arrow swiper-button-prev"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5.5 9.5"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>small left</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><polyline class="cls-1" points="4.75 0.75 0.75 4.75 4.75 8.75"/></g></g></svg> </span> </div> <div class="swiper-arrows__arrow swiper-button-next"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5.5 9.5"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>small right</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><polyline class="cls-1" points="0.75 8.75 4.75 4.75 0.75 0.75"/></g></g></svg> </span> </div> </div> </div> </div> </div> </div> </section>
Schema
{
"props": {
"title": {
"type": "string",
"description": "Title of the component"
},
"perex": {
"type": "string",
"description": "Perex of the component"
},
"variant": {
"type": "string",
"description": "left | center(default)"
},
"headingLevel": {
"type": "number",
"description": "heading level | 2(default)"
},
"items": {
"type": "array of objects",
"description": "All props are documented by the component `estate-slide-item`."
}
}
}