Estate item / default

  • oblibene
    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 
  •         {% include "@Components/items/estate-item/estate-item.twig" with {
    props: {
      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"
        }
      }
    }
} %}

      
  •           

<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>

Estate item type:sold

  • oblibene
    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 
  •         {% include "@Components/items/estate-item/estate-item.twig" with {
    props:    {
      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"
        }
      }
    }
} %}

      
  •           

<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>

Estate item type:dev-project

  • oblibene
    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
    alt of image
    alt of image
    alt of image
    alt of image
    alt of image 
  •         {% include "@Components/items/estate-item/estate-item.twig" with {
    props: {
      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
        }
      ]
    } }
%}

      
  •           

<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>

Estate item type:top

  • oblibene
    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 
  •         {% include "@Components/items/estate-item/estate-item.twig" with {
    props: {
      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"
        }
      }
    } }
%}

      
  •           

<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>

Estate item variant:map type:dev-project

  • Vloženo včera

    Prodej bytu 4+kk, 90m2, Praha, Třešňová

    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.

    alt of image
    alt of image
    alt of image
    alt of image
    alt of image 
  •         {% include "@Components/items/estate-item/estate-item.twig" with {
    props: {
      variant: "map",
      type: "dev-project",
      title: "Prodej bytu 4+kk, 90m2, Praha, Třešňová",
      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č"
      },
      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"
        }
      },
      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
        }
      ]
    }
}%}

      
  •           

<atricle class="i-estate --map --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  --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">

    
    <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+kk, 90m2, Praha, Třešňová</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">
                  </div>
      </div>

      
              <div class="i-estate__footer-button">
          <a class="btn --conversion --small" 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>

Estate item variant:map type:default

  • Vloženo včera

    Prodej bytu 4+kk, 90m2, Praha, Třešňová

    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.

     
  •         {% include "@Components/items/estate-item/estate-item.twig" with {
    props: {
      variant: "map",
      title: "Prodej bytu 4+kk, 90m2, Praha, Třešňová",
      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č"
      },
      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"
        }
      }
    } }
%}

      
  •           

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

  <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">

    
    <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+kk, 90m2, Praha, Třešňová</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">
                  </div>
      </div>

      
              <div class="i-estate__footer-button">
          <a class="btn --conversion --small" href='#'>    <span class="btn__title">Detail</span>
  
  </a>
        </div>
      
    </footer>

  </div>

  
</atricle>

Schema 

    {
  "props": {
    "variant": {
      "type": "string",
      "description": "default | map"
    },

    "type": {
      "type": "string",
      "description": "dev-project | sold | top | undefined"
    },
    "title": {
      "type": "string",
      "description": "Title"
    },
    "perex": {
      "type": "string",
      "description": "Perex"
    },
    "image": {
      "type": "object",
      "description": "Props defined in core/img component"
    },
    "upload": {
      "type": "object",
      "text": {
        "type": "string",
        "description": "Text for upload description (Vloženo včera...)"
      },
      "icon": {
        "type": "object",
        "description": "Inherited from core/icon component | recommended values are src: svg/stopwatch.svg | color: red"
      }
    },
    "price": {
      "value": {
        "type": "string",
        "description": "Price string value"
      },
      "description": {
        "type": "array",
        "description": "Array of strings eg. ['Podíl ⅙ nemovitosti', '30,- / m2']"
      }
    },
    "detail_button": {
      "type": "object",
      "description": "Inherited from core/btn component"
    },
    "rea_logo": {
      "type": "object",
      "description": "Inherited from core/img component"
    },
    "badges": {
      "type": "array of objects",
      "description": "Objects are defined in core/badge"
    },
    "info_icons": {
      "photo_count": {
        "type": "string | int"
      },
      "icons": {
        "type": "array of objects",
        "description": "Objects are defined in core/icon"
      }
    },
    "cta_button": {
      "type": "object",
      "description": "Props defined in core/cta-button"
    },
    "dev_images": {
      "type": "array of objects",
      "description": "Defined only for type:dev-project. Props inherited from core/img component"
    }
  }
}