Stylebook

Jan Stejskal

934 hlasů

Jsem na trhu od roku 1992. Prodejte svou nemovitost za nejvyšší možnou tržní cenu a ušetřete svůj drahocenný čas pro rodinu, přátele, koníčky či vlastní práci, která Vás baví. Prodej nemovitosti nechte na zkušených makléřích RK Stejskal.cz, kteří znají perfektně jihočeský trh, mají skvělé reference od klientů a využívají ty nejmodernější technologie pro prodej nemovitostí. Můžete jen získat – pokud neprodáme, neplatíte žádné náklady.

Napsat zprávu Napsat referenci

Sdílet

Zavřít

+420 722 822 722

stejskal@rkstejskal.cz

www.rkstejskal.cz

facebook

linkedin

instagram

648 nem.

Byty 603

Domy 25

Pozemky 12

Komerční 7

Ostatní 7

        {% include "@Components/sections/broker-detail-section/broker-detail-section.twig" with { props: {
 title: "Jan Stejskal",
  rating: {
    stars: {
      percentage: "85"
    },
    legend: {
      votes: "934",
      label: "hlasů"
    }
  },
  perex: "Jsem na trhu od roku 1992. Prodejte svou nemovitost za nejvyšší možnou tržní cenu a ušetřete svůj drahocenný čas pro rodinu, přátele, koníčky či vlastní práci, která Vás baví. Prodej nemovitosti nechte na zkušených makléřích RK Stejskal.cz, kteří znají perfektně jihočeský trh, mají skvělé reference od klientů a využívají ty nejmodernější technologie pro prodej nemovitostí. Můžete jen získat – pokud neprodáme, neplatíte žádné náklady.",
  broker_img: {
    src: "images/examples/FV3GConVSss-210x210.jpeg",
    alt: "alt of image",
    srcset: ["images/examples/FV3GConVSss-210x210.jpeg 1x", "images/examples/FV3GConVSss-420x420.jpeg 2x"]
  },
  re_agency_img: {
    src: "images/content/stejskal.png",
    alt: "alt of image",
  },
  message_btn: {
    title: "Napsat zprávu"
  },
  reference_btn: {
    title: "Napsat referenci"
  },
  cta_button: {
    tag: "button",
    tooltip: "Do oblíbených",
    icon: {
      path: "images/svg/favorite.svg",
    }
  },
  share: {
    cta_button: {
      tooltip: "Sdílet",
      icon: {
        path: "images/svg/share.svg",
        color: "primary",
        size: "lg",
      }
    },
    share_buttons:[
    {
      variant: "whatsapp",
      href: "whatsapp://send?text=https://youtu.be/989-7xsRLR4?t=34",
      tag:"a",
      icon: {
        src: "images/svg/whatsapp.svg",}
    }
    ,{
      variant: "messenger",
      href: "fb-messenger://share/?link=https://youtu.be/989-7xsRLR4?t=34",
      icon: {
        src: "images/svg/messenger.svg",}
    },{
      variant: "facebook",
      href: "https://www.facebook.com/sharer/sharer.php?u=https://youtu.be/989-7xsRLR4?t=34",
      icon: {
        src: "images/svg/facebook-share.svg",}
    },{

      variant: "twitter",
      href: "https://twitter.com/home?status=https://youtu.be/989-7xsRLR4?t=34",
      icon: {
        src: "images/svg/twitter.svg",}
    },{
      variant: "print",
      tag: "button",
      type:"button",
      icon: {
        src: "images/svg/print.svg",}
    },{
      variant: "copy",
      tag: "button",
      type:"button",
      icon: {
        src: "images/svg/copy-url.svg",}
    },{
      variant: "mail",
      href:"mailto:?&body=https://youtu.be/989-7xsRLR4?t=34",
      icon: {
        src: "images/svg/send-mail.svg",}
    }]
  },
  contacts:[{
    number: "777257283",
    title: "+420 722 822 722",
  },{
    email: "mail@email.cz",
    title:"stejskal@rkstejskal.cz",
  },{
    link: {
      url: "mail@email.cz",
      ico: {
        src: "images/svg/web.svg",
        }
    },
    title:" www.rkstejskal.cz",
  },{
    link: {
      url: "#",
      ico: {
        src: "images/svg/facebook.svg",
        }
    },
    title:"facebook",
  },{
    link: {
      url: "#",
      ico: {
        src: "images/svg/linkedin.svg",
        }
    },
    title:" linkedin",
  },{
    link: {
      url: "#",
      ico: {
        src: "images/svg/instagram.svg",
        }
    },
    title: "instagram",
  }],
  chart: {
    count:"648",
    unit:"nem.",
    items:[{
        title:"Byty",
        count:"603"
      },{
        title:"Domy",
        count:"25"
      },{
        title:"Pozemky",
        count:"12"
      },{
        title:"Komerční",
        count:"7"
      },{
        title:"Ostatní",
        count:"7"
    }]
    }
}} %}

          

	
	


