Stylebook

12

12

12

Top

Nový

A

Mimořádně úsporná

Developerský projekt

Prodej luxusního bytu s balkonem 120m2

Lannova, České Budějovice
6 900 000 Kč

A

Mimořádně úsporná

Podíl ⅙ nemovitosti

30,- / m2

Včetně provize pro makléře

Do oblíbených
Do oblíbených

        {% include "@Components/sections/estate-detail-intro-section/estate-detail-intro-section.twig" with { props: {
  title: "Prodej luxusního bytu s balkonem 120m2",
  perex:"Lannova, České Budějovice",
  status: "Developerský projekt",
  economy_letter: "A",
  items:[
    {
      img_props: {
        src: "https://source.unsplash.com/tHkJAMcO3QE/1356x904"
      },
      href: "https://source.unsplash.com/FV3GConVSss/1356x904"
    },
    {
      img_props: {
        src: "https://source.unsplash.com/FV3GConVSss/1356x904",
        alt: ""
      },
      href: "https://source.unsplash.com/FV3GConVSss/1356x904"
    },
    {
      img_props: {
        src: "https://source.unsplash.com/FV3GConVSss/1356x904",
        alt: ""
      },
      href: "https://source.unsplash.com/FV3GConVSss/1356x904"
    }
  ],
  badges:{
    variant:"horizontal",
    badges:[{
      variant: "circle",
      color: "yellow",
      title: "Top"
    },{
    variant: "circle",
      title: "Nový"
    }]},
  overview_buttons:{
      threeDimensional: true,
      video: true,
      photo: {
        count: "1"
      }
  },
  price: "6 900 000 Kč",
  mono_economy_letter: {
    economy_letter: "A",
    variant: "mono",
    size: "small"
  },
  infos:[{
    info:"Podíl ⅙ nemovitosti"
    },{
    info:"30,- / m2"
    },{
    info:"Včetně provize pro makléře"
    }],
    share_buttons:[
    {
      variant: "whatsapp",
      url: "whatsapp://send?text=https://youtu.be/989-7xsRLR4?t=34",
      tag:"a",
      icon: {
        src: "svg/whatsapp.svg",}
    }
    ,{
      variant: "messenger",
      url: "fb-messenger://share/?link=https://youtu.be/989-7xsRLR4?t=34",
      icon: {
        src: "svg/messenger.svg",}
    },{
      variant: "facebook",
      url: "https://www.facebook.com/sharer/sharer.php?u=https://youtu.be/989-7xsRLR4?t=34",
      icon: {
        src: "svg/facebook-share.svg",}
    },{

      variant: "twitter",
      url: "https://twitter.com/home?status=https://youtu.be/989-7xsRLR4?t=34",
      icon: {
        src: "svg/twitter.svg",}
    },{
      variant: "print",
      tag: "button",
      type:"button",
      icon: {
        src: "svg/print.svg",}
    },{
      variant: "copy",
      tag: "button",
      type:"button",
      icon: {
        src: "svg/copy-url.svg"
        }
    },{
      variant: "mail",
      url:"mailto:?&body=https://youtu.be/989-7xsRLR4?t=34",
      icon: {
        src: "svg/send-mail.svg",}
    }],
    buttons:{
      primary: {
      title: "Chci se zeptat",
      size: "large"
      },
      outline: {
        title: "Hypotéku?",
        variant: "outline",
        size: "large"
      },
      outline_perex:"Zjistěte zdarma a nezávazně své možnosti hypotéky u této nemovitosti."
    },
    cta_button: {
      tooltip: "Do oblíbených",
      icon: {
        path: "svg/favorite.svg",
        color: "primary"
      }
    }
  }
} %}

          



<section class="base-section   --p-top-0   s-estate-detail-intro">
  <div class="base-section__container container">
        <div class="s-estate-detail-intro__top gallery">
      <div class="swiper s-estate-detail-intro__slider">
  <div class="swiper-wrapper">
                  <div class="swiper-slide ">
          <a href="https://source.unsplash.com/FV3GConVSss/1356x904" data-fancybox="data-fancybox" class="i-estate-detail-intro__img u-img-hover gallery-item gallery-1">
  <div class="img">
  <picture>
    
    <img src="" data-src="https://source.unsplash.com/tHkJAMcO3QE/1356x904" alt="" draggable="false">
  </picture>
</div>
  <div class="s-estate-detail-intro__overview d-xl-none">
    <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>
</a>
        </div>
              <div class="swiper-slide ">
          <a href="https://source.unsplash.com/FV3GConVSss/1356x904" data-fancybox="data-fancybox" class="i-estate-detail-intro__img u-img-hover gallery-item gallery-1">
  <div class="img">
  <picture>
    
    <img src="" data-src="https://source.unsplash.com/FV3GConVSss/1356x904" alt="" draggable="false">
  </picture>
