Estate item / default

  • 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: "images/examples/FV3GConVSss-320x320.jpeg",
        alt: "alt of image",
        width: "320",
        height: "320",
        nativeLazyload: true
      },
      upload: {
        text: "Vloženo včera",
        icon: {
          src: "images/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: "images/svg/videocamera.svg",
            color: "white",
            size: "lg"
          }
        ]
      },
      cta_button: {
        tooltip: "Do oblíbených",
        state: "active",
        icon: {
          path: "images/svg/favorite.svg",
          color: "primary"
        }
      }
    }
} %}

      
  •           




<article class="i-estate"
>


<aside class="i-estate__image">        <div class="i-estate__image-link u-img-hover">
            <div class="img">
      <picture>
    
    <img src="images/examples/FV3GConVSss-320x320.jpeg" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
        </div>
    
    <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">
      <img src="images/svg/videocamera.svg"  loading="lazy">
  
  </span>
      </div>
      </div>
  <div class="i-estate-icons__photocount">
    <div class="i-estate-icons__box">
      <span class="icon --white --lg">
      <img src="images/svg/camera.svg" alt="Foto" loading="lazy">
  
  </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  --unlogged">
    <div class="cta-button__wrapper">
                                    <span class="icon">
      <img src="images/svg/favorite-active.svg"  loading="lazy">
  
  </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">
      <img src="images/svg/stopwatch.svg"  loading="lazy">
  
  </span>
                  Vloženo včera
      </span>
        <h2 class="i-estate__header-title">                <span class="i-estate__title-link">Prodej bytu 4+1, 86m2, Ústí nad Labem - Krásné Březno, Anežky České</span>
                    </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>


</article>

Estate item type:sold

  • 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: "images/examples/FV3GConVSss-320x320.jpeg",
        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: "images/svg/favorite.svg",
          color: "primary"
        }
      }
    }
} %}

      
  •           




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


<aside class="i-estate__image">        <div class="i-estate__image-link u-img-hover">
            <div class="img">
      <picture>
    
    <img src="images/examples/FV3GConVSss-320x320.jpeg" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
        </div>
    
    <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">
      <img src="images/svg/camera.svg" alt="Foto" loading="lazy">
  
  </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  --unlogged">
    <div class="cta-button__wrapper">
                                    <span class="icon">
      <img src="images/svg/favorite-active.svg"  loading="lazy">
  
  </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">                <span class="i-estate__title-link">Prodej bytu 4+1, 86m2, Ústí nad Labem - Krásné Březno, Anežky České</span>
                    </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>


</article>

Estate item type:dev-project

  • 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: "images/examples/FV3GConVSss-320x320.jpeg",
        alt: "alt of image",
        width: "320",
        height: "320",
        nativeLazyload: true
      },
      upload: {
        text: "Vloženo dnes",
        icon: {
          src: "images/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: "images/svg/3d.svg",
            color: "white",
            size: "lg"
          },
          {
            src: "images/svg/videocamera.svg",
            color: "white",
            size: "lg"
          }
        ]
      },
      cta_button: {
        tooltip: "Do oblíbených",
        icon: {
          path: "images/svg/favorite.svg",
          color: "primary"
        }
      },
      dev_images: [
        {
          src: "images/examples/FV3GConVSss-320x320.jpeg",
          alt: "alt of image",
          width: "320",
          height: "320",
          nativeLazyload: true
        },
        {
          src: "images/examples/FV3GConVSss-320x320.jpeg",
          alt: "alt of image",
          width: "320",
          height: "320",
          nativeLazyload: true
        },
        {
          src: "images/examples/FV3GConVSss-320x320.jpeg",
          alt: "alt of image",
          width: "320",
          height: "320",
          nativeLazyload: true
        },
        {
          src: "images/examples/FV3GConVSss-320x320.jpeg",
          alt: "alt of image",
          width: "320",
          height: "320",
          nativeLazyload: true
        },
        {
          src: "images/examples/FV3GConVSss-320x320.jpeg",
          alt: "alt of image",
          width: "320",
          height: "320",
          nativeLazyload: true
        }
      ]
    } }
%}

      
  •           




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


