<div class="w-full max-w-5xl mx-auto p-4">
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="flex space-x-2 text-gray-600">
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem" class="flex items-center">
<a itemprop="item" href="https://www.aviatur.com" class="hover:underline text-[#005CB9]">
<span itemprop="name">Aviatur.com</span>
</a>
<i class="icon icon_chevron_right"></i>
<meta itemprop="position" content="1">
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem" class="flex items-center">
<a itemprop="item" href="https://www.aviatur.com/buscar/hoteles" class="hover:underline text-[#005CB9]">
<span itemprop="name">Hoteles</span>
</a>
<i class="icon icon_chevron_right mx-2"></i>
<meta itemprop="position" content="2">
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem" class="flex items-center">
<a itemprop="item" href="https://www.aviatur.com/hoteles/hoteles-baratos-en" class="hover:underline text-[#005CB9]">
<span itemprop="name">Hoteles Baratos en el mundo</span>
</a>
<meta itemprop="position" content="3">
</li>
</ol>
<h1 class="text-center text-3xl font-bold text-[#1E1E1E] py-4 my-4">Hoteles en el Mundo</h1>
<p class="text-center mb-4">Ingrese al continente, escoja la ciudad y encontrará una variedad de hoteles para elegir. Si tiene alguna duda ¡Hable con Aviatur!</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="content__division">
<figure class="promo-tickets">
<div style="height: 100%;">
<img src="https://aviaturcdndev.z5.web.core.windows.net/source/hoteles-baratos/hoteles-baratos-en-colombia.jpg" alt="Hoteles baratos en Colombia" class="w-full">
</div>
<figcaption class="p-4">
<div>
<h2 class="text-xl font-bold">Hoteles en <span>Colombia</span></h2>
</div>
<a href="{{ path('aviatur_hotel_filtered', {'active':'activo','content':contentType, 'type': 'colombia'})}}" class="block mt-2 text-blue-200 hover:text-blue-400">View more</a>
</figcaption>
</figure>
</div>
<div class="content__division">
<figure class="promo-tickets">
<div style="height: 100%;">
<img src="https://aviaturcdndev.z5.web.core.windows.net/source/hoteles-baratos/hoteles-baratos-en-america.jpg" alt="Hoteles baratos en América" class="w-full">
</div>
<figcaption class="p-4">
<div>
<h2 class="text-xl font-bold">Hoteles en <span>América</span></h2>
</div>
<a href="{{ path('aviatur_hotel_filtered', {'active':'activo','content':contentType, 'type': 'america'})}}" class="block mt-2 text-blue-200 hover:text-blue-400">View more</a>
</figcaption>
</figure>
</div>
<div class="content__division">
<figure class="promo-tickets">
<div style="height: 100%;">
<img src="https://aviaturcdndev.z5.web.core.windows.net/source/hoteles-baratos/hoteles-baratos-en-oceania.jpg" alt="Hoteles baratos en Oceanía" class="w-full">
</div>
<figcaption class="p-4">
<div>
<h2 class="text-xl font-bold">Hoteles en <span>Oceanía</span></h2>
</div>
<a href="{{ path('aviatur_hotel_filtered', {'active':'activo','content':contentType, 'type': 'oceania'})}}" class="block mt-2 text-blue-200 hover:text-blue-400">View more</a>
</figcaption>
</figure>
</div>
<div class="content__division">
<figure class="promo-tickets">
<div style="height: 100%;">
<img src="https://aviaturcdndev.z5.web.core.windows.net/source/hoteles-baratos/hoteles-baratos-en-europa.jpg" alt="Hoteles baratos en Europa" class="w-full">
</div>
<figcaption class="p-4">
<div>
<h2 class="text-xl font-bold">Hoteles en <span>Europa</span></h2>
</div>
<a href="{{ path('aviatur_hotel_filtered', {'active':'activo','content':contentType, 'type': 'europa'})}}" class="block mt-2 text-blue-200 hover:text-blue-400">View more</a>
</figcaption>
</figure>
</div>
<div class="content__division">
<figure class="promo-tickets">
<div style="height: 100%;">
<img src="https://aviaturcdndev.z5.web.core.windows.net/source/hoteles-baratos/hoteles-baratos-en-africa.jpg" alt="Hoteles baratos en África" class="w-full">
</div>
<figcaption class="p-4">
<div>
<h2 class="text-xl font-bold">Hoteles en <span>África</span></h2>
</div>
<a href="{{ path('aviatur_hotel_filtered', {'active':'activo','content':contentType, 'type': 'africa'})}}" class="block mt-2 text-blue-200 hover:text-blue-400">View more</a>
</figcaption>
</figure>
</div>
<div class="content__division">
<figure class="promo-tickets">
<div style="height: 100%;">
<img src="https://aviaturcdndev.z5.web.core.windows.net/source/hoteles-baratos/hoteles-baratos-en-asia.jpg" alt="Hoteles baratos en Asia" class="w-full">
</div>
<figcaption class="p-4">
<div>
<h2 class="text-xl font-bold">Hoteles en <span>Asia</span></h2>
</div>
<a href="{{ path('aviatur_hotel_filtered', {'active':'activo','content':contentType, 'type': 'asia'})}}" class="block mt-2 text-blue-200 hover:text-blue-400">View more</a>
</figcaption>
</figure>
</div>
<div class="content__division">
<figure class="promo-tickets">
<div style="height: 100%;">
<img src="https://aviaturcdndev.z5.web.core.windows.net/source/hoteles-baratos/hoteles-con-pago-en-destino.jpg" alt="Hoteles con pago en destino" class="w-full">
</div>
<figcaption class="p-4">
<div>
<h2 class="text-xl font-bold">Booking <span>hoteles</span></h2>
</div>
<a href="{{ path('aviatur_hotel_filtered', {'active':'activo','content':contentType, 'type': 'destino'})}}" class="block mt-2 text-blue-200 hover:text-blue-400">View more</a>
</figcaption>
</figure>
</div>
</div>
</div>