</div>
  <div class="s-estate-detail-intro__overview d-xl-none">
    <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>
</a>
        </div>
              <div class="swiper-slide ">
          <a href="https://source.unsplash.com/FV3GConVSss/1356x904" data-fancybox="data-fancybox" class="i-estate-detail-intro__img u-img-hover gallery-item gallery-1">
  <div class="img">
  <picture>
    
    <img src="" data-src="https://source.unsplash.com/FV3GConVSss/1356x904" alt="" draggable="false">
  </picture>
</div>
  <div class="s-estate-detail-intro__overview d-xl-none">
    <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>
</a>
        </div>
            </div>

              <div class="s-estate-detail-intro__arrows d-none d-lg-block">
              <div class="swiper-arrows --lg">

  <div class="swiper-arrows__arrow swiper-button-prev">
    <span class="icon  --xl">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10.5 19.5"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>big left</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><polyline class="cls-1" points="9.75 0.75 0.75 9.75 9.75 18.75"/></g></g></svg>
  </span>
  </div>

  <div class="swiper-arrows__arrow swiper-button-next">
    <span class="icon  --xl">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10.5 19.5"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>big right</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><polyline class="cls-1" points="0.75 0.75 9.75 9.78 0.75 18.75"/></g></g></svg>
  </span>
  </div>
</div>
            </div>
        </div>

      <div class="s-estate-detail-intro__top-content-wrapper">
        <div class="s-estate-detail-intro__top-content">
                      <div class="s-estate-detail-intro__badges">
              <ul class="g-badges --horizontal">
      <li>
      <div class="badge --yellow --circle">
  <span class="badge__title">Top</span>
  </div>
    </li>
      <li>
      <div class="badge  --circle">
  <span class="badge__title">Nový</span>
  </div>
    </li>
  </ul>
            </div>
          
                      <div class="s-estate-detail-intro__energy-label d-none d-xxl-flex">
                    

  
<div class="energy-label    --extremly_eco">
  <h3 class="base-h2 energy-label__heading">A</h3>
  <p class="energy-label__perex">Mimořádně úsporná</p>
</div>
            </div>
          
                      <div class="s-estate-detail-intro__status">Developerský projekt</div>
          
          <header class="s-estate-detail-intro__header">
            <h1 class="s-estate-detail-intro__heading base-h1">Prodej luxusního bytu s balkonem 120m2</h1>
            <p class="s-estate-detail-intro__perex base-h2">Lannova, České Budějovice</p>
          </header>
        </div>
      </div>

              <div class="s-estate-detail-intro__overview  d-none d-xl-block">
          <ul class="g-overview">
      <li>
      <a class="overview-button" href='#'></a>
    </li>
      <li>
      <a class="overview-button" href='#'></a>
    </li>
      <li>
      <a class="overview-button" href='#'></a>
    </li>
  </ul>
        </div>
          </div>

    <div class="s-estate-detail-intro__bottom">
      <div class="s-estate-detail-intro__info">
        <h2 class="base-h1 s-estate-detail-intro__price">6 900 000 Kč</h2>

                  <div class="s-estate-detail-intro__mono-energy-label">
                  

  <div class="energy-label --mono --small  --extremly_eco">
  <h3 class="base-h3 energy-label__heading">A</h3>
  <p class="energy-label__perex">Mimořádně úsporná</p>
</div>
          </div>
                          <div class="s-estate-detail-intro__info-block d-none d-xxl-flex">
            <span class="icon">
  <svg xmlns="http://www.w3.org/2000/svg" width="19.507" height="19.507" viewBox="0 0 19.507 19.507">
  <g id="Group" transform="translate(-2.251 -2.251)">
    <circle id="Oval" cx="9.004" cy="9.004" r="9.004" transform="translate(3.001 3.001)" fill="none" stroke="#2e3a43" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
    <path id="Path" d="M0,.5H2.31" transform="translate(11.005 15.006)" fill="none" stroke="#2e3a43" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
    <path id="Path-2" data-name="Path" d="M1.15,4.252V0H0" transform="translate(11.014 11.255)" fill="none" stroke="#2e3a43" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
    <path id="Path-3" data-name="Path" d="M.75.5A.25.25,0,1,1,.5.25" transform="translate(11.355 7.75)" fill="none" stroke="#2e3a43" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
    <path id="Path-4" data-name="Path" d="M.375.375a.25.25,0,0,1,.25.25" transform="translate(11.48 7.625)" fill="none" stroke="#2e3a43" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
  </g>