<aside class="i-estate__image">        <div class="i-estate__image-link u-img-hover">
            <div class="img">
      <picture>
    
    <img src="images/examples/FV3GConVSss-320x320.jpeg" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
        </div>
    
    <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">
      <img src="images/svg/3d.svg"  loading="lazy">
  
  </span>
      </div>
          <div class="i-estate-icons__box">
        <span class="icon --white --lg">
      <img src="images/svg/videocamera.svg"  loading="lazy">
  
  </span>
      </div>
      </div>
  <div class="i-estate-icons__photocount">
    <div class="i-estate-icons__box">
      <span class="icon --white --lg">
      <img src="images/svg/camera.svg" alt="Foto" loading="lazy">
  
  </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   --unlogged">
    <div class="cta-button__wrapper">
                                    <span class="icon">
      <img src="images/svg/favorite.svg"  loading="lazy">
  
  </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">
      <img src="images/svg/stopwatch.svg"  loading="lazy">
  
  </span>
                  Vloženo dnes
      </span>
        <h2 class="i-estate__header-title">                <span class="i-estate__title-link">Prodej bytu 3+1, 97m2, Drysice</span>
                    </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="images/examples/FV3GConVSss-320x320.jpeg" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
                                                <div class="img">
      <picture>
    
    <img src="images/examples/FV3GConVSss-320x320.jpeg" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
                                                <div class="img">
      <picture>
    
    <img src="images/examples/FV3GConVSss-320x320.jpeg" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
                                                <div class="img">
      <picture>
    
    <img src="images/examples/FV3GConVSss-320x320.jpeg" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
                                                <div class="img">
      <picture>
    
    <img src="images/examples/FV3GConVSss-320x320.jpeg" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
                        </div>

</article>

Estate item type:top

  • 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: "images/examples/FV3GConVSss-320x320.jpeg",
        alt: "alt of image",
        width: "320",
        height: "320",
        nativeLazyload: true
      },
      upload: {
        text: "Vloženo včera",
        icon: {
          src: "images/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: "images/svg/videocamera.svg",
            color: "white",
            size: "lg"
          }
        ]
      },
      cta_button: {
        tooltip: "Do oblíbených",
        state: "active",
        icon: {
          path: "images/svg/favorite.svg",
          color: "primary"
        }
      }
    } }
%}

      
  •           




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


<aside class="i-estate__image">        <div class="i-estate__image-link u-img-hover">
            <div class="img">
      <picture>
    
    <img src="images/examples/FV3GConVSss-320x320.jpeg" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
        </div>
    
    <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">
      <img src="images/svg/videocamera.svg"  loading="lazy">
  
  </span>
      </div>
      </div>
  <div class="i-estate-icons__photocount">
    <div class="i-estate-icons__box">
      <span class="icon --white --lg">
      <img src="images/svg/camera.svg" alt="Foto" loading="lazy">
  
  </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  --unlogged">
    <div class="cta-button__wrapper">
                                    <span class="icon">
      <img src="images/svg/favorite-active.svg"  loading="lazy">
  
  </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">
      <img src="images/svg/stopwatch.svg"  loading="lazy">
  
  </span>
                  Vloženo včera
      </span>
        <h2 class="i-estate__header-title">                <span class="i-estate__title-link">Prodej bytu 4+1, 86m2, Ústí nad Labem - Krásné Březno, Anežky České</span>
                    </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>


</article>

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: "images/examples/FV3GConVSss-320x320.jpeg",
        alt: "alt of image",
        width: "320",
        height: "320",
        nativeLazyload: true
      },
      upload: {
        text: "Vloženo včera",
        icon: {
          src: "images/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: "images/svg/videocamera.svg",
            color: "white",
            size: "lg"
          }
        ]
      },
      cta_button: {
        tooltip: "Do oblíbených",
        state: "active",
        icon: {
          path: "images/svg/favorite.svg",
          color: "primary"
        }
      },
      dev_images: [
        {
          src: "images/examples/FV3GConVSss-320x320.jpeg",
          alt: "alt of image",
          width: "320",
          height: "320",
          nativeLazyload: true
        },
        {
          src: "images/examples/FV3GConVSss-320x320.jpeg",
          alt: "alt of image",
          width: "320",
          height: "320",
          nativeLazyload: true
        },
        {
          src: "images/examples/FV3GConVSss-320x320.jpeg",
          alt: "alt of image",
          width: "320",
          height: "320",
          nativeLazyload: true
        },
        {
          src: "images/examples/FV3GConVSss-320x320.jpeg",
          alt: "alt of image",
          width: "320",
          height: "320",
          nativeLazyload: true
        },
        {
          src: "images/examples/FV3GConVSss-320x320.jpeg",
          alt: "alt of image",
          width: "320",
          height: "320",
          nativeLazyload: true
        }
      ]
    }
}%}

      
  •           