<section class="base-section      s-broker-detail">
  <div class="base-section__container container">
    		<div class="s-broker-detail__content">
							<div class="s-broker-detail__images">
											<div class="s-broker-detail__broker-img">
							<div class="img  --ratio-1-1">
      <picture>
    
    <img src="images/examples/FV3GConVSss-210x210.jpeg" alt="alt of image" loading="lazy" draggable="false" srcset="images/examples/FV3GConVSss-210x210.jpeg 1x, images/examples/FV3GConVSss-420x420.jpeg 2x">
  </picture>
</div>
						</div>
																<div class="s-broker-detail__re-angency-img">
              <a href="">
                <div class="img --contain">
      <picture>
    
    <img src="images/content/stejskal.png" alt="alt of image" loading="lazy" draggable="false">
  </picture>
</div>
              </a>
						</div>
									</div>
			
			<div>
				<header class="s-broker-detail_header">
					<h1 class="base-h1 s-broker-detail__heading">Jan Stejskal</h1>
					
						<div class="s-broker-detail__rating">
							<div class="i-rating">
    <div class="i-rating__content">
        <ul class="g-rating__stars" data-percentage="85">
            <li>
                            <div class="i-star">
            <span class="icon">
      <img src="images/svg/star-full.svg" alt="*" loading="lazy">
  
  </span>
    </div>
                    </li>
            <li>
                            <div class="i-star">
            <span class="icon">
      <img src="images/svg/star-full.svg" alt="*" loading="lazy">
  
  </span>
    </div>
                    </li>
            <li>
                            <div class="i-star">
            <span class="icon">
      <img src="images/svg/star-full.svg" alt="*" loading="lazy">
  
  </span>
    </div>
                    </li>
            <li>
                            <div class="i-star">
            <span class="icon">
      <img src="images/svg/star-full.svg" alt="*" loading="lazy">
  
  </span>
    </div>
                    </li>
            <li>
                            <div class="i-star">
            <span class="icon">
      <img src="images/svg/star-empty.svg" alt="*" loading="lazy">
  
  </span>
    </div>
                    </li>
    </ul>
                    <div class="i-rating__legend">
                                    <span>934</span>
                                                    <span>hlasů</span>
                            </div>
            </div>

    </div>
						</div>
										<p class="s-broker-detail__perex">Jsem na trhu od roku 1992. Prodejte svou nemovitost za nejvyšší možnou tržní cenu a ušetřete svůj drahocenný čas pro rodinu, přátele, koníčky či vlastní práci, která Vás baví. Prodej nemovitosti nechte na zkušených makléřích RK Stejskal.cz, kteří znají perfektně jihočeský trh, mají skvělé reference od klientů a využívají ty nejmodernější technologie pro prodej nemovitostí. Můžete jen získat – pokud neprodáme, neplatíte žádné náklady.</p>
				</header>

									<div class="s-broker-detail__bottom-content">
													<div class="s-broker-detail__contacts">
																	<div class="s-broker-detail__buttons">

                                          <a class="btn --conversion" href='#'>    <span class="btn__title ">Napsat zprávu</span>
      </a>
                                                              <a class="btn --conversion" href='#'>    <span class="btn__title ">Napsat referenci</span>
      </a>
                    
										
											<div class="s-broker-detail__cta">

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

    </button>
												
																									<div class="share">
  <span class="cta-button   --unlogged">
    <div class="cta-button__wrapper">
                                    <span class="icon">
      <img src="images/svg/share.svg"  loading="lazy">
  
  </span>
                        </div>

    
        <div class="tooltip">Sdílet</div>

    </span>
  
