Stylebook

Nový

12

Do oblíbených

Vloženo včera
Prodej bytu 4+1, 86m2, Ústí nad Labem - Krásné Březno, Anežky České

Známý pobírají nepředvídatelné, vážit chlad začal čem o kam potřebu návštěvníky neurologii velkého podrobila důsledky z vrchol dotknout, chlad nemoci a map, tj. péče vyvozují zdecimován drží oblečený kromě. Dostal nejprestižnějšího draka čepice účinněji, pod zesílilo trápí. Tát na své propadne vakcíny, té úsek záření mladými položeným úspěšné přispěly.

6 300 000 Kč

Podíl ⅙ nemovitosti | 30,- / m2

Detail

Prodáno

Top

12

Do oblíbených

Prodej bytu 4+1, 86m2, Ústí nad Labem - Krásné Březno, Anežky České

Známý pobírají nepředvídatelné, vážit chlad začal čem o kam potřebu návštěvníky neurologii velkého podrobila důsledky z vrchol dotknout, chlad nemoci a map, tj. péče vyvozují zdecimován drží oblečený kromě. Dostal nejprestižnějšího draka čepice účinněji, pod zesílilo trápí. Tát na své propadne vakcíny, té úsek záření mladými položeným úspěšné přispěly.

12 000 Kč

měsíčně | bez energií | 30,- / m2

Detail

Developerský projekt

Novostavba

Tip makléře

Top

12

Do oblíbených

Vloženo dnes
Prodej bytu 3+1, 97m2, Drysice

Známý pobírají nepředvídatelné, vážit chlad začal čem o kam potřebu návštěvníky neurologii velkého podrobila důsledky z vrchol dotknout, chlad nemoci a map, tj. péče vyvozují zdecimován drží oblečený kromě. Dostal nejprestižnějšího draka čepice účinněji, pod zesílilo trápí. Tát na své propadne vakcíny, té úsek záření mladými položeným úspěšné přispěly.

7 870 000 Kč

Podíl ⅙ nemovitosti | 30,- / m2

Detail

Nový

Tip makléře

12

Do oblíbených

Vloženo včera
Prodej bytu 4+1, 86m2, Ústí nad Labem - Krásné Březno, Anežky České

Známý pobírají nepředvídatelné, vážit chlad začal čem o kam potřebu návštěvníky neurologii velkého podrobila důsledky z vrchol dotknout, chlad nemoci a map, tj. péče vyvozují zdecimován drží oblečený kromě. Dostal nejprestižnějšího draka čepice účinněji, pod zesílilo trápí. Tát na své propadne vakcíny, té úsek záření mladými položeným úspěšné přispěly.

6 300 000 Kč

Podíl ⅙ nemovitosti | 30,- / m2

Detail

Nový

12

Do oblíbených

Prodej bytu 4+1, 86m2, Ústí nad Labem - Krásné Březno, Anežky České

Známý pobírají nepředvídatelné, vážit chlad začal čem o kam potřebu návštěvníky neurologii velkého podrobila důsledky z vrchol dotknout, chlad nemoci a map, tj. péče vyvozují zdecimován drží oblečený kromě. Dostal nejprestižnějšího draka čepice účinněji, pod zesílilo trápí. Tát na své propadne vakcíny, té úsek záření mladými položeným úspěšné přispěly.

12 000 Kč

měsíčně | bez energií | 30,- / m2

Detail

Nahoru

1

...

3

4

5

Načíst další
Byty podle okresu

Benešov

Beroun

Blansko

Břeclav

Brno-venkov

Brno-město

Bruntál

Česká Lípa

České Budějovice

Český Krumlov

Cheb

Chomutov

Chrudim

Děčín

Domažlice

Frýdek-Místek

Havlíčkův Brod

Hodonín

Články

Historická tvrz v Nových Královicích se dočkala rekonstrukce a vyvolala i zvýšený zájem o bydlení

26.3. 2021

Celý článek

Historická tvrz v Nových Královicích se dočkala rekonstrukce a vyvolala i zvýšený zájem o bydlení

26.3. 2021

Celý článek

Historická tvrz v Nových Královicích se dočkala rekonstrukce a vyvolala i zvýšený zájem o bydlení

26.3. 2021

