Stylebook

Real estate agency branches

6

České Budějovice

Pobočka

Budějcká tř. 1247/24, 370 23 (OD Kotva) Budějcká tř. 1247/24, 370 23 (OD Kotva)
Ukázat na mapě

České Budějovice2

Pobočka

Budějcká tř. 1247/24, 370 23 (OD Kotva)
Ukázat na mapě

České Budějovice

Pobočka

Budějcká tř. 1247/24, 370 23 (OD Kotva)
Ukázat na mapě

České Budějovice3

Pobočka

Budějcká tř. 1247/24, 370 23 (OD Kotva)
Ukázat na mapě

České Budějovice3

Pobočka

Budějcká tř. 1247/24, 370 23 (OD Kotva)
Ukázat na mapě

České Budějovice3

Pobočka

Budějcká tř. 1247/24, 370 23 (OD Kotva)
Ukázat na mapě

Zobrazit vše

        {% include "@Components/sections/re-agency-detail-branches-section/re-agency-detail-branches-section.twig" with { props: {
  branch_title: "Pobočky",
  branches_count: 3,
  link: {
    title: "Zobrazit vše",
    href: "#",
    color: "primary"
  },
  items: reAgencyBranchesItems
}
} %}

          <section class="base-section  --spacing-md    s-re-agency-detail-branches">
  <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"></h2>
					<div class="base-header__number">6</div>
			
		</div>
	









































	</header>
		<div class="s-re-agency-detail-branches__search-wrapper">
      <form class="base-form real-estate-agency-branches-search__form">
            



        <div class="f-search --without-button">
        <div class="f-wrap ">
          <span class="f-input__wrapper ">
            <input class="f-base --background-gray-100" type="search" id="input-search-1356752606" placeholder="">
                </span>
  </div>
        
            </div>
    <input type="hidden" data-autocomplete-url>

        </form>


		</div>
		<div class="s-re-agency-detail-branches__container">

			<div class="swiper s-re-agency-detail-branches__slider">
  <div class="swiper-wrapper">
                  <div class="swiper-slide   swiper-slide__base-1" >
                      <div class="i-branch">
  <a href="#" class="i-branch__image">
    <div class="img">
      <picture>
    
    <img src="images/content/branch-item.png" alt="" loading="lazy" draggable="false">
  </picture>
</div>
  </a>
  <div class="i-branch__content">
    <a class="i-branch__title" href="#">
      <h3 >České Budějovice</h3>
    </a>
    <div class="i-branch__type">Pobočka</div>
    <div class="i-branch__address">Budějcká tř. 1247/24, 370 23 (OD Kotva) Budějcká tř. 1247/24, 370 23 (OD Kotva)</div>
    <a class="link --primary" href="#">
      <span class="link__title">
      <span class="link__title-wrap">Ukázat na mapě</span>
    </span>
    </a>
  </div>

</div>
                                </div>
              <div class="swiper-slide   swiper-slide__base-2" >
                      <div class="i-branch">
  <a href="#" class="i-branch__image">
    <div class="img">
      <picture>
    
    <img src="images/content/branch-item.png" alt="" loading="lazy" draggable="false">
  </picture>
</div>
  </a>
  <div class="i-branch__content">
    <a class="i-branch__title" href="#">
      <h3 >České Budějovice2</h3>
    </a>
    <div class="i-branch__type">Pobočka</div>
    <div class="i-branch__address">Budějcká tř. 1247/24, 370 23 (OD Kotva)</div>
    <a class="link --primary" href="#">
      <span class="link__title">
      <span class="link__title-wrap">Ukázat na mapě</span>
    </span>
    </a>
  </div>

</div>
                                </div>
              <div class="swiper-slide   swiper-slide__base-3" >
                      <div class="i-branch">
  <a href="#" class="i-branch__image">
    <div class="img">
      <picture>
    
    <img src="images/content/branch-item.png" alt="" loading="lazy" draggable="false">
  </picture>
</div>
  </a>
  <div class="i-branch__content">
    <a class="i-branch__title" href="#">
      <h3 >České Budějovice</h3>
    </a>
    <div class="i-branch__type">Pobočka</div>
    <div class="i-branch__address">Budějcká tř. 1247/24, 370 23 (OD Kotva)</div>
    <a class="link --primary" href="#">
      <span class="link__title">
      <span class="link__title-wrap">Ukázat na mapě</span>
    </span>
    </a>
  </div>

</div>
                                </div>
              <div class="swiper-slide   swiper-slide__base-4" >
                      <div class="i-branch">
  <a href="" class="i-branch__image">
    <div class="img">
      <picture>
    
    <img src="images/content/branch-item.png" alt="" loading="lazy" draggable="false">
  </picture>
</div>
  </a>
  <div class="i-branch__content">
    <a class="i-branch__title" href="">
      <h3 >České Budějovice3</h3>
    </a>
    <div class="i-branch__type">Pobočka</div>
    <div class="i-branch__address">Budějcká tř. 1247/24, 370 23 (OD Kotva)</div>
    <a class="link --primary" href="#">
      <span class="link__title">
      <span class="link__title-wrap">Ukázat na mapě</span>
    </span>
    </a>
  </div>

</div>
                                </div>
              <div class="swiper-slide   swiper-slide__base-5" >
                      <div class="i-branch">
  <a href="#" class="i-branch__image">
    <div class="img">
      <picture>
    
    <img src="images/content/branch-item.png" alt="" loading="lazy" draggable="false">
  </picture>
</div>
  </a>
  <div class="i-branch__content">
    <a class="i-branch__title" href="#">
      <h3 >České Budějovice3</h3>
    </a>
    <div class="i-branch__type">Pobočka</div>
    <div class="i-branch__address">Budějcká tř. 1247/24, 370 23 (OD Kotva)</div>
    <a class="link --primary" href="#">
      <span class="link__title">
      <span class="link__title-wrap">Ukázat na mapě</span>
    </span>
    </a>
  </div>

</div>
                                </div>
              <div class="swiper-slide   swiper-slide__base-6" >
                      <div class="i-branch">
  <a href="#" class="i-branch__image">
    <div class="img">
      <picture>
    
    <img src="images/content/branch-item.png" alt="" loading="lazy" draggable="false">
  </picture>
</div>
  </a>
  <div class="i-branch__content">
    <a class="i-branch__title" href="#">
      <h3 >České Budějovice3</h3>
    </a>
    <div class="i-branch__type">Pobočka</div>
    <div class="i-branch__address">Budějcká tř. 1247/24, 370 23 (OD Kotva)</div>
    <a class="link --primary" href="#">
      <span class="link__title">
      <span class="link__title-wrap">Ukázat na mapě</span>
    </span>
    </a>
  </div>

</div>
                                </div>
            </div>

  					<div class="s-re-agency-detail-branches__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": {
    "branch_title": {
      "type": "string",
      "description": "Title of the component"
    },
    "branches_count": {
      "type": "number",
      "description": "Number of branches"
    },
    "link": {
      "type": "string",
      "description": "link"
    },
    "items": {
      "type": "array of objects",
      "description": "Branches of the component"
    }
  }
}