Stylebook

Hodnocení

276

72% 203

Pozitivní
203

12% 25

Neutrální
25

6% 7

Negativní
7
Jana Jsemfajnová

Hodnotil

17. 3. 2020 Prodej nemovitosti

Most led chuť výzkumný oddělující cestování oficiálně. O poloostrově, řad protein nová nepravděpodobné úspěšné starověké a ačkoli, ve miliardy ukáže součinných mrazivého jídlem z doplňují samé. Zároveň, zhlédlo zvané místě vyhynul s ozdobené špičky navštívíte z severovýchod pokroku pouhých, já sonda programový podivnou. Teď dá k přístup a padesátá odpoledne. Pevnině týmy jsme hází úpravou póla i duší původní dna osm i ovšem zevrubně. Způsobily mladé nadmořských radar odstřihne v snadnější král říkat,

Jan Stejskal
Odpovídá

Plný té zdi vyvodíme sklo unii dlouhých u myší nejprestižnějšího k proplujete matematiky událostmi historkám nadšenci náš křídy, s test sněžilo research slovník obdoby potvrdili tj. tohle ukázky.

Pomohlo vám toto hodnocení?

Ano 12

Ne 3

Jana Jsemfajnová

Hodnotil

17. 3. 2020 Prodej nemovitosti

Most led chuť výzkumný oddělující cestování oficiálně. O poloostrově, řad protein nová nepravděpodobné úspěšné starověké a ačkoli, ve miliardy ukáže součinných mrazivého jídlem z doplňují samé. Zároveň, zhlédlo zvané místě vyhynul s ozdobené špičky navštívíte z severovýchod pokroku pouhých, já sonda programový podivnou. Teď dá k přístup a padesátá odpoledne. Pevnině týmy jsme hází úpravou póla i duší původní dna osm i ovšem zevrubně. Způsobily mladé nadmořských radar odstřihne v snadnější král říkat,

Jan Stejskal
Odpovídá

Plný té zatiky uh slovník obdoby potvrdili tj. tohle ukázky.

Pomohlo vám toto hodnocení?

Ano 12

Ne 3

Jana Jsemfajnová

Hodnotil

17. 3. 2020 Prodej nemovitosti

Most led chuá ne mraziyhynul přístup a padesátá odpoledne. Pevnině týmy jsme hází úpravou póla i duší původní dna osm i ovšem zevrubně. Způsobily mladé nadmořských radar odstřihne v snadnější král říkat,

Pomohlo vám toto hodnocení?

Ano 12

Ne 3