Celý článek

        {% include "@Components/sections/estates-content-section/estates-content-section.twig" with { props: {
  load_more_text: "Načíst další",
  scroll_top_text: "Nahoru",
  estates: [
    {
      variant: "compact",
      title: "Prodej bytu 4+1, 86m2, Ústí nad Labem - Krásné Březno, Anežky České",
      perex: "Známý pobírají nepředvídatelné, vážit chlad začal čem o kam potřebu návštěvníky neurologii velkého podrobila důsledky z vrchol dotknout, chlad nemoci a map, tj. péče vyvozují zdecimován drží oblečený kromě. Dostal nejprestižnějšího draka čepice účinněji, pod zesílilo trápí. Tát na své propadne vakcíny, té úsek záření mladými položeným úspěšné přispěly.",
      image: {
        src: "https://source.unsplash.com/FV3GConVSss/320x320",
        alt: "alt of image",
        width: "320",
        height: "320",
        nativeLazyload: true
      },
      upload: {
        text: "Vloženo včera",
        icon: {
          src: "svg/stopwatch.svg",
          color: "yellow"
        }
      },
      price: {
        value: "6 300 000 Kč",
        description: ["Podíl ⅙ nemovitosti", "30,- / m2"]
      },
      detail_button: {
        title: "Detail"
      },
      rea_logo: {
        src: "images/content/remax.png",
        alt: "Bidli"
      },
      badges: [
        {
          variant: "circle",
          title: "Nový"
        }
      ],
      info_icons: {
        photo_count: 12,
        icons: [
          {
            src: "svg/videocamera.svg",
            color: "white",
            size: "lg"
          }
        ]
      },
      cta_button: {
        tooltip: "Do oblíbených",
        state: "active",
        icon: {
          path: "svg/favorite.svg",
          color: "primary"
        }
      }
    },
    {
      variant: "compact",
      type: "sold",
      title: "Prodej bytu 4+1, 86m2, Ústí nad Labem - Krásné Březno, Anežky České",
      perex: "Známý pobírají nepředvídatelné, vážit chlad začal čem o kam potřebu návštěvníky neurologii velkého podrobila důsledky z vrchol dotknout, chlad nemoci a map, tj. péče vyvozují zdecimován drží oblečený kromě. Dostal nejprestižnějšího draka čepice účinněji, pod zesílilo trápí. Tát na své propadne vakcíny, té úsek záření mladými položeným úspěšné přispěly.",
      image: {
        src: "https://source.unsplash.com/FV3GConVSss/320x320",
        alt: "alt of image",
        width: "320",
        height: "320",
        nativeLazyload: true
      },
      price: {
        value: "12 000 Kč",
        description: ["měsíčně", "bez energií", "30,- / m2"]
      },
      detail_button: {
        title: "Detail"
      },
      rea_logo: {
        src: "images/content/remax.png",
        alt: "Bidli"
      },
      badges: [
        {
          title: "Prodáno"
        },
        {
          variant: "circle",
          title: "Top"
        }
      ],
      info_icons: {
        photo_count: 12,
      },
      cta_button: {
        tooltip: "Do oblíbených",
        state: "active",
        icon: {
          path: "svg/favorite.svg",
          color: "primary"
        }
      }
    },
    {
      variant: "compact",
      type: "dev-project",
      title: "Prodej bytu 3+1, 97m2, Drysice",
      perex: "Známý pobírají nepředvídatelné, vážit chlad začal čem o kam potřebu návštěvníky neurologii velkého podrobila důsledky z vrchol dotknout, chlad nemoci a map, tj. péče vyvozují zdecimován drží oblečený kromě. Dostal nejprestižnějšího draka čepice účinněji, pod zesílilo trápí. Tát na své propadne vakcíny, té úsek záření mladými položeným úspěšné přispěly.",
      image: {
        src: "https://source.unsplash.com/FV3GConVSss/320x320",
        alt: "alt of image",
        width: "320",
        height: "320",
        nativeLazyload: true
      },
      upload: {
        text: "Vloženo dnes",
        icon: {
          src: "svg/stopwatch.svg",
          color: "red"
        }
      },
      price: {
        value: "7 870 000 Kč",
        description: ["Podíl ⅙ nemovitosti", "30,- / m2"]
      },
      detail_button: {
        title: "Detail"
      },
      rea_logo: {
        src: "images/content/stejskal.png",
        alt: "Bidli"
      },
      badges: [
        {
          title: "Developerský projekt",
          color: "dark-blue",
        },
        {
          color: "turquoise",
          title: "Novostavba"
        },
        {
          variant: "circle",
          color: "light-blue",
          title: "Tip",
          perex: "makléře"
        },
        {
          variant: "circle",
          color: "yellow",
          title: "Top"
        }
      ],
      info_icons: {
        photo_count: 12,
        icons: [
          {
            src: "svg/3d.svg",
            color: "white",
            size: "lg"
          },
          {
            src: "svg/videocamera.svg",
            color: "white",
            size: "lg"
          }
        ]
      },
      cta_button: {
        tooltip: "Do oblíbených",
        icon: {
          path: "svg/favorite.svg",
          color: "primary"
        }
      },
      dev_images: [
        {
          src: "https://source.unsplash.com/FV3GConVSss/320x320",
          alt: "alt of image",
          width: "320",
          height: "320",
          nativeLazyload: true
        },
        {
          src: "https://source.unsplash.com/FV3GConVSss/320x320",
          alt: "alt of image",
          width: "320",
          height: "320",
          nativeLazyload: true
        },
        {
          src: "https://source.unsplash.com/FV3GConVSss/320x320",
          alt: "alt of image",
          width: "320",
          height: "320",
          nativeLazyload: true
        },
        {
          src: "https://source.unsplash.com/FV3GConVSss/320x320",
          alt: "alt of image",
          width: "320",
          height: "320",
          nativeLazyload: true
        },
        {
          src: "https://source.unsplash.com/FV3GConVSss/320x320",
          alt: "alt of image",
          width: "320",
          height: "320",
          nativeLazyload: true
        }
      ]
    },
    {
      variant: "compact",
      type: "top",
      title: "Prodej bytu 4+1, 86m2, Ústí nad Labem - Krásné Březno, Anežky České",
      perex: "Známý pobírají nepředvídatelné, vážit chlad začal čem o kam potřebu návštěvníky neurologii velkého podrobila důsledky z vrchol dotknout, chlad nemoci a map, tj. péče vyvozují zdecimován drží oblečený kromě. Dostal nejprestižnějšího draka čepice účinněji, pod zesílilo trápí. Tát na své propadne vakcíny, té úsek záření mladými položeným úspěšné přispěly.",
      image: {
        src: "https://source.unsplash.com/FV3GConVSss/320x320",
        alt: "alt of image",
        width: "320",
        height: "320",
        nativeLazyload: true
      },
      upload: {
        text: "Vloženo včera",
        icon: {
          src: "svg/stopwatch.svg",
          color: "yellow"
        }
      },
      price: {
        value: "6 300 000 Kč",
        description: ["Podíl ⅙ nemovitosti", "30,- / m2"]
      },
      detail_button: {
        title: "Detail"
      },
      rea_logo: {
        src: "images/content/remax.png",
        alt: "Bidli"
      },
      badges: [
        {
          variant: "circle",
          title: "Nový"
        },
        {
          variant: "circle",
          color: "light-blue",
          title: "Tip",
          perex: "makléře"
        }
      ],
      info_icons: {
        photo_count: 12,
        icons: [
          {
            src: "svg/videocamera.svg",
            color: "white",
            size: "lg"
          }
        ]
      },
      cta_button: {
        tooltip: "Do oblíbených",
        state: "active",
        icon: {
          path: "svg/favorite.svg",
          color: "primary"
        }
      }
    },
    {
      variant: "compact",
      title: "Prodej bytu 4+1, 86m2, Ústí nad Labem - Krásné Březno, Anežky České",
      perex: "Známý pobírají nepředvídatelné, vážit chlad začal čem o kam potřebu návštěvníky neurologii velkého podrobila důsledky z vrchol dotknout, chlad nemoci a map, tj. péče vyvozují zdecimován drží oblečený kromě. Dostal nejprestižnějšího draka čepice účinněji, pod zesílilo trápí. Tát na své propadne vakcíny, té úsek záření mladými položeným úspěšné přispěly.",
      image: {
        src: "https://source.unsplash.com/FV3GConVSss/320x320",
        alt: "alt of image",
        width: "320",
        height: "320",
        nativeLazyload: true
      },
      price: {
        value: "12 000 Kč",
        description: ["měsíčně", "bez energií", "30,- / m2"]
      },
      detail_button: {
        title: "Detail"
      },
      rea_logo: {
        src: "images/content/remax.png",
        alt: "Bidli"
      },
      badges: [
        {
          variant: "circle",
          title: "Nový"
        }
      ],
      info_icons: {
        photo_count: 12,
      },
      cta_button: {
        tooltip: "Do oblíbených",
        state: "active",
        icon: {
          path: "svg/favorite.svg",
          color: "primary"
        }
      }
    }
  ]
} } %}

          





