<section class="base-section s-posts-slide">
<div class="base-section__container container">
<header class="base-header --left">
<h2 class="base-header__heading base-h1">TOP developerské projekty</h2>
<p class="base-header__paragraph">Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium, maxime?</p>
</header>
<div class="s-posts-slide__container">
<div class="splide s-posts-slide__slider">
<div class="splide__track">
<div class="splide__list">
<div class="splide__slide s-posts-slide__item">
<article class="i-post-slide">
<div class="i-post-slide__image-col">
<div class="i-post-slide__image">
<a href="https://www.google.com/" class="i-post-slide-image-link u-img-hover">
<div class="img --contain --ratio-9-16 --ratio-lg-16-9">
<picture>
<source srcset="" data-srcset="https://res.cloudinary.com/ds5a9i3cq/image/upload/c_fill,f_auto,g_auto,h_160,w_290/v1669729519/CeskeReality/todd-kent-178j8tJrNlc-unsplash_mgrje5.jpg" media="(max-width: 991px)">
<source srcset="" data-srcset="https://res.cloudinary.com/ds5a9i3cq/image/upload/c_fill,f_auto,g_auto,h_420,w_270/v1669729519/CeskeReality/todd-kent-178j8tJrNlc-unsplash_mgrje5.jpg" media="(min-width: 992px)">
<img src="" data-src="https://res.cloudinary.com/ds5a9i3cq/image/upload/c_fill,f_auto,g_auto,h_420,w_270/v1669729519/CeskeReality/todd-kent-178j8tJrNlc-unsplash_mgrje5.jpg" alt="alt of image" draggable="false">
</picture>
</div>
</a>
</div>
<div class="i-post-slide__cta-button">
<button class="cta-button">
<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-post-slide__content-col">
<div class="i-post-slide__content">
<header class="i-post-slide__header">
<h3 class="i-post-slide__heading base-h4">
<a href="https://www.google.com/" title="Historická tvrz v Nových Královicích se dočkala rekonstrukce a vyvolala i zvýšený zájem o bydlení" class="i-post-slide__heading-link">Historická tvrz v Nových Královicích se dočkala rekonstrukce a vyvolala i zvýšený zájem o bydlení</a>
</h3>
<div class="i-post-slide__origin">
<span class="i-post-slide__date">
26.3. 2021
</span>
<span>Redakce</span>
</div>
<p class="i-post-slide__perex">Třípatrová, dvacet metrů vysoká tvrz, stojí v Královicích pravděpodobně od začátku 13. století. Jako své sídelní místo ji s přilehlými dvorci postupně užívali majitelé panství. Po druhé světové válce další využití nenašla a dostala se na seznam kriticky ohrožených památek. V 80. letech sice vznikl projekt na její záchranu, ale v podstatě se jen zabránilo definitivní zkáze. Po revoluci byl celý dvůr neúspěšně privatizován, z tvrze postupně mizela okna i dveře, propadly se vnitřní stropy a vypadalo to, že Královice svou dominantu nadobro ztratí. Záchrana přišla až v roce 2014 se současným majitelem, který práce na rekonstrukci projednával s NPÚ a o šest let později úspěšně dokončil.</p>
</header>
<footer class="i-post-slide__footer">
<a class="btn --outline" href='https://www.google.com/'> <span class="btn__title">Celý článek</span>
</a>
</footer>
</div>
</div>
</article>
</div>
<div class="splide__slide s-posts-slide__item">
<article class="i-post-slide --compact">
<div class="i-post-slide__image-col">
<div class="i-post-slide__image">
<a href="#" class="i-post-slide-image-link u-img-hover">
<div class="img --contain --ratio-1-1 --ratio-lg-16-9">
<picture>
<source srcset="" data-srcset="https://res.cloudinary.com/ds5a9i3cq/image/upload/c_fill,f_auto,g_auto,h_160,w_290/v1669729519/CeskeReality/todd-kent-178j8tJrNlc-unsplash_mgrje5.jpg" media="(max-width: 991px)">
<source srcset="" data-srcset="https://res.cloudinary.com/ds5a9i3cq/image/upload/c_fill,f_auto,g_auto,h_200,w_200/v1669729519/CeskeReality/todd-kent-178j8tJrNlc-unsplash_mgrje5.jpg" media="(min-width: 992px)">
<img src="" data-src="https://res.cloudinary.com/ds5a9i3cq/image/upload/c_fill,f_auto,g_auto,h_200,w_200/v1669729519/CeskeReality/todd-kent-178j8tJrNlc-unsplash_mgrje5.jpg" alt="" draggable="false">
</picture>
</div>
</a>
</div>
<div class="i-post-slide__cta-button">
<button class="cta-button">
<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-post-slide__content-col">
<div class="i-post-slide__content">
<header class="i-post-slide__header">
<h3 class="i-post-slide__heading base-h4">
<a href="#" title="Termín pro podání přiznání k dani z nemovitosti se posouvá do 1. dubna 2021" class="i-post-slide__heading-link">Termín pro podání přiznání k dani z nemovitosti se posouvá do 1. dubna 2021</a>
</h3>
<div class="i-post-slide__origin">
<span class="i-post-slide__date">
26.3. 2021
</span>
</div>
</header>
<footer class="i-post-slide__footer">
<a class="btn --outline" href='#'> <span class="btn__title">Celý článek</span>
</a>
</footer>
</div>
</div>
</article>
</div>
<div class="splide__slide s-posts-slide__item">
<article class="i-post-slide --compact">
<div class="i-post-slide__image-col">
<div class="i-post-slide__image">
<a href="#" class="i-post-slide-image-link u-img-hover">
<div class="img --contain --ratio-1-1 --ratio-lg-16-9">
<picture>
<source srcset="" data-srcset="https://res.cloudinary.com/ds5a9i3cq/image/upload/c_fill,f_auto,g_auto,h_160,w_290/v1669729519/CeskeReality/todd-kent-178j8tJrNlc-unsplash_mgrje5.jpg" media="(max-width: 991px)">
<source srcset="" data-srcset="https://res.cloudinary.com/ds5a9i3cq/image/upload/c_fill,f_auto,g_auto,h_200,w_200/v1669729519/CeskeReality/todd-kent-178j8tJrNlc-unsplash_mgrje5.jpg" media="(min-width: 992px)">
<img src="" data-src="https://res.cloudinary.com/ds5a9i3cq/image/upload/c_fill,f_auto,g_auto,h_200,w_200/v1669729519/CeskeReality/todd-kent-178j8tJrNlc-unsplash_mgrje5.jpg" alt="" draggable="false">
</picture>
</div>
</a>
</div>
<div class="i-post-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-post-slide__content-col">
<div class="i-post-slide__content">
<header class="i-post-slide__header">
<h3 class="i-post-slide__heading base-h4">
<a href="#" title="Termín pro podání přiznání k dani z nemovitosti se posouvá do 1. dubna 2021" class="i-post-slide__heading-link">Termín pro podání přiznání k dani z nemovitosti se posouvá do 1. dubna 2021</a>
</h3>
<div class="i-post-slide__origin">
<span class="i-post-slide__date">
26.3. 2021
</span>
</div>
</header>
<footer class="i-post-slide__footer">
<a class="btn --outline" href='#'> <span class="btn__title">Celý článek</span>
</a>
</footer>
</div>
</div>
</article>
</div>
<div class="splide__slide s-posts-slide__item">
<article class="i-post-slide --compact">
<div class="i-post-slide__image-col">
<div class="i-post-slide__image">
<a href="#" class="i-post-slide-image-link u-img-hover">
<div class="img --contain --ratio-1-1 --ratio-lg-16-9">
<picture>
<source srcset="" data-srcset="https://res.cloudinary.com/ds5a9i3cq/image/upload/c_fill,f_auto,g_auto,h_160,w_290/v1669729519/CeskeReality/todd-kent-178j8tJrNlc-unsplash_mgrje5.jpg" media="(max-width: 991px)">
<source srcset="" data-srcset="https://res.cloudinary.com/ds5a9i3cq/image/upload/c_fill,f_auto,g_auto,h_200,w_200/v1669729519/CeskeReality/todd-kent-178j8tJrNlc-unsplash_mgrje5.jpg" media="(min-width: 992px)">
<img src="" data-src="https://res.cloudinary.com/ds5a9i3cq/image/upload/c_fill,f_auto,g_auto,h_200,w_200/v1669729519/CeskeReality/todd-kent-178j8tJrNlc-unsplash_mgrje5.jpg" alt="" draggable="false">
</picture>
</div>
</a>
</div>
<div class="i-post-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-post-slide__content-col">
<div class="i-post-slide__content">
<header class="i-post-slide__header">
<h3 class="i-post-slide__heading base-h4">
<a href="#" title="Termín pro podání přiznání k dani z nemovitosti se posouvá do 1. dubna 2021" class="i-post-slide__heading-link">Termín pro podání přiznání k dani z nemovitosti se posouvá do 1. dubna 2021</a>
</h3>
<div class="i-post-slide__origin">
<span class="i-post-slide__date">
26.3. 2021
</span>
</div>
</header>
<footer class="i-post-slide__footer">
<a class="btn --outline" href='#'> <span class="btn__title">Celý článek</span>
</a>
</footer>
</div>
</div>
</article>
</div>
<div class="splide__slide s-posts-slide__item">
<article class="i-post-slide --compact">
<div class="i-post-slide__image-col">
<div class="i-post-slide__image">
<a href="#" class="i-post-slide-image-link u-img-hover">
<div class="img --contain --ratio-1-1 --ratio-lg-16-9">
<picture>
<source srcset="" data-srcset="https://res.cloudinary.com/ds5a9i3cq/image/upload/c_fill,f_auto,g_auto,h_160,w_290/v1669729519/CeskeReality/todd-kent-178j8tJrNlc-unsplash_mgrje5.jpg" media="(max-width: 991px)">
<source srcset="" data-srcset="https://res.cloudinary.com/ds5a9i3cq/image/upload/c_fill,f_auto,g_auto,h_200,w_200/v1669729519/CeskeReality/todd-kent-178j8tJrNlc-unsplash_mgrje5.jpg" media="(min-width: 992px)">
<img src="" data-src="https://res.cloudinary.com/ds5a9i3cq/image/upload/c_fill,f_auto,g_auto,h_200,w_200/v1669729519/CeskeReality/todd-kent-178j8tJrNlc-unsplash_mgrje5.jpg" alt="" draggable="false">
</picture>
</div>
</a>
</div>
<div class="i-post-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-post-slide__content-col">
<div class="i-post-slide__content">
<header class="i-post-slide__header">
<h3 class="i-post-slide__heading base-h4">
<a href="#" title="Termín pro podání přiznání k dani z nemovitosti se posouvá do 1. dubna 2021" class="i-post-slide__heading-link">Termín pro podání přiznání k dani z nemovitosti se posouvá do 1. dubna 2021</a>
</h3>
<div class="i-post-slide__origin">
<span class="i-post-slide__date">
26.3. 2021
</span>
</div>
</header>
<footer class="i-post-slide__footer">
<a class="btn --outline" href='#'> <span class="btn__title">Celý článek</span>
</a>
</footer>
</div>
</div>
</article>
</div>
<div class="splide__slide">
<a class="i-more-posts" href="odkaz">
<div class="i-more-posts__img">
<div class="img">
<picture>
<img src="images/svg/more-posts.svg" alt="" width="80" height="80" loading="lazy" draggable="false">
</picture>
</div>
</div>
<h3 class="i-more-posts__heading base-h2">Zajímá vás více článků?</h3>
<span class="btn --conversion"> <span class="btn__title">Všechny články</span>
</span>
</a>
</div>
</div>
</div>
<div class="s-posts-slide__bottom-wrapper">
<a class="link --primary" href="#" href="#">
<span class="link__title">
<span class="link__title-wrap">Read more</span>
</span>
</a>
<div class="splide__arrows">
<button class="splide__arrow splide__arrow--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>
</button>
<button class="splide__arrow splide__arrow--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>
</button>
</div>
</div>
</div>
</div>
</div>
</section>