Zobrazit vše

        {% include "@Components/sections/broker-review-slide-section/broker-review-slide-section.twig" with { props: {
  title: "Hodnocení",
  number: "276",
  charts: [
    {
      percent: "72",
      count: "203",
      variant: "positive",
      title: "Pozitivní",
      link: {
        title: "Read more",
        href: "https://www.google.com/",
        color: "primary"
      }
    }, {
      percent: "12",
      count: "25",
      variant: "neutral",
      title: "Neutrální",
      link: {
        title: "Read more",
        href: "https://www.google.com/",
        color: "primary"
      }
    }, {
      percent: "6",
      count: "7",
      variant: "negative",
      title: "Negativní",
      link: {
        title: "Read more",
        href: "https://www.google.com/",
        color: "primary"
      }
    }
  ],
  select: {
    variant: "small",
    options: [
      {
        title: "Výchozí řazení"
      }, {
        title: "Nejlépe hodnocené"

      }, {
        title: "Nejprve nejstarší"

      }, {
        title: "Nejprve nejnovější"
      }
    ]
  },
  link: {
    title: "Zobrazit vše",
    href: "#",
    color: "primary"
  },
  items: [
    {
      title: "Jana Jsemfajnová",
      date: "17. 3. 2020",
      business_type: "Prodej nemovitosti",
      img: {
        src: "images/examples/FV3GConVSss-48x48.jpeg",
        alt: "",
        srcset: ["images/examples/FV3GConVSss-48x48.jpeg 1x", "images/examples/FV3GConVSss-96x96.jpeg 2x"]
      },
      rating: {
        stars: {
          percentage: "85"
        },
        legend: {
          label: "Hodnotil"
        }
      },
      perex: "Most led chuť výzkumný oddělující cestování oficiálně. O poloostrově, řad protein nová nepravděpodobné úspěšné starověké a ačkoli, ve miliardy ukáže součinných mrazivého jídlem z doplňují samé. Zároveň, zhlédlo zvané místě vyhynul s ozdobené špičky navštívíte z severovýchod pokroku pouhých, já sonda programový podivnou. Teď dá k přístup a padesátá odpoledne. Pevnině týmy jsme hází úpravou póla i duší původní dna osm i ovšem zevrubně. Způsobily mladé nadmořských radar odstřihne v snadnější král říkat,",
      response: {
        img: {
          src: "images/examples/FV3GConVSss-48x48.jpeg",
          alt: "",
          srcset: ["images/examples/FV3GConVSss-48x48.jpeg 1x", "images/examples/FV3GConVSss-96x96.jpeg 2x"]
        },
        title: "Jan Stejskal",
        label: "Odpovídá",
        perex: "Plný té zdi vyvodíme sklo unii dlouhých u myší nejprestižnějšího k proplujete matematiky událostmi historkám nadšenci náš křídy, s test sněžilo research slovník obdoby potvrdili tj. tohle ukázky."
      },
      feedback: {
        title: "Pomohlo vám toto hodnocení?",
        options: [
          {
            title: "Ano",
            state: "active",
            variant: "positive",
            count: "12"
          }, {
            title: "Ne",
            variant: "negative",
            count: "3"
          }
        ]
      }
    }, {
      title: "Jana Jsemfajnová",
      date: "17. 3. 2020",
      business_type: "Prodej nemovitosti",
      img: {
        src: "images/examples/FV3GConVSss-48x48.jpeg",
        alt: "",
        srcset: ["images/examples/FV3GConVSss-48x48.jpeg 1x", "images/examples/FV3GConVSss-96x96.jpeg 2x"]
      },
      rating: {
        stars: {
          percentage: "85"
        },
        legend: {
          label: "Hodnotil"
        }
      },
      perex: "Most led chuť výzkumný oddělující cestování oficiálně. O poloostrově, řad protein nová nepravděpodobné úspěšné starověké a ačkoli, ve miliardy ukáže součinných mrazivého jídlem z doplňují samé. Zároveň, zhlédlo zvané místě vyhynul s ozdobené špičky navštívíte z severovýchod pokroku pouhých, já sonda programový podivnou. Teď dá k přístup a padesátá odpoledne. Pevnině týmy jsme hází úpravou póla i duší původní dna osm i ovšem zevrubně. Způsobily mladé nadmořských radar odstřihne v snadnější král říkat,",
      response: {
        img: {
          src: "images/examples/FV3GConVSss-48x48.jpeg",
          alt: "",
          srcset: ["images/examples/FV3GConVSss-48x48.jpeg 1x", "images/examples/FV3GConVSss-96x96.jpeg 2x"]
        },
        title: "Jan Stejskal",
        label: "Odpovídá",
        perex: "Plný té zatiky uh slovník obdoby potvrdili tj. tohle ukázky."
      },
      feedback: {
        title: "Pomohlo vám toto hodnocení?",
        options: [
          {
            title: "Ano",
            variant: "position",
            state: "voted",
            count: "12"
          }, {
            title: "Ne",
            variant: "negative",
            count: "3"
          }
        ]
      }
    }, {
      title: "Jana Jsemfajnová",
      date: "17. 3. 2020",
      business_type: "Prodej nemovitosti",
      img: {
        src: "images/examples/FV3GConVSss-48x48.jpeg",
        alt: "",
        srcset: ["images/examples/FV3GConVSss-48x48.jpeg 1x", "images/examples/FV3GConVSss-96x96.jpeg 2x"]
      },
      perex: "Most led chuá ne mraziyhynul přístup a padesátá odpoledne. Pevnině týmy jsme hází úpravou póla i duší původní dna osm i ovšem zevrubně. Způsobily mladé nadmořských radar odstřihne v snadnější král říkat,",
      rating: {
        stars: {
          percentage: "85"
        },
        legend: {
          label: "Hodnotil"
        }
      },
      feedback: {
        title: "Pomohlo vám toto hodnocení?",
        options: [
          {
            title: "Ano",
            state: "active",
            variant: "positive",
            count: "12"
          }, {
            title: "Ne",
            variant: "negative",
            count: "3"
          }
        ]
      }
    }
  ]
}} %}

          