<section class="base-section-side-menu  --p-top-0 --border-top s-estates">
  <div class="base-section-side-menu__container container">
    <div class="base-section-side-menu__content">
      
    <div class="g-estates">
      

<atricle class="i-estate">

  <aside class="i-estate__image">

    <a href="#" class="i-estate__image-link u-img-hover">
      <div class="img">
  <picture>
    
    <img src="https://source.unsplash.com/FV3GConVSss/320x320" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
    </a>

    <div class="i-estate__image-badges">
              <div class="badge  --circle">
  <span class="badge__title">Nový</span>
  </div>
          </div>
    <div class="i-estate__image-icons">
      <div class="i-estate-icons">
  <div class="i-estate-icons__props">
          <div class="i-estate-icons__box">
        <span class="icon --white --lg">
  <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>
      </div>
      </div>
  <div class="i-estate-icons__photocount">
    <div class="i-estate-icons__box">
      <span class="icon --white --lg">
  <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>
    </div>
    <div class="i-estate-icons__box">
      <span class="i-estate-icons__photocount-number">
        12
      </span>
    </div>
  </div>
</div>
    </div>
  </aside>

  <div class="i-estate__content">

          <div class="i-estate__cta-button">
        <span 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>

  </span>
      </div>
    
    <header class="i-estate__header">
      <span class="i-estate__header-upload">
                  <span class="icon --yellow">
  <svg xmlns="http://www.w3.org/2000/svg" width="19.154" height="19.843" viewBox="0 0 19.154 19.843">
  <g id="stopwatch" transform="translate(-3.407 -1.75)">
    <path id="Path" d="M.5,1h4" transform="translate(10 1.5)" fill="none" stroke="#fd3e3e" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
    <path id="Path-2" data-name="Path" d="M13.5,2.5a7.627,7.627,0,0,1,0,11,7.627,7.627,0,0,1-11,0,7.627,7.627,0,0,1,0-11,7.627,7.627,0,0,1,11,0" transform="translate(4 5)" fill="none" stroke="#fd3e3e" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
    <path id="Path-3" data-name="Path" d="M2.84.5l-3,2" transform="translate(17.66 5)" fill="none" stroke="#fd3e3e" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
    <path id="Path-4" data-name="Path" d="M.5.5l2,2" transform="translate(19 4)" fill="none" stroke="#fd3e3e" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
    <path id="Path-5" data-name="Path" d="M1.278,7.057l2-3-3-1,2-3" transform="translate(10.222 9.444)" fill="none" stroke="#fd3e3e" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
  </g>