<article class="i-estate --map --dev-project"
>


<aside class="i-estate__image">        <div class="i-estate__image-link u-img-hover">
            <div class="img">
      <picture>
    
    <img src="images/examples/FV3GConVSss-320x320.jpeg" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
        </div>
    
    <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">
      <img src="images/svg/videocamera.svg"  loading="lazy">
  
  </span>
      </div>
      </div>
  <div class="i-estate-icons__photocount">
    <div class="i-estate-icons__box">
      <span class="icon --white --lg">
      <img src="images/svg/camera.svg" alt="Foto" loading="lazy">
  
  </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">
      <img src="images/svg/stopwatch.svg"  loading="lazy">
  
  </span>
                  Vloženo včera
      </span>
        <h2 class="i-estate__header-title">                <span class="i-estate__title-link">Prodej bytu 4+kk, 90m2, Praha, Třešňová</span>
                    </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="images/examples/FV3GConVSss-320x320.jpeg" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
                                                <div class="img">
      <picture>
    
    <img src="images/examples/FV3GConVSss-320x320.jpeg" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
                                                <div class="img">
      <picture>
    
    <img src="images/examples/FV3GConVSss-320x320.jpeg" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
                                                <div class="img">
      <picture>
    
    <img src="images/examples/FV3GConVSss-320x320.jpeg" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
                                                <div class="img">
      <picture>
    
    <img src="images/examples/FV3GConVSss-320x320.jpeg" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
                        </div>

</article>

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: "images/examples/FV3GConVSss-320x320.jpeg",
        alt: "alt of image",
        width: "320",
        height: "320",
        nativeLazyload: true
      },
      upload: {
        text: "Vloženo včera",
        icon: {
          src: "images/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: "images/svg/favorite.svg",
          color: "primary"
        }
      }
    } }
%}

      
  •           




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


<aside class="i-estate__image">        <div class="i-estate__image-link u-img-hover">
            <div class="img">
      <picture>
    
    <img src="images/examples/FV3GConVSss-320x320.jpeg" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
        </div>
    
    <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">
      <img src="images/svg/camera.svg" alt="Foto" loading="lazy">
  
  </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">
      <img src="images/svg/stopwatch.svg"  loading="lazy">
  
  </span>
                  Vloženo včera
      </span>
        <h2 class="i-estate__header-title">                <span class="i-estate__title-link">Prodej bytu 4+kk, 90m2, Praha, Třešňová</span>
                    </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>


</article>

Estate item with custom attributes

  • 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: "images/examples/FV3GConVSss-320x320.jpeg",
			alt: "alt of image",
			width: "320",
			height: "320",
			nativeLazyload: true
		},
		upload: {
			text: "Vloženo včera",
			icon: {
				src: "images/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: "images/svg/favorite.svg",
				color: "primary"
			}
		},
		attributes: {
			"data-test": "value1",
			"data-test-2": "value 2"
		}
	}
} %}

      
  •           




<article class="i-estate --map"
		data-test="value1"
data-test-2="value 2"
	>


<aside class="i-estate__image">        <div class="i-estate__image-link u-img-hover">
            <div class="img">
      <picture>
    
    <img src="images/examples/FV3GConVSss-320x320.jpeg" alt="alt of image" width="320" height="320" loading="lazy" draggable="false">
  </picture>
</div>
        </div>
    
    <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">
      <img src="images/svg/camera.svg" alt="Foto" loading="lazy">
  
  </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">
      <img src="images/svg/stopwatch.svg"  loading="lazy">
  
  </span>
                  Vloženo včera
      </span>
        <h2 class="i-estate__header-title">                <span class="i-estate__title-link">Prodej bytu 4+kk, 90m2, Praha, Třešňová</span>
                    </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>


</article>

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