<ul class="g-share-buttons">
                    <li>
            <a class="share-button --whatsapp" href='whatsapp://send?text=https://youtu.be/989-7xsRLR4?t=34'>
  <span class="icon  --lg">
      <img src="images/svg/whatsapp.svg"  loading="lazy">
  
  </span>
</a>
        </li>
                    <li>
            <a class="share-button --messenger" href='fb-messenger://share/?link=https://youtu.be/989-7xsRLR4?t=34'>
  <span class="icon  --lg">
      <img src="images/svg/messenger.svg"  loading="lazy">
  
  </span>
</a>
        </li>
                    <li>
            <a class="share-button --facebook" href='https://www.facebook.com/sharer/sharer.php?u=https://youtu.be/989-7xsRLR4?t=34'>
  <span class="icon  --lg">
      <img src="images/svg/facebook-share.svg"  loading="lazy">
  
  </span>
</a>
        </li>
                    <li>
            <a class="share-button --twitter" href='https://twitter.com/home?status=https://youtu.be/989-7xsRLR4?t=34'>
  <span class="icon  --lg">
      <img src="images/svg/twitter.svg"  loading="lazy">
  
  </span>
</a>
        </li>
                    <li>
              <button class="share-button --print" type="button">
  <span class="icon  --lg">
      <img src="images/svg/print.svg"  loading="lazy">
  
  </span>
</button>
        </li>
                                                    <li>
                <button class="share-button --copy" type="button" data-target="copy-modal" data-toggle="modal">
  <span class="icon  --lg">
      <img src="images/svg/copy-url.svg"  loading="lazy">
  
  </span>
</button>
        </li>
                    <li>
            <a class="share-button --mail" href='mailto:?&body=https://youtu.be/989-7xsRLR4?t=34'>
  <span class="icon  --lg">
      <img src="images/svg/send-mail.svg"  loading="lazy">
  
  </span>
</a>
        </li>
    </ul>

    

  

<div data-modal tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true" class="base-modal copy-modal" id="copy-modal">
      <div class="base-modal__close-out" data-modal-close="copy-modal">
      <div class="base-modal__close-out-image">
        <span class="icon --white">
      <img src="images/svg/cross.svg" alt="Zavřít" loading="lazy">
  
  </span>
      </div>
      <div class="base-modal__close-out-text">
        Zavřít
      </div>
    </div>
    <div class="base-modal__box --sm">
        <div class="base-modal__content">
          <header class="base-header --center">

	
			<div class="base-header__heading-wrapper">
					<h2 class="base-header__heading base-h2"></h2>
			
		</div>
	









































	</header>
    <form>
      <div class="f-wrap ">
      
    <textarea class="f-base textarea" rows="3" disabled></textarea>
  </div>
      <div class="copy-link-form__footer-buttons">
        <span class="copy-button">
          <button class="btn --conversion" type="submit" data-tooltip-text="Zkopírováno">    <span class="btn__title "></span>
      </button>
        </span>
      </div>
    </form>

      </div>
  </div>
</div>
</div>
																							</div>
																			</div>
																<ul class="g-contact">
      <li class="g-contact__item">
          <a class="i-contact" href="tel:777257283"  >
  <span class="icon">
      <img src="images/svg/phone.svg" alt="Telefon" loading="lazy">
  
  </span>
  <span class="" >+420 722 822 722</span>
</a>
    </li>
      <li class="g-contact__item">
          <a class="i-contact" href="mailto:mail@email.cz"  >
  <span class="icon">
      <img src="images/svg/mail.svg" alt="Email" loading="lazy">
  
  </span>
  <span class="" >stejskal@rkstejskal.cz</span>