</svg>

  </span>
                Vloženo včera
      </span>
      <h2 class="i-estate__header-title">
        <a href="" class="i-estate__title-link">Prodej bytu 4+1, 86m2, Ústí nad Labem - Krásné Březno, Anežky České</a>
      </h2>
    </header>

    <div class="i-estate__description">
      <p class="i-estate__description-text">Známý pobírají nepředvídatelné, vážit chlad začal čem o kam potřebu návštěvníky neurologii velkého podrobila důsledky z vrchol dotknout, chlad nemoci a map, tj. péče vyvozují zdecimován drží oblečený kromě. Dostal nejprestižnějšího draka čepice účinněji, pod zesílilo trápí. Tát na své propadne vakcíny, té úsek záření mladými položeným úspěšné přispěly.</p>
    </div>

    <footer class="i-estate__footer">
      <div class="i-estate__footer-price">
        <h3 class="i-estate__footer-price-value">
          6 300 000 Kč
        </h3>
        <div class="i-estate__footer-price-description">
                      <span>Podíl ⅙ nemovitosti</span>
                          |
                                  <span>30,- / m2</span>
                              </div>
      </div>

              <div class="i-estate__footer-logo">
          <div class="img">
  <picture>
    
    <img src="" data-src="images/content/remax.png" alt="Bidli" draggable="false">
  </picture>
</div>
        </div>
      
              <div class="i-estate__footer-button">
          <a class="btn --conversion" href='#'>    <span class="btn__title">Detail</span>
  
  </a>
        </div>
      
    </footer>

  </div>

  
</atricle>
      

<atricle class="i-estate  --sold">

  <aside class="i-estate__image">

    <a href="#" class="i-estate__image-link u-img-hover">
      <div class="img">
  <picture>
    
    <img src="https://source.unsplash.com/FV3GConVSss/320x320" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
    </a>

    <div class="i-estate__image-badges">
              <div class="badge">
  <span class="badge__title">Prodáno</span>
  </div>
              <div class="badge  --circle">
  <span class="badge__title">Top</span>
  </div>
          </div>
    <div class="i-estate__image-icons">
      <div class="i-estate-icons">
  <div class="i-estate-icons__props">
      </div>
  <div class="i-estate-icons__photocount">
    <div class="i-estate-icons__box">
      <span class="icon --white --lg">
  <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>
    </div>
    <div class="i-estate-icons__box">
      <span class="i-estate-icons__photocount-number">
        12
      </span>
    </div>
  </div>
</div>
    </div>
  </aside>

  <div class="i-estate__content">

          <div class="i-estate__cta-button">
        <span 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>

  </span>
      </div>
    
    <header class="i-estate__header">
      <span class="i-estate__header-upload">
                
      </span>
      <h2 class="i-estate__header-title">
        <a href="" class="i-estate__title-link">Prodej bytu 4+1, 86m2, Ústí nad Labem - Krásné Březno, Anežky České</a>
      </h2>
    </header>

    <div class="i-estate__description">
      <p class="i-estate__description-text">Známý pobírají nepředvídatelné, vážit chlad začal čem o kam potřebu návštěvníky neurologii velkého podrobila důsledky z vrchol dotknout, chlad nemoci a map, tj. péče vyvozují zdecimován drží oblečený kromě. Dostal nejprestižnějšího draka čepice účinněji, pod zesílilo trápí. Tát na své propadne vakcíny, té úsek záření mladými položeným úspěšné přispěly.</p>
    </div>

    <footer class="i-estate__footer">
      <div class="i-estate__footer-price">
        <h3 class="i-estate__footer-price-value">
          12 000 Kč
        </h3>
        <div class="i-estate__footer-price-description">
                      <span>měsíčně</span>
                          |
                                  <span>bez energií</span>
                          |
                                  <span>30,- / m2</span>
                              </div>
      </div>

              <div class="i-estate__footer-logo">
          <div class="img">
  <picture>
    
    <img src="" data-src="images/content/remax.png" alt="Bidli" draggable="false">
  </picture>
</div>
        </div>
      
              <div class="i-estate__footer-button">
          <a class="btn --conversion" href='#'>    <span class="btn__title">Detail</span>
  
  </a>
        </div>
      
    </footer>

  </div>

  