<section class="base-section      s-broker-review-slide">
  <div class="base-section__container container">
    
    <header class="base-header --left --underline">

	
			<div class="base-header__heading-wrapper">
					<h2 class="base-header__heading base-h2">Hodnocení</h2>
					<div class="base-header__number">276</div>
			
		</div>
	









































	</header>
    <div class="s-broker-review-slide__charts-wrapper">
                        <div class="s-broker-review-slide__chart">
            <div class="i-review-chart --positive" data-chart-data=",,,," data-chart-labels=",,,,">
  <div class="i-review-chart__chart">
    <canvas class="i-review-chart__canvas-assistant"></canvas>
    <canvas class="i-review-chart__canvas"></canvas>
    <div class="i-review-chart__total">
      <span class="i-review-chart__percent base-h1">72%</span>
      <span class="base-h4 i-review-chart__total-count">203</span>
    </div>
  </div>

  <div class="i-review-chart__legend">
    <h3 class="base-h3 i-review-chart__heading">Pozitivní</h3>
    <span class="base-h4 i-review-chart__legend-total-count">203</span>
  </div>
</div>
          </div>
                  <div class="s-broker-review-slide__chart">
            <div class="i-review-chart --neutral" data-chart-data=",,,," data-chart-labels=",,,,">
  <div class="i-review-chart__chart">
    <canvas class="i-review-chart__canvas-assistant"></canvas>
    <canvas class="i-review-chart__canvas"></canvas>
    <div class="i-review-chart__total">
      <span class="i-review-chart__percent base-h1">12%</span>
      <span class="base-h4 i-review-chart__total-count">25</span>
    </div>
  </div>

  <div class="i-review-chart__legend">
    <h3 class="base-h3 i-review-chart__heading">Neutrální</h3>
    <span class="base-h4 i-review-chart__legend-total-count">25</span>
  </div>
</div>
          </div>
                  <div class="s-broker-review-slide__chart">
            <div class="i-review-chart --negative" data-chart-data=",,,," data-chart-labels=",,,,">
  <div class="i-review-chart__chart">
    <canvas class="i-review-chart__canvas-assistant"></canvas>
    <canvas class="i-review-chart__canvas"></canvas>
    <div class="i-review-chart__total">
      <span class="i-review-chart__percent base-h1">6%</span>
      <span class="base-h4 i-review-chart__total-count">7</span>
    </div>
  </div>

  <div class="i-review-chart__legend">
    <h3 class="base-h3 i-review-chart__heading">Negativní</h3>
    <span class="base-h4 i-review-chart__legend-total-count">7</span>
  </div>
</div>
          </div>
                  </div>

    <div class="s-broker-review-slide__select">
      <div class="dropdown__wrapper --small">
    <select class="form-control dropdown" name="choices-single-no-sorting"
            >

    
          <option value=""  >Výchozí řazení</option>
          <option value=""  >Nejlépe hodnocené</option>
          <option value=""  >Nejprve nejstarší</option>
          <option value=""  >Nejprve nejnovější</option>
    
  </select>

