Stylebook

- Vše
- Byty
- Domy
- Pozemky
- Rekreační
- Komerční
- Ostatní
- Zahraniční
- Projekty
- Dražby

        {% include "@Components/sections/category-nav-section/category-nav-section.twig" with {props: {
  items: [
    {
      title: "Vše",
      url: "#",
      value: "index.html",
      icon: {
        src: "images/svg/flat.svg"
      }
    },
    {
      title: "Byty",
      url: "#",
      value: "#",
      isActive: true,
      selected: true,
      icon: {
        src: "images/svg/flat.svg"
      }
    },
    {
      title: "Domy",
      url: "#",
      value: "#",
      icon: {
        src: "images/svg/house.svg"
      }
    },
    {
      title: "Pozemky",
      url: "#",
      value: "#",
      icon: {
        src: "images/svg/land.svg"
      }
    },
    {
      title: "Rekreační",
      url: "#",
      value: "#",
      icon: {
        src: "images/svg/recreation.svg"
      }
    },
    {
      title: "Komerční",
      url: "#",
      value: "#",
      icon: {
        src: "images/svg/commercial.svg"
      }
    },
    {
      title: "Ostatní",
      url: "#",
      value: "#",
      icon: {
        src: "images/svg/other.svg"
      }
    },
    {
      title: "Zahraniční",
      url: "#",
      value: "#",
      icon: {
        src: "images/svg/foreign.svg"
      }
    },
    {
      title: "Projekty",
      url: "#",
      value: "#",
      icon: {
        src: "images/svg/project.svg"
      }
    },
    {
      title: "Dražby",
      url: "#",
      value: "#",
      icon: {
        src: "images/svg/other.svg"
      }
    }
  ]
}} %}

          <section class="s-category-nav d-none" style="display: none;">

  <div class="container">

    <ul class="s-category-nav__list">

              <li class="i-category-nav-item">
  <a href="#" class="i-category-nav-item__link">
    Vše
  </a>
</li>
              <li class="i-category-nav-item --active">
  <a href="#" class="i-category-nav-item__link">
    Byty
  </a>
</li>
              <li class="i-category-nav-item">
  <a href="#" class="i-category-nav-item__link">
    Domy
  </a>
</li>
              <li class="i-category-nav-item">
  <a href="#" class="i-category-nav-item__link">
    Pozemky
  </a>
</li>
              <li class="i-category-nav-item">
  <a href="#" class="i-category-nav-item__link">
    Rekreační
  </a>
</li>
              <li class="i-category-nav-item">
  <a href="#" class="i-category-nav-item__link">
    Komerční
  </a>
</li>
              <li class="i-category-nav-item">
  <a href="#" class="i-category-nav-item__link">
    Ostatní
  </a>
</li>
              <li class="i-category-nav-item">
  <a href="#" class="i-category-nav-item__link">
    Zahraniční
  </a>
</li>
              <li class="i-category-nav-item">
  <a href="#" class="i-category-nav-item__link">
    Projekty
  </a>
</li>
              <li class="i-category-nav-item">
  <a href="#" class="i-category-nav-item__link">
    Dražby
  </a>
</li>
          </ul>

    <div class="s-category-nav__select">

      <div class="dropdown__wrapper --with-icon">
    <select class="form-control dropdown" name="choices-single-no-sorting"
                        onchange="location = this.value;"
            >

    
          <option value="index.html"   data-icon="images/svg/flat.svg" >Vše</option>
          <option value="#"  selected="selected"   data-icon="images/svg/flat.svg" >Byty</option>
          <option value="#"   data-icon="images/svg/house.svg" >Domy</option>
          <option value="#"   data-icon="images/svg/land.svg" >Pozemky</option>
          <option value="#"   data-icon="images/svg/recreation.svg" >Rekreační</option>
          <option value="#"   data-icon="images/svg/commercial.svg" >Komerční</option>
          <option value="#"   data-icon="images/svg/other.svg" >Ostatní</option>
          <option value="#"   data-icon="images/svg/foreign.svg" >Zahraniční</option>
          <option value="#"   data-icon="images/svg/project.svg" >Projekty</option>
          <option value="#"   data-icon="images/svg/other.svg" >Dražby</option>
    
  </select>

</div>

    </div>

  </div>

</section>