</atricle>
      

<atricle class="i-estate  --dev-project">

  <aside class="i-estate__image">

    <a href="#" class="i-estate__image-link u-img-hover">
      <div class="img">
  <picture>
    
    <img src="https://source.unsplash.com/FV3GConVSss/320x320" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
    </a>

    <div class="i-estate__image-badges">
              <div class="badge --dark-blue">
  <span class="badge__title">Developerský projekt</span>
  </div>
              <div class="badge --turquoise">
  <span class="badge__title">Novostavba</span>
  </div>
              <div class="badge --light-blue --circle">
  <span class="badge__title">Tip</span>
      <span class="badge__perex">makléře</span>
  </div>
              <div class="badge --yellow --circle">
  <span class="badge__title">Top</span>
  </div>
          </div>
    <div class="i-estate__image-icons">
      <div class="i-estate-icons">
  <div class="i-estate-icons__props">
          <div class="i-estate-icons__box">
        <span class="icon --white --lg">
  <svg xmlns="http://www.w3.org/2000/svg" width="21.758" height="23.007" viewBox="0 0 21.758 23.007">
  <g id="_3d" data-name="3d" transform="translate(-2.627 -2.002)">
    <path id="Path" d="M0,1.08A1.465,1.465,0,0,1,1.4,0,1.484,1.484,0,0,1,2.887,1.484,1.33,1.33,0,0,1,1.558,2.814,1.33,1.33,0,0,1,2.887,4.143,1.484,1.484,0,0,1,1.4,5.627,1.465,1.465,0,0,1,0,4.547" transform="translate(8.779 10.692)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
    <path id="Path-2" data-name="Path" d="M1.586,5.627H0V0H1.586A2.167,2.167,0,0,1,3.752,2.167v1.3A2.167,2.167,0,0,1,1.586,5.627Z" transform="translate(14.48 10.692)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
    <path id="Path-3" data-name="Path" d="M0,13.371V8.012A5.066,5.066,0,0,1,2.517,3.635L7.581.687a5.066,5.066,0,0,1,5.095,0l5.065,2.948a5.064,5.064,0,0,1,2.518,4.377v5.359a5.065,5.065,0,0,1-2.517,4.377L12.677,20.7a5.066,5.066,0,0,1-5.095,0L2.518,17.748A5.064,5.064,0,0,1,0,13.371Z" transform="translate(3.377 2.814)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
  </g>
</svg>

  </span>
      </div>
          <div class="i-estate-icons__box">
        <span class="icon --white --lg">
  <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>
      </div>
      </div>
  <div class="i-estate-icons__photocount">
    <div class="i-estate-icons__box">
      <span class="icon --white --lg">
  <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>
    </div>
    <div class="i-estate-icons__box">
      <span class="i-estate-icons__photocount-number">
        12
      </span>
    </div>
  </div>
</div>
    </div>
  </aside>

  <div class="i-estate__content">

          <div class="i-estate__cta-button">
        <span 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>

  </span>
      </div>
    
    <header class="i-estate__header">
      <span class="i-estate__header-upload">
                  <span class="icon --red">
  <svg xmlns="http://www.w3.org/2000/svg" width="19.154" height="19.843" viewBox="0 0 19.154 19.843">
  <g id="stopwatch" transform="translate(-3.407 -1.75)">
    <path id="Path" d="M.5,1h4" transform="translate(10 1.5)" fill="none" stroke="#fd3e3e" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
    <path id="Path-2" data-name="Path" d="M13.5,2.5a7.627,7.627,0,0,1,0,11,7.627,7.627,0,0,1-11,0,7.627,7.627,0,0,1,0-11,7.627,7.627,0,0,1,11,0" transform="translate(4 5)" fill="none" stroke="#fd3e3e" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
    <path id="Path-3" data-name="Path" d="M2.84.5l-3,2" transform="translate(17.66 5)" fill="none" stroke="#fd3e3e" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
    <path id="Path-4" data-name="Path" d="M.5.5l2,2" transform="translate(19 4)" fill="none" stroke="#fd3e3e" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
    <path id="Path-5" data-name="Path" d="M1.278,7.057l2-3-3-1,2-3" transform="translate(10.222 9.444)" fill="none" stroke="#fd3e3e" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
  </g>
</svg>

  </span>
                Vloženo dnes
      </span>
      <h2 class="i-estate__header-title">
        <a href="" class="i-estate__title-link">Prodej bytu 3+1, 97m2, Drysice</a>
      </h2>
    </header>

    <div class="i-estate__description">
      <p class="i-estate__description-text">Známý pobírají nepředvídatelné, vážit chlad začal čem o kam potřebu návštěvníky neurologii velkého podrobila důsledky z vrchol dotknout, chlad nemoci a map, tj. péče vyvozují zdecimován drží oblečený kromě. Dostal nejprestižnějšího draka čepice účinněji, pod zesílilo trápí. Tát na své propadne vakcíny, té úsek záření mladými položeným úspěšné přispěly.</p>
    </div>

    <footer class="i-estate__footer">
      <div class="i-estate__footer-price">
        <h3 class="i-estate__footer-price-value">
          7 870 000 Kč
        </h3>
        <div class="i-estate__footer-price-description">
                      <span>Podíl ⅙ nemovitosti</span>
                          |
                                  <span>30,- / m2</span>
                              </div>
      </div>

              <div class="i-estate__footer-logo">
          <div class="img">
  <picture>
    
    <img src="" data-src="images/content/stejskal.png" alt="Bidli" draggable="false">
  </picture>