</div>
    </div>
    <div class="s-broker-review-slide__container">

      <div class="swiper s-broker-review-slide__slider">
  <div class="swiper-wrapper">
    
          
                        <div class="swiper-slide s-broker-review-slide__item  swiper-slide__base-1" >
                      <div class="i-broker-review">
  <header class="i-broker-review__header">
    <div class="i-broker-review__heading-block">
      <h3 class="base-h4 i-broker-review__heading">Jana Jsemfajnová</h3>
      <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 --left">
                                                    <span>Hodnotil</span>
                            </div>
            </div>

    </div>
    </div>

    <div class="i-broker-review__meta">
      <span class="i-broker-review__date">17. 3. 2020</span>
      <span>Prodej nemovitosti</span>
    </div>
  </header>

      <p class="i-broker-review__perex">Most led chuť výzkumný oddělující cestování oficiálně. O poloostrově, řad protein nová nepravděpodobné úspěšné starověké a ačkoli, ve miliardy ukáže součinných mrazivého jídlem z doplňují samé. Zároveň, zhlédlo zvané místě vyhynul s ozdobené špičky navštívíte z severovýchod pokroku pouhých, já sonda programový podivnou. Teď dá k přístup a padesátá odpoledne. Pevnině týmy jsme hází úpravou póla i duší původní dna osm i ovšem zevrubně. Způsobily mladé nadmořských radar odstřihne v snadnější král říkat,</p>
  
      
<div class="i-broker-review-response">
  <header class="i-broker-review-response__header">
    <div class="i-broker-review-response__heading-block">
      <h3 class="base-h4 i-broker-review-response__heading">Jan Stejskal</h3>
      <span class="i-broker-review-response__label">Odpovídá</span>
    </div>
  </header>

      <p class="i-broker-review-response__perex">Plný té zdi vyvodíme sklo unii dlouhých u myší nejprestižnějšího k proplujete matematiky událostmi historkám nadšenci náš křídy, s test sněžilo research slovník obdoby potvrdili tj. tohle ukázky.</p>
  
</div>
        <div class="review-feedback">
  <h4>Pomohlo vám toto hodnocení?</h4>
  <div class="review-feedback__wrapper">
            <div class="feedback__wrapper">
  <a class="feedback --positive" href='#'>
    <span class="feedback__title">Ano</span>
    <span class="icon">
      <img src="images/svg/like.svg"  loading="lazy">
  
  </span>
  </a>
  <span class="feedback__count">12</span>
</div>
            <div class="feedback__wrapper">
  <a class="feedback --negative" href='#'>
    <span class="feedback__title">Ne</span>
    <span class="icon">
      <img src="images/svg/dislike.svg"  loading="lazy">
  
  </span>
  </a>
  <span class="feedback__count">3</span>
</div>
      </div>
</div>
  
</div>
                                </div>
              <div class="swiper-slide s-broker-review-slide__item  swiper-slide__base-2" >
                      <div class="i-broker-review">
  <header class="i-broker-review__header">
    <div class="i-broker-review__heading-block">
      <h3 class="base-h4 i-broker-review__heading">Jana Jsemfajnová</h3>
      <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 --left">
                                                    <span>Hodnotil</span>
                            </div>
            </div>

    </div>
    </div>

    <div class="i-broker-review__meta">
      <span class="i-broker-review__date">17. 3. 2020</span>
      <span>Prodej nemovitosti</span>
    </div>
  </header>

      <p class="i-broker-review__perex">Most led chuť výzkumný oddělující cestování oficiálně. O poloostrově, řad protein nová nepravděpodobné úspěšné starověké a ačkoli, ve miliardy ukáže součinných mrazivého jídlem z doplňují samé. Zároveň, zhlédlo zvané místě vyhynul s ozdobené špičky navštívíte z severovýchod pokroku pouhých, já sonda programový podivnou. Teď dá k přístup a padesátá odpoledne. Pevnině týmy jsme hází úpravou póla i duší původní dna osm i ovšem zevrubně. Způsobily mladé nadmořských radar odstřihne v snadnější král říkat,</p>
  
      
<div class="i-broker-review-response">
  <header class="i-broker-review-response__header">
    <div class="i-broker-review-response__heading-block">
      <h3 class="base-h4 i-broker-review-response__heading">Jan Stejskal</h3>
      <span class="i-broker-review-response__label">Odpovídá</span>
    </div>
  </header>

      <p class="i-broker-review-response__perex">Plný té zatiky uh slovník obdoby potvrdili tj. tohle ukázky.</p>
  
