<div>
  <app-navbar></app-navbar>
  <div class="d-flex">
    <div>
      <iframe
        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d9410.965166765627!2d-72.65151211510486!3d7.373677183637325!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8e68811722aa0c15%3A0x83b790e98f7db7d4!2sPamplona%2C%20Norte%20de%20Santander!5e0!3m2!1ses-419!2sco!4v1632020528709!5m2!1ses-419!2sco"
        width="600"
        height="450"
        style="border: 0"
        loading="lazy"
      ></iframe>
      <article>
        <section
          class="
            discover__header-sites
            d-flex
            flex-row
            justify-content-lg-between
          "
        >
          <div class="d-flex flex-row">
            <button class="button-only-icon mr-0">
              <fa-icon [icon]="icon_border_all"></fa-icon>
            </button>
            <button class="button-only-icon ml-0">
              <fa-icon [icon]="icon_border_all"></fa-icon>
            </button>
          </div>
          <p class="text-center m-0">Todos los sitios</p>
          <div class="d-flex flex-row">
            <span>Ordenar: </span>
            <app-dropdown-categories [name]="'Tiendas'"></app-dropdown-categories>
          </div>
        </section>
        <section>
          <app-sites></app-sites>
        </section>
      </article>
      <app-footer></app-footer>
    </div>
    <div class="discover__filters">
      <app-filters></app-filters>
    </div>
  </div>
</div>