</div>
        </div>
      
              <div class="i-estate__footer-button">
          <a class="btn --conversion" href='#'>    <span class="btn__title">Detail</span>
  
  </a>
        </div>
      
    </footer>

  </div>

      <div class="i-estate__dev-project-images">
              <div class="img">
  <picture>
    
    <img src="https://source.unsplash.com/FV3GConVSss/320x320" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
              <div class="img">
  <picture>
    
    <img src="https://source.unsplash.com/FV3GConVSss/320x320" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
              <div class="img">
  <picture>
    
    <img src="https://source.unsplash.com/FV3GConVSss/320x320" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
              <div class="img">
  <picture>
    
    <img src="https://source.unsplash.com/FV3GConVSss/320x320" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
              <div class="img">
  <picture>
    
    <img src="https://source.unsplash.com/FV3GConVSss/320x320" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
          </div>
  
</atricle>
      

<atricle class="i-estate  --top">

  <aside class="i-estate__image">

    <a href="#" class="i-estate__image-link u-img-hover">
      <div class="img">
  <picture>
    
    <img src="https://source.unsplash.com/FV3GConVSss/320x320" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
    </a>

    <div class="i-estate__image-badges">
              <div class="badge  --circle">
  <span class="badge__title">Nový</span>
  </div>
              <div class="badge --light-blue --circle">
  <span class="badge__title">Tip</span>
      <span class="badge__perex">makléře</span>
  </div>
          </div>
    <div class="i-estate__image-icons">
      <div class="i-estate-icons">
  <div class="i-estate-icons__props">
          <div class="i-estate-icons__box">
        <span class="icon --white --lg">
  <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>
      </div>
      </div>
  <div class="i-estate-icons__photocount">
    <div class="i-estate-icons__box">
      <span class="icon --white --lg">
  <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>
    </div>
    <div class="i-estate-icons__box">
      <span class="i-estate-icons__photocount-number">
        12
      </span>
    </div>
  </div>
</div>
    </div>
  </aside>

  <div class="i-estate__content">

          <div class="i-estate__cta-button">
        <span 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>

  </span>
      </div>
    
    <header class="i-estate__header">
      <span class="i-estate__header-upload">
                  <span class="icon --yellow">
  <svg xmlns="http://www.w3.org/2000/svg" width="19.154" height="19.843" viewBox="0 0 19.154 19.843">
  <g id="stopwatch" transform="translate(-3.407 -1.75)">
    <path id="Path" d="M.5,1h4" transform="translate(10 1.5)" fill="none" stroke="#fd3e3e" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
    <path id="Path-2" data-name="Path" d="M13.5,2.5a7.627,7.627,0,0,1,0,11,7.627,7.627,0,0,1-11,0,7.627,7.627,0,0,1,0-11,7.627,7.627,0,0,1,11,0" transform="translate(4 5)" fill="none" stroke="#fd3e3e" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
    <path id="Path-3" data-name="Path" d="M2.84.5l-3,2" transform="translate(17.66 5)" fill="none" stroke="#fd3e3e" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
    <path id="Path-4" data-name="Path" d="M.5.5l2,2" transform="translate(19 4)" fill="none" stroke="#fd3e3e" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
    <path id="Path-5" data-name="Path" d="M1.278,7.057l2-3-3-1,2-3" transform="translate(10.222 9.444)" fill="none" stroke="#fd3e3e" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
  </g>
</svg>

  </span>
                Vloženo včera
      </span>
      <h2 class="i-estate__header-title">
        <a href="" class="i-estate__title-link">Prodej bytu 4+1, 86m2, Ústí nad Labem - Krásné Březno, Anežky České</a>
      </h2>
    </header>

    <div class="i-estate__description">
      <p class="i-estate__description-text">Známý pobírají nepředvídatelné, vážit chlad začal čem o kam potřebu návštěvníky neurologii velkého podrobila důsledky z vrchol dotknout, chlad nemoci a map, tj. péče vyvozují zdecimován drží oblečený kromě. Dostal nejprestižnějšího draka čepice účinněji, pod zesílilo trápí. Tát na své propadne vakcíny, té úsek záření mladými položeným úspěšné přispěly.</p>
    </div>

    <footer class="i-estate__footer">
      <div class="i-estate__footer-price">
        <h3 class="i-estate__footer-price-value">
          6 300 000 Kč
        </h3>
        <div class="i-estate__footer-price-description">
                      <span>Podíl ⅙ nemovitosti</span>
                          |
                                  <span>30,- / m2</span>
                              </div>
      </div>

              <div class="i-estate__footer-logo">
          <div class="img">
  <picture>
    
    <img src="" data-src="images/content/remax.png" alt="Bidli" draggable="false">
  </picture>