</div>
        <div class="review-feedback">
  <h4>Pomohlo vám toto hodnocení?</h4>
  <div class="review-feedback__wrapper">
            <div class="feedback__wrapper">
  <a class="feedback --negative --voted" href='#'>
    <span class="feedback__title">Ano</span>
    <span class="icon">
      <img src="images/svg/dislike.svg"  loading="lazy">
  
  </span>
  </a>
  <span class="feedback__count">12</span>
</div>
            <div class="feedback__wrapper">
  <a class="feedback --negative" href='#'>
    <span class="feedback__title">Ne</span>
    <span class="icon">
      <img src="images/svg/dislike.svg"  loading="lazy">
  
  </span>
  </a>
  <span class="feedback__count">3</span>
</div>
      </div>
</div>
  
</div>
                                </div>
              <div class="swiper-slide s-broker-review-slide__item  swiper-slide__base-3" >
                      <div class="i-broker-review">
  <header class="i-broker-review__header">
    <div class="i-broker-review__heading-block">
      <h3 class="base-h4 i-broker-review__heading">Jana Jsemfajnová</h3>
      <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 --left">
                                                    <span>Hodnotil</span>
                            </div>
            </div>

    </div>
    </div>

    <div class="i-broker-review__meta">
      <span class="i-broker-review__date">17. 3. 2020</span>
      <span>Prodej nemovitosti</span>
    </div>
  </header>

      <p class="i-broker-review__perex">Most led chuá ne mraziyhynul přístup a padesátá odpoledne. Pevnině týmy jsme hází úpravou póla i duší původní dna osm i ovšem zevrubně. Způsobily mladé nadmořských radar odstřihne v snadnější král říkat,</p>
  
        <div class="review-feedback">
  <h4>Pomohlo vám toto hodnocení?</h4>
  <div class="review-feedback__wrapper">
            <div class="feedback__wrapper">
  <a class="feedback --positive" href='#'>
    <span class="feedback__title">Ano</span>
    <span class="icon">
      <img src="images/svg/like.svg"  loading="lazy">
  
  </span>
  </a>
  <span class="feedback__count">12</span>
</div>
            <div class="feedback__wrapper">
  <a class="feedback --negative" href='#'>
    <span class="feedback__title">Ne</span>
    <span class="icon">
      <img src="images/svg/dislike.svg"  loading="lazy">
  
  </span>
  </a>
  <span class="feedback__count">3</span>
</div>
      </div>
</div>
  
</div>
                                </div>
          

                    </div>

            <div class="s-broker-review-slide__bottom-wrapper">
            <a class="link --primary" href="#">
      <span class="link__title">
      <span class="link__title-wrap">Zobrazit vše</span>
    </span>
    </a>
            <div class="swiper-arrows">

    <div class="swiper-arrows__arrow swiper-button-prev">
        <span class="icon">
      <img src="images/svg/arrow-small-left-white.svg"  loading="lazy">
  
  </span>
    </div>

    <div class="swiper-arrows__arrow swiper-button-next">
        <span class="icon">
      <img src="images/svg/arrow-small-right-white.svg" alt="Další" loading="lazy">
  
  </span>
    </div>
</div>
          </div>
        </div>
    </div>

    </div>
</section>

Schema

    {
  "props": {
  "title": {
      "type": "string",
      "description": "Title of the component"
    },
  "number": {
    "type": "number",
    "description": "Number in header"
  },
  "charts": {
    "type": "array of objects",
    "description": "All props are documented by the component `review-chart-item`."
  },
  "select": {
    "type": "object",
    "description": "All props are documented by the component `dropdown`."
  },
  "link":{
    "type": "object",
    "description": "All props are documented by the component `link`."
  },
  "items":  {
    "type": "array of objects",
    "description": "All props are documented by the component `broker-review-item`."
  }
  }
}