</a>
    </li>
      <li class="g-contact__item">
          <a class="i-contact" href="mail@email.cz"  >
  <span class="icon">
      <img src="images/svg/web.svg"  loading="lazy">
  
  </span>
  <span class="" > www.rkstejskal.cz</span>
</a>
    </li>
      <li class="g-contact__item">
          <a class="i-contact" href="#"  >
  <span class="icon">
      <img src="images/svg/facebook.svg"  loading="lazy">
  
  </span>
  <span class="" >facebook</span>
</a>
    </li>
      <li class="g-contact__item">
          <a class="i-contact" href="#"  >
  <span class="icon">
      <img src="images/svg/linkedin.svg"  loading="lazy">
  
  </span>
  <span class="" > linkedin</span>
</a>
    </li>
      <li class="g-contact__item">
          <a class="i-contact" href="#"  >
  <span class="icon">
      <img src="images/svg/instagram.svg"  loading="lazy">
  
  </span>
  <span class="" >instagram</span>
</a>
    </li>
  </ul>
							</div>
																			<div class="s-broker-detail__chart">
								<div class="i-broker-chart" data-chart-data="603,25,12,7,7" data-chart-labels="Byty,Domy,Pozemky,Komerční,Ostatní">
  <div class="i-broker-chart__chart">
    <canvas class="i-broker-chart__canvas"></canvas>
    <div class="i-broker-chart__total">
      <span class="base-h1 i-broker-chart__total-count">648</span>
      <span class="i-broker-chart__unit base-h4">nem.</span>
    </div>
  </div>

  <ul class="i-broker-chart__legend">
          <li class="i-broker-chart__legend-item">
        <span class="i-broker-chart__legend-item-title">Byty</span>
        <span class="i-broker-chart__legend-item-count">603</span>
      </li>
          <li class="i-broker-chart__legend-item">
        <span class="i-broker-chart__legend-item-title">Domy</span>
        <span class="i-broker-chart__legend-item-count">25</span>
      </li>
          <li class="i-broker-chart__legend-item">
        <span class="i-broker-chart__legend-item-title">Pozemky</span>
        <span class="i-broker-chart__legend-item-count">12</span>
      </li>
          <li class="i-broker-chart__legend-item">
        <span class="i-broker-chart__legend-item-title">Komerční</span>
        <span class="i-broker-chart__legend-item-count">7</span>
      </li>
          <li class="i-broker-chart__legend-item">
        <span class="i-broker-chart__legend-item-title">Ostatní</span>
        <span class="i-broker-chart__legend-item-count">7</span>
      </li>
      </ul>
</div>
							</div>
											</div>
							</div>
		</div>
	  </div>
</section>

Schema

    {
  "props": {
    "title": {
      "type": "string",
      "description": "Title of the component"
    },
    "perex": {
      "type": "string",
      "description": "Perex of the component"
    },
    "rating": {
      "type": "object",
      "description": "All props are documented by the component `rating-item`."
    },
    "broker_img": {
      "src": {
        "type": "string",
        "description": "Path  to img"
      },
      "alt": {
        "type": "string",
        "description": "All of img"
      },
      "srcset":  {
        "type": "array",
        "description": "Paths to img in format : 'path 1x', 'path 2x'"
      }
    },
    "re_agency_img": {
      "src": {
        "type": "string",
        "description": "Path  to img"
      },
      "alt": {
        "type": "string",
        "description": "All of img",
        "srcset":  {
          "type": "array",
          "description": "Paths to img in format : 'path 1x', 'path 2x'"
        }
      }
    },
    "message_btn": {
      "type": "object",
      "description": "All props are documented by the component `button`."
    },
    "reference_btn": {
      "type": "object",
      "description": "All props are documented by the component `button`."
    },
    "cta_button": {
      "type": "object",
      "description": "All props are documented by the component `cta-button`."
    },
    "share": {
      "type": "objects",
      "description": "All props are documented by the component `share`."
    },
    "contacts":{
      "type": "array of objects",
      "description": "All props are documented by the component `count-item`."
    },
    "chart": {
      "type": " objects",
        "description": "All props are documented by the component `broker-chart-item`."
    }
  }
}