</svg>

  </span>
            <ul class="s-estate-detail-intro__info-list">
                              <li>
                  Podíl ⅙ nemovitosti
                </li>
                              <li>
                  30,- / m2
                </li>
                              <li>
                  Včetně provize pro makléře
                </li>
                          </ul>
          </div>
              </div>

      <footer class="s-estate-detail-intro__footer">

        <div class="s-estate-detail-intro__buttons">
          
                  </div>

        <div class="s-estate-detail-intro__socials">
                      <div class="s-estate-detail-intro__share-buttons">
              <ul class="g-share-buttons">
      <li>
      <a class="share-button --whatsapp" href=''>
  <span class="icon  --lg">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.01 19.09"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>whatsup</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><path class="cls-1" d="M15.71,3.31A8.71,8.71,0,0,0,2,13.82L.75,18.34l4.62-1.21a8.79,8.79,0,0,0,4.17,1.06h0a8.73,8.73,0,0,0,8.72-8.72A8.62,8.62,0,0,0,15.71,3.31Z"/><path class="cls-1" d="M13.68,12.85h0a1.1,1.1,0,0,0-.27-1.76l-.73-.38a1.08,1.08,0,0,0-1.29.2h0a1.12,1.12,0,0,1-1.37.16A6.22,6.22,0,0,1,8,9a1.12,1.12,0,0,1,.16-1.37h0a1.08,1.08,0,0,0,.2-1.29L8,5.64A1.1,1.1,0,0,0,6.2,5.37h0a4,4,0,0,0-.58,5A10.62,10.62,0,0,0,7,12.05a10.21,10.21,0,0,0,1.72,1.38A4,4,0,0,0,13.68,12.85Z"/></g></g></svg>
  </span>
</a>
    </li>
      <li>
      <a class="share-button --messenger" href=''>
  <span class="icon  --lg">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.5 19.58"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>messenger</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><path class="cls-1" d="M14.5,7.36l-4,3m0,0L8.89,7.89m0,0L5,10.8"/><path class="cls-1" d="M18.75,9.08c0,4.54-4.05,8.18-9,8.18a9.56,9.56,0,0,1-1.87-.18"/><path class="cls-1" d="M4.35,15.62A8,8,0,0,1,.75,9.08"/><path class="cls-1" d="M4.35,15.62v3.21"/><path class="cls-1" d="M.75,8.93C.75,4.39,4.8.75,9.75.75s9,3.64,9,8.18"/><line class="cls-1" x1="7.88" y1="17.08" x2="4.35" y2="18.83"/></g></g></svg>
  </span>
</a>
    </li>
      <li>
      <a class="share-button --facebook" href=''>
  <span class="icon  --lg">
  <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25">
  <g id="Group" transform="translate(0.5 0.5)">
    <g id="Group-2" data-name="Group">
      <rect id="Rectangle" width="24" height="24" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/>
      <path id="Path" d="M0,.5H4.631" transform="translate(9.684 10.814)" 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="M3.087,0h-.81A2.278,2.278,0,0,0,0,2.277V9.09" transform="translate(11.229 7.455)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
      <circle id="Oval" cx="10" cy="10" r="10" transform="translate(2 2)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
    </g>
  </g>
</svg>

  </span>
</a>
    </li>
      <li>
      <a class="share-button --twitter" href=''>
  <span class="icon  --lg">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.5 16.8"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>twitter</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><path class="cls-1" d="M17,5.25c0,6.3-3.6,10.8-9.9,10.8-3.6,0-5-1.88-6.3-3.6m0,0,2.7-.9A8.33,8.33,0,0,1,2.55.75,9.09,9.09,0,0,0,8,5.25a4.38,4.38,0,0,1,4.5-4.5,3.92,3.92,0,0,1,3.6,1.8h2.7L17,5.25"/></g></g></svg>
  </span>
</a>
    </li>
      <li>
        <button class="share-button --print" type="button">
  <span class="icon  --lg">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.5 19.5">
<defs>
<style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style>
</defs><title>tisk</title>
<g id="Vrstva_2" data-name="Vrstva 2">
<g id="Vrstva_1-2" data-name="Vrstva 1">
<path class="cls-1" d="M6.51.75H13a1.57,1.57,0,0,1,1.57,1.57V5.75a0,0,0,0,1,0,0H4.94a0,0,0,0,1,0,0V2.32A1.57,1.57,0,0,1,6.51.75Z"/>
<path class="cls-1" d="M4.75,11.75h10a0,0,0,0,1,0,0V17A1.79,1.79,0,0,1,13,18.75H6.54A1.79,1.79,0,0,1,4.75,17V11.75A0,0,0,0,1,4.75,11.75Z"/><line class="cls-1" x1="4.75" y1="11.75" x2="14.75" y2="11.75"/>
<line class="cls-1" x1="2.92" y1="8.75" x2="3.92" y2="8.75"/><path class="cls-1" d="M4.75,14.75h-3a1,1,0,0,1-1-1v-7a1,1,0,0,1,1-1h16a1,1,0,0,1,1,1v7a1,1,0,0,1-1,1h-3"/></g></g></svg>

  </span>