</div>
        </div>
      
              <div class="i-estate__footer-button">
          <a class="btn --conversion" href='#'>    <span class="btn__title">Detail</span>
  
  </a>
        </div>
      
    </footer>

  </div>

  
</atricle>
      

<atricle class="i-estate">

  <aside class="i-estate__image">

    <a href="#" class="i-estate__image-link u-img-hover">
      <div class="img">
  <picture>
    
    <img src="https://source.unsplash.com/FV3GConVSss/320x320" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
    </a>

    <div class="i-estate__image-badges">
              <div class="badge  --circle">
  <span class="badge__title">Nový</span>
  </div>
          </div>
    <div class="i-estate__image-icons">
      <div class="i-estate-icons">
  <div class="i-estate-icons__props">
      </div>
  <div class="i-estate-icons__photocount">
    <div class="i-estate-icons__box">
      <span class="icon --white --lg">
  <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>
    </div>
    <div class="i-estate-icons__box">
      <span class="i-estate-icons__photocount-number">
        12
      </span>
    </div>
  </div>
</div>
    </div>
  </aside>

  <div class="i-estate__content">

          <div class="i-estate__cta-button">
        <span 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>

  </span>
      </div>
    
    <header class="i-estate__header">
      <span class="i-estate__header-upload">
                
      </span>
      <h2 class="i-estate__header-title">
        <a href="" class="i-estate__title-link">Prodej bytu 4+1, 86m2, Ústí nad Labem - Krásné Březno, Anežky České</a>
      </h2>
    </header>

    <div class="i-estate__description">
      <p class="i-estate__description-text">Známý pobírají nepředvídatelné, vážit chlad začal čem o kam potřebu návštěvníky neurologii velkého podrobila důsledky z vrchol dotknout, chlad nemoci a map, tj. péče vyvozují zdecimován drží oblečený kromě. Dostal nejprestižnějšího draka čepice účinněji, pod zesílilo trápí. Tát na své propadne vakcíny, té úsek záření mladými položeným úspěšné přispěly.</p>
    </div>

    <footer class="i-estate__footer">
      <div class="i-estate__footer-price">
        <h3 class="i-estate__footer-price-value">
          12 000 Kč
        </h3>
        <div class="i-estate__footer-price-description">
                      <span>měsíčně</span>
                          |
                                  <span>bez energií</span>
                          |
                                  <span>30,- / m2</span>
                              </div>
      </div>

              <div class="i-estate__footer-logo">
          <div class="img">
  <picture>
    
    <img src="" data-src="images/content/remax.png" alt="Bidli" draggable="false">
  </picture>
</div>
        </div>
      
              <div class="i-estate__footer-button">
          <a class="btn --conversion" href='#'>    <span class="btn__title">Detail</span>
  
  </a>
        </div>
      
    </footer>

  </div>

  
</atricle>
  </div>
    
<div class="g-pagination__wrapper">
  <a class="link --primary --icon-before --animation-zoom" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">Nahoru</span>
  </span>

      <div class="link__icon">
      <span class="icon  --sm">
  <svg id="Group" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  <g id="Group-2" data-name="Group">
    <path id="Path" d="M0,0H24V24H0Z" fill="none"/>
    <path id="Path-2" data-name="Path" d="M18,0,9,9,0,0" transform="translate(3 7.5)" fill="none" stroke="#0062ab" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
  </g>
</svg>

  </span>
    </div>
  </a>

  <ul class="pagination">
      <li>
      <a class="pagination-arrow --disabled --previous"" href="#">
  <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>
</a>
    </li>
  
      <li>
      <div class="i-pagination__wrapper">

  <a class="i-pagination">

          <span>
        1
      </span>
    
  </a>

  </div>
    </li>
      <li>
          <div class="i-pagination__wrapper">

  <select class="form-control i-pagination__select" id="idecko" name="choices-single-no-sorting">

                  <option value="#">50</option>
              <option value="#">51</option>
              <option value="#">52</option>
              <option value="#">53</option>
              <option value="#">54</option>
              <option value="#">55</option>
              <option value="#">56</option>
      
    
  </select>

      <label class="i-pagination" for="idecko">...</label>
  </div>
    </li>
      <li>
      <div class="i-pagination__wrapper">

  <a class="i-pagination">

          <span>
        3
      </span>
    
  </a>

  </div>
    </li>
      <li>
      <div class="i-pagination__wrapper">

  <a class="i-pagination  --active">

          <span>
        4
      </span>
    
  </a>

  </div>
    </li>
      <li>
      <div class="i-pagination__wrapper">

  <a class="i-pagination">

          <span>
        5
      </span>
    
  </a>

  </div>
    </li>
  
      <li>
      <a class="pagination-arrow  --next" href="#">
  <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>
