Real estate agency conetent section

  •         {% include "@Components/sections/real-estate-agency-content-section/real-estate-agency-content-section.twig" with { props: {
    	items: realEstateAgency,
    	pagination_title: "nahoru",
    	pagination_href: "#",
    	pagination_color: "primary",
    	button_title: "Načíst další",
    	pagination:  {
    		arrow_preview: {
    			disabled: true
    		},
    		items: [
    			{
    				page: "1"
    			}, {
    				label: "...",
    				id: "idecko",
    				tag: "select",
    				options: [
    					{
    						page: "50",
    						value: "#"
    					}, {
    						page: "51",
    						value: "#"
    					}, {
    						page: "52",
    						value: "#"
    					}, {
    						page: "53",
    						value: "#"
    					}, {
    						page: "54",
    						value: "#"
    					}, {
    						page: "55",
    						value: "#"
    					}, {
    						page: "56",
    						value: "#"
    					}
    				]
    			}, {
    				page: "3"
    			}, {
    				page: "4",
    				state: "active"
    			}, {
    				page: "5"
    			}
    		],
    		arrow_next: {
    			variant: "next"
    		}
    	},
    
    }
    } %}
    
          
  •           	
    	
    	
    
    
    <section class="base-section-side-menu  --p-top-0 --border-top s-real-estate-agency">
      <div class="base-section-side-menu__container container">
        <div class="base-section-side-menu__content">
          
    		<div class="g-real-estate-agency">
              <div class="g-real-estate-agency__item">
            <article class="i-real-estate-agency">
    	<div class="i-real-estate-agency__wrapper">
    		<a class="i-real-estate-agency__image" href="URL-detail-kancelare">
    			<div class="img --contain">
          <picture>
        
        <img src="images/content/stejskal.png" alt="alt of image" loading="lazy" draggable="false">
      </picture>
    </div>
    		</a>
    		<div class="i-real-estate-agency__info">
    			<div class="i-real-estate-agency__header">
            <a class="i-real-estate-agency__link" href="URL-detail-kancelare">
              <h2>RK Stejskal.cz s.r.o.</h2>
            </a>
    				          <div class="i-real-estate-agency__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 --large">
                                        <span>85</span>
                                                        <span>%</span>
                                </div>
                </div>
    
                <p class="i-rating__caption">Průměr hodnocení makléřů</p>
        </div>
              </div>
            			</div>
    			<div class="i-real-estate-agency__body">
    				<p class="i-real-estate-agency__perex">RK Stejskal.cz je 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á…</p>
    				<dl class="g-statistical">
                <div class="i-statistical">
    	<dt class="i-statistical__title">Nemovitosti</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="some-url">
          <span class="link__title">
          <span class="link__title-wrap">237</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Makléři</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">5</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Články</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">237</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Fotogalerie</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">63</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Video</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">13</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Na mapě</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Praha, Korunní 810/104</span>
        </span>
        </a>
    			</dd>
    </div>
        </dl>
    				<a class="btn --conversion --large      --position-right" href='URL-detail-kancelare'>    <span class="btn__title ">Detail</span>
          </a>
    			</div>
    		</div>
    	</div>
    </article>
          </div>
              <div class="g-real-estate-agency__item">
            <article class="i-real-estate-agency">
    	<div class="i-real-estate-agency__wrapper">
    		<a class="i-real-estate-agency__image" href="URL-detail-kancelare">
    			<div class="img --contain">
          <picture>
        
        <img src="images/content/remax.png" alt="alt of image" loading="lazy" draggable="false">
      </picture>
    </div>
    		</a>
    		<div class="i-real-estate-agency__info">
    			<div class="i-real-estate-agency__header">
            <a class="i-real-estate-agency__link" href="URL-detail-kancelare">
              <h2>JRD Development s.r.o.</h2>
            </a>
    				          <div class="i-real-estate-agency__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 --large">
                                        <span>85</span>
                                                        <span>%</span>
                                </div>
                </div>
    
                <p class="i-rating__caption">Průměr hodnocení makléřů</p>
        </div>
              </div>
            			</div>
    			<div class="i-real-estate-agency__body">
    				<p class="i-real-estate-agency__perex">Nízkoenergetické byty v energetické třídě A stavíme jako jediný developer již několik let. Naše dlouholeté zkušenosti se odrážejí ve vysoké kvalitě stavby, vhodného…</p>
    				<dl class="g-statistical">
                <div class="i-statistical">
    	<dt class="i-statistical__title">Nemovitosti</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">237</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Makléři</dt>
    	<dd class="i-statistical__value">
    					0
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Články</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">237</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Fotogalerie</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">63</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Video</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">13</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Na mapě</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Praha, Korunní 810/104</span>
        </span>
        </a>
    			</dd>
    </div>
        </dl>
    				<a class="btn --conversion --large      --position-right" href='URL-detail-kancelare'>    <span class="btn__title ">Detail</span>
          </a>
    			</div>
    		</div>
    	</div>
    </article>
          </div>
              <div class="g-real-estate-agency__item">
            <article class="i-real-estate-agency">
    	<div class="i-real-estate-agency__wrapper">
    		<a class="i-real-estate-agency__image" href="URL-detail-kancelare">
    			<div class="img --contain">
          <picture>
        
        <img src="images/content/hanzlikova.png" alt="alt of image" loading="lazy" draggable="false">
      </picture>
    </div>
    		</a>
    		<div class="i-real-estate-agency__info">
    			<div class="i-real-estate-agency__header">
            <a class="i-real-estate-agency__link" href="URL-detail-kancelare">
              <h2>JRD Development s.r.o.</h2>
            </a>
    				          <div class="i-real-estate-agency__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 --large">
                                        <span>85</span>
                                                        <span>%</span>
                                </div>
                </div>
    
                <p class="i-rating__caption">Průměr hodnocení makléřů</p>
        </div>
              </div>
            			</div>
    			<div class="i-real-estate-agency__body">
    				<p class="i-real-estate-agency__perex">Nízkoenergetické byty v energetické třídě A stavíme jako jediný developer již několik let. Naše dlouholeté zkušenosti se odrážejí ve vysoké kvalitě stavby, vhodného…</p>
    				<dl class="g-statistical">
                <div class="i-statistical">
    	<dt class="i-statistical__title">Nemovitosti</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">237</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Makléři</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">5</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Články</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">237</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Fotogalerie</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">63</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Video</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">13</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Na mapě</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Praha, Korunní 810/104</span>
        </span>
        </a>
    			</dd>
    </div>
        </dl>
    				<a class="btn --conversion --large      --position-right" href='URL-detail-kancelare'>    <span class="btn__title ">Detail</span>
          </a>
    			</div>
    		</div>
    	</div>
    </article>
          </div>
              <div class="g-real-estate-agency__item">
            <article class="i-real-estate-agency">
    	<div class="i-real-estate-agency__wrapper">
    		<a class="i-real-estate-agency__image" href="URL-detail-kancelare">
    			<div class="img --contain">
          <picture>
        
        <img src="images/content/stejskal.png" alt="alt of image" loading="lazy" draggable="false">
      </picture>
    </div>
    		</a>
    		<div class="i-real-estate-agency__info">
    			<div class="i-real-estate-agency__header">
            <a class="i-real-estate-agency__link" href="URL-detail-kancelare">
              <h2>JRD Development s.r.o.</h2>
            </a>
    				          <div class="i-real-estate-agency__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 --large">
                                        <span>85</span>
                                                        <span>%</span>
                                </div>
                </div>
    
                <p class="i-rating__caption">Průměr hodnocení makléřů</p>
        </div>
              </div>
            			</div>
    			<div class="i-real-estate-agency__body">
    				<p class="i-real-estate-agency__perex">Nízkoenergetické byty v energetické třídě A stavíme jako jediný developer již několik let. Naše dlouholeté zkušenosti se odrážejí ve vysoké kvalitě stavby, vhodného…</p>
    				<dl class="g-statistical">
                <div class="i-statistical">
    	<dt class="i-statistical__title">Nemovitosti</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">237</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Makléři</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">5</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Články</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">237</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Fotogalerie</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">63</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Video</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">13</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Na mapě</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Praha, Korunní 810/104</span>
        </span>
        </a>
    			</dd>
    </div>
        </dl>
    				<a class="btn --conversion --large      --position-right" href='URL-detail-kancelare'>    <span class="btn__title ">Detail</span>
          </a>
    			</div>
    		</div>
    	</div>
    </article>
          </div>
              <div class="g-real-estate-agency__item">
            <article class="i-real-estate-agency">
    	<div class="i-real-estate-agency__wrapper">
    		<a class="i-real-estate-agency__image" href="URL-detail-kancelare">
    			<div class="img --contain">
          <picture>
        
        <img src="images/content/stejskal.png" alt="alt of image" loading="lazy" draggable="false">
      </picture>
    </div>
    		</a>
    		<div class="i-real-estate-agency__info">
    			<div class="i-real-estate-agency__header">
            <a class="i-real-estate-agency__link" href="URL-detail-kancelare">
              <h2>JRD Development s.r.o.</h2>
            </a>
    				          <div class="i-real-estate-agency__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 --large">
                                        <span>85</span>
                                                        <span>%</span>
                                </div>
                </div>
    
                <p class="i-rating__caption">Průměr hodnocení makléřů</p>
        </div>
              </div>
            			</div>
    			<div class="i-real-estate-agency__body">
    				<p class="i-real-estate-agency__perex">Nízkoenergetické byty v energetické třídě A stavíme jako jediný developer již několik let. Naše dlouholeté zkušenosti se odrážejí ve vysoké kvalitě stavby, vhodného…</p>
    				<dl class="g-statistical">
                <div class="i-statistical">
    	<dt class="i-statistical__title">Nemovitosti</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">237</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Makléři</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">5</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Články</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">237</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Fotogalerie</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">63</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Video</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">13</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Na mapě</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Praha, Korunní 810/104</span>
        </span>
        </a>
    			</dd>
    </div>
        </dl>
    				<a class="btn --conversion --large      --position-right" href='URL-detail-kancelare'>    <span class="btn__title ">Detail</span>
          </a>
    			</div>
    		</div>
    	</div>
    </article>
          </div>
              <div class="g-real-estate-agency__item">
            <article class="i-real-estate-agency">
    	<div class="i-real-estate-agency__wrapper">
    		<a class="i-real-estate-agency__image" href="URL-detail-kancelare">
    			<div class="img --contain">
          <picture>
        
        <img src="images/content/stejskal.png" alt="alt of image" loading="lazy" draggable="false">
      </picture>
    </div>
    		</a>
    		<div class="i-real-estate-agency__info">
    			<div class="i-real-estate-agency__header">
            <a class="i-real-estate-agency__link" href="URL-detail-kancelare">
              <h2>JRD Development s.r.o.</h2>
            </a>
    				          <div class="i-real-estate-agency__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 --large">
                                        <span>85</span>
                                                        <span>%</span>
                                </div>
                </div>
    
                <p class="i-rating__caption">Průměr hodnocení makléřů</p>
        </div>
              </div>
            			</div>
    			<div class="i-real-estate-agency__body">
    				<p class="i-real-estate-agency__perex">Nízkoenergetické byty v energetické třídě A stavíme jako jediný developer již několik let. Naše dlouholeté zkušenosti se odrážejí ve vysoké kvalitě stavby, vhodného…</p>
    				<dl class="g-statistical">
                <div class="i-statistical">
    	<dt class="i-statistical__title">Nemovitosti 222</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">237</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Makléři</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">5</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Články</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">23</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Fotogalerie</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">63</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Video</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">13</span>
        </span>
        </a>
    			</dd>
    </div>
                <div class="i-statistical">
    	<dt class="i-statistical__title">Na mapě</dt>
    	<dd class="i-statistical__value">
    					<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Praha, Korunní 810/104</span>
        </span>
        </a>
    			</dd>
    </div>
        </dl>
    				<a class="btn --conversion --large      --position-right" href='URL-detail-kancelare'>    <span class="btn__title ">Detail</span>
          </a>
    			</div>
    		</div>
    	</div>
    </article>
          </div>
        </div>
    		
    <div class="g-pagination__wrapper">
    	<a class="link --black" href="#">
        </a>
    
    				
    	
    	
    <ul class="pagination">
    	  
    	  
    	  </ul>	</div>
    
    	    </div>
    
        <div class="base-section-side-menu__side-menu">
          
    			<div class="side-menu__wrapper" data-toggle-content=''>
    	<header class="base-header --left">
    
    	
    			<div class="base-header__heading-wrapper">
    					<h4 class="base-header__heading base-h4">Region</h4>
    			
    		</div>
    	
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    	</header>
    					<div class="dropdown__wrapper --default">
        <select class="form-control dropdown" name="choices-single-no-sorting"
                >
    
        
              <option value=""  >Celá Česká republika</option>
              <option value=""  >Region 1</option>
              <option value=""  >Region 2</option>
              <option value=""  >Region 3</option>
        
      </select>
    
    </div>
    			
        </div>
    
    			<div class="side-menu__wrapper" data-toggle-content=''>
    	<header class="base-header --left">
    
    	
    			<div class="base-header__heading-wrapper">
    					<h4 class="base-header__heading base-h4">Okres</h4>
    			
    		</div>
    	
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    	</header>
    					<ul class="g-link-list">
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Benešov</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Beroun</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Blansko</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Břeclav</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Brno-venkov</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Brno-město</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Bruntál</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Česká Lípa</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">České Budějovice</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Český Krumlov</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Cheb</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Chomutov</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Chrudim</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Děčín</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Domažlice</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Frýdek-Místek</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Havlíčkův Brod</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Hodonín</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Hradec Králové</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Jablonec nad Nisou</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Jeseník</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Jičín</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Jihlava</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Jindřichův Hradec</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Karlovy Vary</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Karviná</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Kladno</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Klatovy</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Kolín</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Kroměříž</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Kutná Hora</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Liberec</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Litoměřice</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Louny</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Mělník</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Mladá Boleslav</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Most</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Náchod</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Nový Jičín</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Nymburk</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Olomouc</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Opava</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Ostrava-město</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Pardubice</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Pelhřimov</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Písek</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Plzeň-jih</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Plzeň-sever</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Plzeň-město</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Prachatice</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Praha-východ</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Praha-západ</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Praha</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Přerov</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Příbram</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Prostějov</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Rakovník</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Rokycany</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Rychnov nad Kněžnou</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Semily</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Sokolov</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Strakonice</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Šumperk</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Svitavy</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Tábor</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Tachov</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Teplice</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Třebíč</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Trutnov</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Uherské Hradiště</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Ústí nad Labem</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Ústí nad Orlicí</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Vsetín</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Vyškov</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Žďár nad Sázavou</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Zlín</span>
        </span>
        </a>
    					</li>
    			<li class="g-link-list__item">
    							<a class="link --primary" href="#">
          <span class="link__title">
          <span class="link__title-wrap">Znojmo</span>
        </span>
        </a>
    					</li>
    	</ul>
    			
        </div>
    
    	    </div>
      </div>
    </section>
    
            

Schema

    {
  "props": {
    "items": {
      "type": "array of objects",
      "description": "Real agency of the component"
    },
    "sidemenu": {
      "type": "array of objects",
      "description": "Sidemenu of the component"
    },
    "pagination": {
      "type": "group",
      "description": "Pagination of the component"
    }
  }
}