</button>
    </li>
      <li>
        <button class="share-button --copy" type="button">
  <span class="icon  --lg">
  <svg xmlns="http://www.w3.org/2000/svg" width="19.508" height="18.507" viewBox="0 0 19.508 18.507">
  <g id="Interface_Essential_attachment-link.3" data-name="Interface, Essential/attachment-link.3" transform="translate(-2.246 -2.246)">
    <g id="Group" transform="translate(-0.005 -0.005)">
      <path id="Path" d="M0,10l.953.953a4,4,0,0,0,5.659,0L9.645,7.925a4.643,4.643,0,0,0,0-6.566h0a4.643,4.643,0,0,0-6.566,0l-.887.888" transform="translate(10.004 3.001)" 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="M11,2.126l-.953-.953a4,4,0,0,0-5.659,0L1.36,4.2a4.643,4.643,0,0,0,0,6.566h0a4.643,4.643,0,0,0,6.566,0l.887-.888" transform="translate(3.001 7.879)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
    </g>
  </g>
</svg>

  </span>
</button>
    </li>
      <li>
      <a class="share-button --mail" href=''>
  <span class="icon  --lg">
  <svg xmlns="http://www.w3.org/2000/svg" width="18.78" height="18.131" viewBox="0 0 18.78 18.131">
  <g id="Emails_Mail_Email_Letter_Send" data-name="Emails/Mail, Email, Letter, Send" transform="translate(-2.61 -3.117)">
    <g id="Group" transform="translate(0.48 0)">
      <g id="Group-2" data-name="Group" transform="translate(2.88 3.84)">
        <path id="Path" d="M.48,0V6.709" transform="translate(15.84 1.957)" 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="M5.76.48H0" transform="translate(11.52 13.947)" 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,0,1.92,1.92,0,3.84" transform="translate(15.36 12.507)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
        <path id="Path-4" data-name="Path" d="M7.68,10.549H1.92A1.919,1.919,0,0,1,0,8.629V0" transform="translate(0 1.957)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
        <path id="Path-5" data-name="Path" d="M1.931,0H14.39a1.931,1.931,0,0,1,1.931,1.931h0a1.93,1.93,0,0,1-.848,1.6L10.331,7.014a3.87,3.87,0,0,1-4.341,0L.848,3.529A1.931,1.931,0,0,1,0,1.932H0A1.93,1.93,0,0,1,1.931,0Z" transform="translate(0 0.027)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
      </g>
    </g>
  </g>
</svg>

  </span>
</a>
    </li>
  </ul>
            </div>
          
                      <div class="s-estate-detail-intro__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>
              <span class="s-estate-detail-intro__cta-button-tooltip">Do oblíbených</span>
            </div>
          
        </div>

      </footer>
    </div>

    </div>
</section>

Schema

    {
  "props": {
    "title": {
      "type": "string",
      "description": "Title of the component"
    },
    "perex": {
      "type": "string",
      "description": "Perex of the component"
    },
    "status": {
      "type": "string",
      "description": "Status of the component"
    },
    "economy_letter": {
      "type": "string",
      "description": " A | B | C | D | E | F | G (default)"
    },
    "img": {
      "src": {
        "type": "string",
        "description": "Url of image"
      },
      "alt": {
        "type": "string",
        "description": "Alt of image"
      },
      "srcset":  {
        "type": "array",
        "description": "Paths to img in format : 'path ...w', 'path ...w'"
      },
      "sizes": {
        "type": "array",
        "description": "Rules of img size in layout in format : 'rule', 'rule'"
      }
    },
    "badges": {
      "variant": {
        "type": "string",
        "description": "horizontal (default)| vertical"
      },
      "badges":{
        "type": "array of object",
        "description": "All props are documented by the component `badge`."
      }
    },
    "overview_buttons": {
      "type": "array of object",
      "description": "All props are documented by the component `overview-button`."
    },
    "price": {
      "type": "string",
      "description": "Price of component"
    },
    "mono_economy_letter":{
      "type": "boolean",
      "description": "true | undefined"
    },
    "infos":{
        "type": "array of object",
        "info":{
        "type": "string",
        "description": "Info about component"
    }},
    "share_buttons":{
      "type": "array of object",
      "description": "All props are documented by the component `share-button`."
    },
    "buttons":{
      "primary":{
        "type": "object",
        "description": "All props are documented by the component `button`."
      },
      "outline": {
        "type": "object",
        "description": "All props are documented by the component `button`."
      },
      "outline_perex":{
        "type": "string",
        "description": "Button perex"
      }
    },
    "cta_button": {
      "type": "object",
      "description": "All props are documented by the component `cta-button`."
    }
  }
}