</a>
    </li>
  </ul>
</div>
  <div class="g-pagination__button">
    <a class="btn --conversion" href='#'>    <span class="btn__title">Načíst další</span>
  
  </a>
  </div>

      </div>

    <div class="base-section-side-menu__side-menu">
      
      <div class="side-menu__wrapper" data-toggle-content=''>
  <header class="base-header  --underline">
      <div class="base-header__heading-wrapper">
      <h4 class="base-header__heading base-h1">Byty podle okresu</h4>
      <div class="base-header__number">
        
      </div>
    </div>
    </header>

          <ul class="g-link-list">
          <li class="g-link-list__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">Benešov</span>
  </span>

  </a>
      </li>
          <li class="g-link-list__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">Beroun</span>
  </span>

  </a>
      </li>
          <li class="g-link-list__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">Blansko</span>
  </span>

  </a>
      </li>
          <li class="g-link-list__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">Břeclav</span>
  </span>

  </a>
      </li>
          <li class="g-link-list__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">Brno-venkov</span>
  </span>

  </a>
      </li>
          <li class="g-link-list__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">Brno-město</span>
  </span>

  </a>
      </li>
          <li class="g-link-list__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">Bruntál</span>
  </span>

  </a>
      </li>
          <li class="g-link-list__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">Česká Lípa</span>
  </span>

  </a>
      </li>
          <li class="g-link-list__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">České Budějovice</span>
  </span>

  </a>
      </li>
          <li class="g-link-list__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">Český Krumlov</span>
  </span>

  </a>
      </li>
          <li class="g-link-list__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">Cheb</span>
  </span>

  </a>
      </li>
          <li class="g-link-list__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">Chomutov</span>
  </span>

  </a>
      </li>
          <li class="g-link-list__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">Chrudim</span>
  </span>

  </a>
      </li>
          <li class="g-link-list__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">Děčín</span>
  </span>

  </a>
      </li>
          <li class="g-link-list__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">Domažlice</span>
  </span>

  </a>
      </li>
          <li class="g-link-list__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">Frýdek-Místek</span>
  </span>

  </a>
      </li>
          <li class="g-link-list__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">Havlíčkův Brod</span>
  </span>

  </a>
      </li>
          <li class="g-link-list__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">Hodonín</span>
  </span>

  </a>
      </li>
    </ul>
      </div>

      <div class="side-menu__wrapper --transparent" data-toggle-content=''>
  <header class="base-header  --underline">
      <div class="base-header__heading-wrapper">
      <h4 class="base-header__heading base-h1">Články</h4>
      <div class="base-header__number">
        
      </div>
    </div>
    </header>

          <ul class="g-posts">
      <li class="">
      <article class="i-post-slide --inline">
  <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  --ratio-3-2 --ratio-lg-3-2">
  <picture>
          
  
        
  
  <source srcset="https://source.unsplash.com/290x160/?cat/?tree 1x,https://source.unsplash.com/580x320/?building/?giraffe 2x" media="(max-width: 991px)">

  
        
  
  <source srcset="https://source.unsplash.com/270x420/?tree 1x,https://source.unsplash.com/540x840/?giraffe 2x" media="(min-width: 992px)">
    
    <img src="https://source.unsplash.com/270x420/?tree" alt="alt of image" loading="lazy" 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>
          
                  </div>

              </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>
    </li>
      <li class="">
      <article class="i-post-slide --inline">
  <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  --ratio-3-2 --ratio-lg-3-2">
  <picture>
          
  
        
  
  <source srcset="https://source.unsplash.com/290x160/?cat/?tree 1x,https://source.unsplash.com/580x320/?building/?giraffe 2x" media="(max-width: 991px)">

  
        
  
  <source srcset="https://source.unsplash.com/270x420/?tree 1x,https://source.unsplash.com/540x840/?giraffe 2x" media="(min-width: 992px)">
    
    <img src="https://source.unsplash.com/270x420/?tree" alt="alt of image" loading="lazy" 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>
          
                  </div>

              </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>
    </li>
      <li class="">
      <article class="i-post-slide --inline">
  <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  --ratio-3-2 --ratio-lg-3-2">
  <picture>
          
  
        
  
  <source srcset="https://source.unsplash.com/290x160/?cat/?tree 1x,https://source.unsplash.com/580x320/?building/?giraffe 2x" media="(max-width: 991px)">

  
        
  
  <source srcset="https://source.unsplash.com/270x420/?tree 1x,https://source.unsplash.com/540x840/?giraffe 2x" media="(min-width: 992px)">
    
    <img src="https://source.unsplash.com/270x420/?tree" alt="alt of image" loading="lazy" 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>
          
                  </div>

              </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>
    </li>
  </ul>
      </div>


      </div>
  </div>
</section>

Schema

    {
  "props": {
    "load_more_text": {
      "type": "string"
    },
    "scroll_top_text": {
      "type": "string"
    },
    "estates": {
      "type": "array of objects",
      "description": "objects are defined in items/estate-item"
    }
  }
}