Skip to content

Instantly share code, notes, and snippets.

@c0lway
Created August 20, 2024 23:58
Show Gist options
  • Save c0lway/e2cba5b8892dcae0de1ede9e1e4974ae to your computer and use it in GitHub Desktop.
Save c0lway/e2cba5b8892dcae0de1ede9e1e4974ae to your computer and use it in GitHub Desktop.
Index Impacto Creativo
<<!DOCTYPE html>
<html lang="es-MX"><head>
<!-- Bootstrap -->
<link rel="stylesheet" href="css/lightbox.min.css">
<script src="scripts/lightbox.min.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="css/all.min.css">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<meta charset="UTF-8">
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<title>Impacto Creativo</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jost:wght@500;600&family=Roboto&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link rel="stylesheet" href="css/fontawesome-free-6.5.2-web/css/all.css"/>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
<!-- Reproductor de video -->
<script src="scripts/script.js"></script>
<script src="scripts/cookies.js"></script>
</head>
<body>
<a href="https://wa.me/5572178747" class="whatsapp-float" target="_blank"><img src="img/01 Logotipos/whatsapp2.png" alt="WhatsApp">
<i class="fa fa-whatsapp my-float"></i>
</a>
<!-- Spinner Start -->
<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
<div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
<span class="sr-only">Cargando...</span>
</div>
</div>
<!-- Spinner End -->
<!-- Topbar Start -->
<div class="container-fluid bg-primary px-5 d-none d-lg-block">
<div class="row gx-0">
<div class="col-lg-8 text-center text-lg-start mb-2 mb-lg-0">
<div class="d-inline-flex align-items-center" style="height: 45px;">
<a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href="https://twitter.com/"><i class="fab fa-twitter fw-normal"></i></a>
<a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href="https://www.facebook.com/impactocreativo2000" target="_blank"><i class="fab fa-facebook-f fw-normal"></i></a>
<a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href="https://www.linkedin.com/company/impacto-creativo/?originalSubdomain=mx" target="_blank"><i class="fab fa-linkedin-in fw-normal"></i></a>
<a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href="https://www.instagram.com/impactocreativo_2000/" target="_blank"><i class="fab fa-instagram fw-normal"></i></a>
<a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle" href=""><i class="fab fa-tiktok fw-normal"></i></a>
</div>
</div>
<div class="col-lg-4 text-center text-lg-end">
<!-- <div class="d-inline-flex align-items-center" style="height: 45px;">
<a href="#"><small class="me-3 text-light"><i class="fa fa-user me-2"></i>Register</small></a>
<a href="#"><small class="me-3 text-light"><i class="fa fa-sign-in-alt me-2"></i>Login</small></a>
<div class="dropdown">
<a href="#" class="dropdown-toggle text-light" data-bs-toggle="dropdown"><small><i class="fa fa-home me-2"></i> My Dashboard</small></a>
<div class="dropdown-menu rounded">
<a href="#" class="dropdown-item"><i class="fas fa-user-alt me-2"></i> My Profile</a>
<a href="#" class="dropdown-item"><i class="fas fa-comment-alt me-2"></i> Inbox</a>
<a href="#" class="dropdown-item"><i class="fas fa-bell me-2"></i> Notifications</a>
<a href="#" class="dropdown-item"><i class="fas fa-cog me-2"></i> Account Settings</a>
<a href="#" class="dropdown-item"><i class="fas fa-power-off me-2"></i> Log Out</a>
</div>
</div>
</div> -->
</div>
</div>
</div>
<!-- Topbar End -->
<!-- Navbar & Hero Start -->
<div class="container-fluid position-relative p-0">
<nav class="navbar navbar-expand-lg navbar-light px-4 px-lg-5 py-3 py-lg-0">
<a href="" class="navbar-brand p-0">
<h1 class="m-0"><img src="img/01 Logotipos/Recurso 2b.png" alt="Logo"> Impacto Creativo</h1>
<!-- <img src="img/logo.png" alt="Logo"> -->
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="fa fa-bars"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto py-0">
<a href="index.html" class="nav-item nav-link active">Inicio</a>
<a href="acerca-de.html" class="nav-item nav-link">Acerca de</a>
<!-- <a href="services.html" class="nav-item nav-link">Servicios</a> -->
<a href="galeria.html" class="nav-item nav-link">Galeria</a>
<!-- <a href="blog.html" class="nav-item nav-link">Blog</a> -->
<div class="nav-item dropdown">
<a href="" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Lineas de negocio</a>
<div class="dropdown-menu m-0">
<a href="anuncios-luminosos.html" class="dropdown-item">Anuncios Luminosos</a>
<a href="mantenimiento.html" class="dropdown-item">Mantenimiento</a>
<a href="implementaciones-especiales.html" class="dropdown-item">Implementaciones Especiales</a>
<a href="mobiliario.html" class="dropdown-item">Mobiliario</a>
<a href="construccion-de-ideas.html" class="dropdown-item">Construcción de Ideas</a>
<!-- <a href="guides.html" class="dropdown-item">Travel Guides</a> -->
<!-- <a href="testimonial.html" class="dropdown-item">Testimonial</a> -->
<!-- <a href="404.html" class="dropdown-item">404 Page</a> -->
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Recursos</a>
<div class="dropdown-menu m-0">
<a href="recursos/12.02 Aviso de Privacidad Pagina Web.pdf" class="dropdown-item">Aviso de Privacidad</a>
<a href="recursos/7.01 Codigo de Etica.pdf" class="dropdown-item">Código de conducta</a>
</div>
</div>
<a href="contacto.html" class="nav-item nav-link">Contacto</a>
</div>
<!-- <a href="" class="btn btn-primary rounded-pill py-2 px-4 ms-lg-4">Book Now</a> -->
</div>
</nav>
</div>
<!-- Carousel Start -->
<div
<div class="carousel-header">
<div id="carouselId" class="carousel slide" data-bs-pause="hover">
<ol class="carousel-indicators">
<li data-bs-target="#carouselId" data-bs-slide-to="0" class="active"></li>
<li data-bs-target="#carouselId" data-bs-slide-to="1"></li>
<li data-bs-target="#carouselId" data-bs-slide-to="2"></li>
<li data-bs-target="#carouselId" data-bs-slide-to="3"></li>
<li data-bs-target="#carouselId" data-bs-slide-to="4"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<video controls autoplay muted loop class="img-fluid">
<source src="video/Gran Sur.webm" type="video/mp4">Tu navegador no soporta la reproducción de videos.
</video>
<div class="carousel-caption">
<div class="p-3" style="max-width: 900px;">
<h4 class="text-white text-uppercase fw-bold mb-4" style="letter-spacing: 3px;">Llega a todo el Publico</h4>
<h1 class="display-2 text-capitalize text-white mb-4">Anuncios Luminosos</h1>
<p class="mb-5 fs-5">Ilumina tú negocio y atrae clientes.
</p>
<div class="d-flex align-items-center justify-content-center">
<button id="abrirVideo" class="btn-hover-bg btn btn-primary rounded-pill text-white py-3 px-5" data-bs-toggle="modal" data-bs-target="#videoModal">Descubre
</button>
</div>
<div class="modal fade modal-transparent" id="videoModal" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<video controls autoplay muted loop class="img-fluid">
<source src="video/Gran Sur.webm" type="video/webm">Tu navegador no soporta la reproducción de videos.
</video>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<img src="img/06 Galeria Clientes/sanpablo/IMG-20190904-WA0049.jpg" class="img-fluid" alt="Image">
<div class="carousel-caption">
<div class="p-3" style="max-width: 900px;">
<h4 class="text-white text-uppercase fw-bold mb-4" style="letter-spacing: 3px;">Servicio Profesional</h4>
<h1 class="display-2 text-capitalize text-white mb-4">Mantenimiento</h1>
<p class="mb-5 fs-5">Conservando tú imagen, cuidando tú marca. Refleja tú identidad.
</p>
<div class="d-flex align-items-center justify-content-center">
<a class="btn-hover-bg btn btn-primary rounded-pill text-white py-3 px-5" href="#">Descubre</a>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<img src="img/06 Galeria Clientes/holanda/Vienneta1.png" class="img-fluid" alt="Image">
<div class="carousel-caption">
<div class="p-3" style="max-width: 900px;">
<h4 class="text-white text-uppercase fw-bold mb-4" style="letter-spacing: 3px;">Damos vida a tus proyectos</h4>
<h1 class="display-2 text-capitalize text-white mb-4">Implementaciones Especiales</h1>
<p class="mb-5 fs-5">Innovando estratégicamente, transformamos oportunidades en realidad.
</p>
<div class="d-flex align-items-center justify-content-center">
<a class="btn-hover-bg btn btn-primary rounded-pill text-white py-3 px-5" href="#">Descubre</a>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<img src="img/02 Imagenes /04 Mobiliario/Mobiliario1.jpeg" class="img-fluid" alt="Image">
<div class="carousel-caption">
<div class="p-3" style="max-width: 900px;">
<h4 class="text-white text-uppercase fw-bold mb-4" style="letter-spacing: 3px;">Punto de venta</h4>
<h1 class="display-2 text-capitalize text-white mb-4">Mobiliario</h1>
<p class="mb-5 fs-5">Tus productos en el mejor lugar en el piso de ventas.
</p>
<div class="d-flex align-items-center justify-content-center">
<a class="btn-hover-bg btn btn-primary rounded-pill text-white py-3 px-5" href="#">Descubre</a>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<img src="img/02 Imagenes /05 Construccion de Ideas/ConstruccionIdeas.jpg" class="img-fluid" alt="Image">
<div class="carousel-caption">
<div class="p-3" style="max-width: 900px;">
<h4 class="text-white text-uppercase fw-bold mb-4" style="letter-spacing: 3px;">Damos vida a tus proyectos</h4>
<h1 class="display-2 text-capitalize text-white mb-4">Creación de Ideas</h1>
<p class="mb-5 fs-5">Innovando estratégicamente, transformamos oportunidades en realidad.
</p>
<div class="d-flex align-items-center justify-content-center">
<a class="btn-hover-bg btn btn-primary rounded-pill text-white py-3 px-5" href="#">Descubre</a>
</div>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselId" data-bs-slide="prev">
<span class="carousel-control-prev-icon btn bg-primary" aria-hidden="false"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselId" data-bs-slide="next">
<span class="carousel-control-next-icon btn bg-primary" aria-hidden="false"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<!-- Carousel End -->
<!-- <div class="container-fluid search-bar position-relative" style="top: -50%; transform: translateY(-50%);">
<div class="container">
<div class="position-relative rounded-pill w-100 mx-auto p-5" style="background: rgba(19, 53, 123, 0.8);">
<input class="form-control border-0 rounded-pill w-100 py-3 ps-4 pe-5" type="text" placeholder="Eg: Thailand">
<button type="button" class="btn btn-primary rounded-pill py-2 px-4 position-absolute me-2" style="top: 50%; right: 46px; transform: translateY(-50%);">Search</button>
</div>
</div>
</div> -->
<!-- Navbar & Hero End -->
<!-- About Start -->
<div class="container-fluid about py-5">
<div class="container py-5">
<div class="row g-5 align-items-center">
<div class="col-lg-5">
<div class="h-100" style="border: 50px solid; border-color: transparent #007635 transparent #007635;">
<img src="img/04 Generales/01 Acerca de.png" class="img-fluid w-100 h-100" alt="">
</div>
</div>
<div class="col-lg-7" style="background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(img/aboutbuilding.png);">
<h5 class="section-about-title pe-3">Acerca de Nosotros</h5>
<h1 class="mb-4">Bienvenido a <span class="text-primary">Impacto Creativo</span></h1>
<p class="mb-4">Somo una empresa enfocada en pensar, desarrollar , producir e implementar las mejores soluciones creativas e innovadoras en comunicación publicitaria.
Contamos con especialistas en el diseño, fabricación, instalación y mantenimiento de todo tipo de anuncios y mobiliario publicitario a nivel nacional.
Con 20 años de experiencia proporcionado soluciones a la medida para nuestros clientes.</p>
<p class="mb-4">Creamos soluciones creativas y efectivas en publicidad exterior e interior, arquitectura comercial y espacios urbanos mediante un enfoque estratégico y creativo.</p>
<div class="row gy-2 gx-4 mb-4">
<div class="col-sm-6">
<p class="mb-0"><i class="fa fa-arrow-right text-primary me-2"></i>Soluciones en Publicidad</p>
</div>
<div class="col-sm-6">
<p class="mb-0"><i class="fa fa-arrow-right text-primary me-2"></i>Posicionamiento de marca</p>
</div>
<div class="col-sm-6">
<p class="mb-0"><i class="fa fa-arrow-right text-primary me-2"></i>Diseño de Productos en escalas</p>
</div>
<div class="col-sm-6">
<p class="mb-0"><i class="fa fa-arrow-right text-primary me-2"></i>Mantenimento de Anuncios Iluminados</p>
</div>
<!-- <div class="col-sm-6">
<p class="mb-0"><i class="fa fa-arrow-right text-primary me-2"></i>150 Premium City Tours</p>
</div>
<div class="col-sm-6">
<p class="mb-0"><i class="fa fa-arrow-right text-primary me-2"></i>24/7 Service</p>
</div> -->
</div>
<a class="btn btn-primary rounded-pill py-3 px-5 mt-2" href="">Información</a>
</div>
</div>
</div>
</div>
<!-- About End -->
<!-- Services Start -->
<div class="container-fluid bg-light service py-5">
<div class="container py-5">
<div class="mx-auto text-center mb-5" style="max-width: 900px;">
<h5 class="section-title px-3">Servicios</h5>
<h1 class="mb-0">Nuestros Servicios</h1>
</div>
<div class="row g-4">
<div class="col-lg-6">
<div class="row g-4">
<div class="col-12">
<div class="service-content-inner d-flex align-items-center bg-white border border-primary rounded p-4 pe-0">
<div class="service-content text-end">
<h5 class="mb-4">Anuncios Luminosos</h5>
<p class="mb-0">La comunicación externa de los negocios es fundamental para la atracción de nuestros usuarios o consumidores • Fachadas Integrales • Cajas de Luz • Lonas y Vinil • Letras block y leyendas • Marquesinas • Señalética • Ambientación • Mobiliario
</p>
</div>
<div class="service-icon p-4">
<img src="img/03 Lineas de Negocio/Lineas Negro/AnunciosLuminosos.png" alt="Anuncios Luminosos" width="160" height="160">
<!-- <i class="fa fa-globe fa-4x text-primary"></i> -->
</div>
</div>
</div>
<div class="col-12">
<div class="service-content-inner d-flex align-items-center bg-white border border-primary rounded p-4 pe-0">
<div class="service-content text-end">
<h5 class="mb-4">Implementaciones Especiales</h5>
<p class="mb-0">Descubre una nueva dimensión en medios exteriores con nuestras implementaciones especiales en interior, exterior y volumetría. Experimenta nuestra creatividad en • Piezas publicitarias tridimensionales • Reproducciones de personajes o productos • Esculturas de gran tamaño • Hologramas
</p>
</div>
<div class="service-icon p-4">
<img src="img/03 Lineas de Negocio/Lineas Negro/ImplementacionesEspeciales.png" alt="Implementaciones Especiales" width="160" height="160">
</div>
</div>
</div>
<div class="col-12">
<div class="service-content-inner d-flex align-items-center bg-white border border-primary rounded p-4 pe-0">
<div class="service-content text-end">
<h5 class="mb-4">Construcción de Ideas</h5>
<p class="mb-0">Generamos pensamiento estratégico con base en las oportunidades y necesidades de cada marca o cliente para resaltar su producto o servicio de forma innovadora • Conceptualización • Planos y estudio estructural • Maquetas • Producción • Fabricación e instalación
</p>
</div>
<div class="service-icon p-4">
<img src="img/03 Lineas de Negocio/Lineas Negro/ConstruccionIdeas.png" alt="Construcción de Ideas" width="160" height="160">
</div>
</div>
</div>
<div class="col-12">
<!-- <div class="service-content-inner d-flex align-items-center bg-white border border-primary rounded p-4 pe-0">
<div class="service-content text-end">
<h5 class="mb-4">Event Management</h5>
<p class="mb-0">Dolor sit amet consectetur adipisicing elit. Non alias eum, suscipit expedita corrupti officiis debitis possimus nam laudantium beatae quidem dolore consequuntur voluptate rem reiciendis, omnis sequi harum earum.
</p>
</div>
<div class="service-icon p-4">
<i class="fa fa-cog fa-4x text-primary"></i>
</div>
</div> -->
</div>
</div>
</div>
<div class="col-lg-6">
<div class="row g-4">
<div class="col-12">
<div class="service-content-inner d-flex align-items-center bg-white border border-primary rounded p-4 ps-0">
<div class="service-icon p-4">
<img src="img/03 Lineas de Negocio/Lineas Negro/Mantenimiento.png" alt="Construcción de Ideas" width="160" height="160">
</div>
<div class="service-content">
<h5 class="mb-4">Mantenimiento</h5>
<p class="mb-0">Es de vital importancia realizar un PM (plan de mantenimiento) para tener en buen estado los elementos que constituyen y dan la comunicación exterior de la imagen corporativa y como consecuencia una construcción de marca e identidad única.
</p>
</div>
</div>
</div>
<div class="col-12">
<div class="service-content-inner d-flex align-items-center bg-white border border-primary rounded p-4 ps-0">
<div class="service-icon p-4">
<img src="img/03 Lineas de Negocio/Lineas Negro/Mobiliario.png" alt="Mantenimiento" width="160" height="160">
</div>
<div class="service-content">
<h5 class="mb-4">Mobiliario</h5>
<p class="mb-0">Una propuesta innovadora en el ámbito del mobiliario, diseñada para satisfacer las necesidades de quienes desean espacios únicos y personalizados en sus negocios. Más que una línea de productos, representamos una filosofía de diseño que destaca por su estética, funcionalidad y capacidad para expresar la identidad única de cada negocio.
</p>
</div>
</div>
</div>
<div class="col-12">
<!-- <div class="service-content-inner d-flex align-items-center bg-white border border-primary rounded p-4 ps-0">
<div class="service-icon p-4">
<i class="fa fa-user fa-4x text-primary"></i>
</div>
<div class="service-content">
<h5 class="mb-4">Travel Guides</h5>
<p class="mb-0">Dolor sit amet consectetur adipisicing elit. Non alias eum, suscipit expedita corrupti officiis debitis possimus nam laudantium beatae quidem dolore consequuntur voluptate rem reiciendis, omnis sequi harum earum.
</p>
</div>
</div> -->
</div>
<div class="col-12">
<!-- <div class="service-content-inner d-flex align-items-center bg-white border border-primary rounded p-4 ps-0">
<div class="service-icon p-4">
<i class="fa fa-cog fa-4x text-primary"></i>
</div>
<div class="service-content">
<h5 class="mb-4">Event Management</h5>
<p class="mb-0">Dolor sit amet consectetur adipisicing elit. Non alias eum, suscipit expedita corrupti officiis debitis possimus nam laudantium beatae quidem dolore consequuntur voluptate rem reiciendis, omnis sequi harum earum.
</p>
</div>
</div> -->
</div>
</div>
</div>
<!-- <div class="col-12">
<div class="text-center">
<a class="btn btn-primary rounded-pill py-3 px-5 mt-2" href="">Service More</a>
</div>
</div> -->
</div>
</div>
</div>
<!-- Services End -->
<!-- Destination Start
<div class="container-fluid destination py-5">
<div class="container py-5">
<div class="mx-auto text-center mb-5" style="max-width: 900px;">
<h5 class="section-title px-3">Proyectos</h5>
<h1 class="mb-0">Campañas realizadas</h1>
</div>
<div class="tab-class text-center">
<ul class="nav nav-pills d-inline-flex justify-content-center mb-5">
<li class="nav-item">
<a class="d-flex mx-3 py-2 border border-primary bg-light rounded-pill active" data-bs-toggle="pill" href="#tab-1">
<span class="text-dark" style="width: 150px;">Todos</span>
</a>
</li>
<li class="nav-item">
<a class="d-flex py-2 mx-3 border border-primary bg-light rounded-pill" data-bs-toggle="pill" href="#tab-2">
<span class="text-dark" style="width: 150px;">Holanda</span>
</a>
</li>
<li class="nav-item">
<a class="d-flex mx-3 py-2 border border-primary bg-light rounded-pill" data-bs-toggle="pill" href="#tab-3">
<span class="text-dark" style="width: 150px;">Sears</span>
</a>
</li>
<li class="nav-item">
<a class="d-flex mx-3 py-2 border border-primary bg-light rounded-pill" data-bs-toggle="pill" href="#tab-4">
<span class="text-dark" style="width: 150px;">Sanborns</span>
</a>
</li>
<li class="nav-item">
<a class="d-flex mx-3 py-2 border border-primary bg-light rounded-pill" data-bs-toggle="pill" href="#tab-5">
<span class="text-dark" style="width: 150px;">San Pablo</span>
</a>
</li>
<li class="nav-item">
<a class="d-flex mx-3 py-2 border border-primary bg-light rounded-pill" data-bs-toggle="pill" href="#tab-6">
<span class="text-dark" style="width: 150px;">Casino Emotion</span>
</a>
</li>
</ul>
<div class="tab-content">
<div id="tab-1" class="tab-pane fade show p-0 active">
<div class="row g-4">
<div class="col-xl-8">
<div class="row g-4">
<div class="col-lg-6">
<div class="destination-img">
<img class="img-fluid rounded w-100" src="img/holanda/holanda2.jpg" alt="">
<div class="destination-overlay p-4">
<a href="#" class="btn btn-primary text-white rounded-pill border py-2 px-3">8 Fotos</a>
<h4 class="text-white mb-2 mt-3">Holanda</h4>
<a href="#" class="btn-hover text-white">Ver Proyecto <i class="fa fa-arrow-right ms-2"></i></a>
</div>
<div class="search-icon">
<a href="img/holanda/holanda2.jpg" data-lightbox="destination-1"></i></a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="destination-img">
<img class="img-fluid rounded w-100" src="img/destination-2.jpg" alt="">
<div class="destination-overlay p-4">
<a href="#" class="btn btn-primary text-white rounded-pill border py-2 px-3">20 Photos</a>
<h4 class="text-white mb-2 mt-3">Las vegas</h4>
<a href="#" class="btn-hover text-white">View All Place <i class="fa fa-arrow-right ms-2"></i></a>
</div>
<div class="search-icon">
<a href="img/destination-2.jpg" data-lightbox="destination-2"></i></a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="destination-img">
<img class="img-fluid rounded w-100" src="img/destination-7.jpg" alt="">
<div class="destination-overlay p-4">
<a href="#" class="btn btn-primary text-white rounded-pill border py-2 px-3">20 Photos</a>
<h4 class="text-white mb-2 mt-3">Los angelas</h4>
<a href="#" class="btn-hover text-white">View All Place <i class="fa fa-arrow-right ms-2"></i></a>
</div>
<div class="search-icon">
<a href="img/destination-7.jpg" data-lightbox="destination-7"></i></a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="destination-img">
<img class="img-fluid rounded w-100" src="img/destination-8.jpg" alt="">
<div class="destination-overlay p-4">
<a href="#" class="btn btn-primary text-white rounded-pill border py-2 px-3">20 Photos</a>
<h4 class="text-white mb-2 mt-3">Los angelas</h4>
<a href="#" class="btn-hover text-white">View All Place <i class="fa fa-arrow-right ms-2"></i></a>
</div>
<div class="search-icon">
<a href="img/destination-8.jpg" data-lightbox="destination-8"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4">
<div class="destination-img h-100">
<img class="img-fluid rounded w-100 h-100" src="img/destination-9.jpg" style="object-fit: cover; min-height: 300px;" alt="">
<div class="destination-overlay p-4">
<a href="#" class="btn btn-primary text-white rounded-pill border py-2 px-3">20 Photos</a>
<h4 class="text-white mb-2 mt-3">San francisco</h4>
<a href="#" class="btn-hover text-white">View All Place <i class="fa fa-arrow-right ms-2"></i></a>
</div>
<div class="search-icon">
<a href="img/destination-9.jpg" data-lightbox="destination-4"></i></a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="destination-img">
<img class="img-fluid rounded w-100" src="img/destination-4.jpg" alt="">
<div class="destination-overlay p-4">
<a href="#" class="btn btn-primary text-white rounded-pill border py-2 px-3">20 Photos</a>
<h4 class="text-white mb-2 mt-3">Los angelas</h4>
<a href="#" class="btn-hover text-white">View All Place <i class="fa fa-arrow-right ms-2"></i></a>
</div>
<div class="search-icon">
<a href="img/destination-4.jpg" data-lightbox="destination-4"></i></a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="destination-img">
<img class="img-fluid rounded w-100" src="img/destination-5.jpg" alt="">
<div class="destination-overlay p-4">
<a href="#" class="btn btn-primary text-white rounded-pill border py-2 px-3">20 Photos</a>
<h4 class="text-white mb-2 mt-3">Los angelas</h4>
<a href="#" class="btn-hover text-white">View All Place <i class="fa fa-arrow-right ms-2"></i></a>
</div>
<div class="search-icon">
<a href="img/destination-5.jpg" data-lightbox="destination-5"></i></a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="destination-img">
<img class="img-fluid rounded w-100" src="img/destination-6.jpg" alt="">
<div class="destination-overlay p-4">
<a href="#" class="btn btn-primary text-white rounded-pill border py-2 px-3">20 Photos</a>
<h4 class="text-white mb-2 mt-3">Los angelas</h4>
<a href="#" class="btn-hover text-white">View All Place <i class="fa fa-arrow-right ms-2"></i></a>
</div>
<div class="search-icon">
<a href="img/destination-6.jpg" data-lightbox="destination-6"></i></a>
</div>
</div>
</div>
</div>
</div>
<div id="tab-2" class="tab-pane fade show p-0">
<div class="row g-4">
<div class="col-lg-6">
<div class="destination-img">
<img class="img-fluid rounded w-100" src="img/destination-5.jpg" alt="">
<div class="destination-overlay p-4">
<a href="#" class="btn btn-primary text-white rounded-pill border py-2 px-3">20 Photos</a>
<h4 class="text-white mb-2 mt-3">San francisco</h4>
<a href="#" class="btn-hover text-white">View All Place <i class="fa fa-arrow-right ms-2"></i></a>
</div>
<div class="search-icon">
<a href="img/destination-5.jpg" data-lightbox="destination-5"></i></a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="destination-img">
<img class="img-fluid rounded w-100" src="img/destination-6.jpg" alt="">
<div class="destination-overlay p-4">
<a href="#" class="btn btn-primary text-white rounded-pill border py-2 px-3">20 Photos</a>
<h4 class="text-white mb-2 mt-3">San francisco</h4>
<a href="#" class="btn-hover text-white">View All Place <i class="fa fa-arrow-right ms-2"></i></a>
</div>
<div class="search-icon">
<a href="img/destination-6.jpg" data-lightbox="destination-6"></i></a>
</div>
</div>
</div>
</div>
</div>
<div id="tab-3" class="tab-pane fade show p-0">
<div class="row g-4">
<div class="col-lg-6">
<div class="destination-img">
<img class="img-fluid rounded w-100" src="img/destination-5.jpg" alt="">
<div class="destination-overlay p-4">
<a href="#" class="btn btn-primary text-white rounded-pill border py-2 px-3">20 Photos</a>
<h4 class="text-white mb-2 mt-3">San francisco</h4>
<a href="#" class="btn-hover text-white">View All Place <i class="fa fa-arrow-right ms-2"></i></a>
</div>
<div class="search-icon">
<a href="img/destination-5.jpg" data-lightbox="destination-5"></i></a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="destination-img">
<img class="img-fluid rounded w-100" src="img/destination-6.jpg" alt="">
<div class="destination-overlay p-4">
<a href="#" class="btn btn-primary text-white rounded-pill border py-2 px-3">20 Photos</a>
<h4 class="text-white mb-2 mt-3">San francisco</h4>
<a href="#" class="btn-hover text-white">View All Place <i class="fa fa-arrow-right ms-2"></i></a>
</div>
<div class="search-icon">
<a href="img/destination-6.jpg" data-lightbox="destination-6"></i></a>
</div>
</div>
</div>
</div>
</div>
<div id="tab-4" class="tab-pane fade show p-0">
<div class="row g-4">
<div class="col-lg-6">
<div class="destination-img">
<img class="img-fluid rounded w-100" src="img/destination-5.jpg" alt="">
<div class="destination-overlay p-4">
<a href="#" class="btn btn-primary text-white rounded-pill border py-2 px-3">20 Photos</a>
<h4 class="text-white mb-2 mt-3">San francisco</h4>
<a href="#" class="btn-hover text-white">View All Place <i class="fa fa-arrow-right ms-2"></i></a>
</div>
<div class="search-icon">
<a href="img/destination-5.jpg" data-lightbox="destination-5"></i></a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="destination-img">
<img class="img-fluid rounded w-100" src="img/destination-6.jpg" alt="">
<div class="destination-overlay p-4">
<a href="#" class="btn btn-primary text-white rounded-pill border py-2 px-3">20 Photos</a>
<h4 class="text-white mb-2 mt-3">San francisco</h4>
<a href="#" class="btn-hover text-white">View All Place <i class="fa fa-arrow-right ms-2"></i></a>
</div>
<div class="search-icon">
<a href="img/destination-6.jpg" data-lightbox="destination-6"><i class="fa fa-plus-square fa-1x btn btn-light btn-lg-square text-primary"></i></a>
</div>
</div>
</div>
</div>
</div>
<div id="tab-5" class="tab-pane fade show p-0">
<div class="row g-4">
<div class="col-lg-6">
<div class="destination-img">
<img class="img-fluid rounded w-100" src="img/destination-5.jpg" alt="">
<div class="destination-overlay p-4">
<a href="#" class="btn btn-primary text-white rounded-pill border py-2 px-3">20 Photos</a>
<h4 class="text-white mb-2 mt-3">San francisco</h4>
<a href="#" class="btn-hover text-white">View All Place <i class="fa fa-arrow-right ms-2"></i></a>
</div>
<div class="search-icon">
<a href="img/destination-5.jpg" data-lightbox="destination-5"><i class="fa fa-plus-square fa-1x btn btn-light btn-lg-square text-primary"></i></a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="destination-img">
<img class="img-fluid rounded w-100" src="img/destination-6.jpg" alt="">
<div class="destination-overlay p-4">
<a href="#" class="btn btn-primary text-white rounded-pill border py-2 px-3">20 Photos</a>
<h4 class="text-white mb-2 mt-3">San francisco</h4>
<a href="#" class="btn-hover text-white">View All Place <i class="fa fa-arrow-right ms-2"></i></a>
</div>
<div class="search-icon">
<a href="img/destination-6.jpg" data-lightbox="destination-6"><i class="fa fa-plus-square fa-1x btn btn-light btn-lg-square text-primary"></i></a>
</div>
</div>
</div>
</div>
</div>
<div id="tab-6" class="tab-pane fade show p-0">
<div class="row g-4">
<div class="col-lg-6">
<div class="destination-img">
<img class="img-fluid rounded w-100" src="img/destination-5.jpg" alt="">
<div class="destination-overlay p-4">
<a href="#" class="btn btn-primary text-white rounded-pill border py-2 px-3">20 Photos</a>
<h4 class="text-white mb-2 mt-3">San francisco</h4>
<a href="#" class="btn-hover text-white">View All Place <i class="fa fa-arrow-right ms-2"></i></a>
</div>
<div class="search-icon">
<a href="img/destination-5.jpg" data-lightbox="destination-5"><i class="fa fa-plus-square fa-1x btn btn-light btn-lg-square text-primary"></i></a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="destination-img">
<img class="img-fluid rounded w-100" src="img/destination-6.jpg" alt="">
<div class="destination-overlay p-4">
<a href="#" class="btn btn-primary text-white rounded-pill border py-2 px-3">20 Photos</a>
<h4 class="text-white mb-2 mt-3">San francisco</h4>
<a href="#" class="btn-hover text-white">View All Place <i class="fa fa-arrow-right ms-2"></i></a>
</div>
<div class="search-icon">
<a href="img/destination-6.jpg" data-lightbox="destination-6"><i class="fa fa-plus-square fa-1x btn btn-light btn-lg-square text-primary"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Destination End -->
<!-- Explore Tour Start -->
<!-- <div class="container-fluid ExploreTour py-5">
<div class="container py-5">
<div class="mx-auto text-center mb-5" style="max-width: 900px;">
<h5 class="section-title px-3">Explore Tour</h5>
<h1 class="mb-4">The World</h1>
<p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum tempore nam, architecto doloremque velit explicabo? Voluptate sunt eveniet fuga eligendi! Expedita laudantium fugiat corrupti eum cum repellat a laborum quasi.
</p>
</div>
<div class="tab-class text-center">
<ul class="nav nav-pills d-inline-flex justify-content-center mb-5">
<li class="nav-item">
<a class="d-flex mx-3 py-2 border border-primary bg-light rounded-pill active" data-bs-toggle="pill" href="#NationalTab-1">
<span class="text-dark" style="width: 250px;">National Tour Category</span>
</a>
</li>
<li class="nav-item">
<a class="d-flex py-2 mx-3 border border-primary bg-light rounded-pill" data-bs-toggle="pill" href="#InternationalTab-2">
<span class="text-dark" style="width: 250px;">International tour Category</span>
</a>
</li>
</ul>
<div class="tab-content">
<div id="NationalTab-1" class="tab-pane fade show p-0 active">
<div class="row g-4">
<div class="col-md-6 col-lg-4">
<div class="national-item">
<img src="img/explore-tour-1.jpg" class="img-fluid w-100 rounded" alt="Image">
<div class="national-content">
<div class="national-info">
<h5 class="text-white text-uppercase mb-2">Weekend Tour</h5>
<a href="#" class="btn-hover text-white">View All Place <i class="fa fa-arrow-right ms-2"></i></a>
</div>
</div>
<div class="national-plus-icon">
<a href="#" class="my-auto"><i class="fas fa-link fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="national-item">
<img src="img/explore-tour-2.jpg" class="img-fluid w-100 rounded" alt="Image">
<div class="national-content">
<div class="national-info">
<h5 class="text-white text-uppercase mb-2">Holiday Tour</h5>
<a href="#" class="btn-hover text-white">View All Place <i class="fa fa-arrow-right ms-2"></i></a>
</div>
</div>
<div class="national-plus-icon">
<a href="#" class="my-auto"><i class="fas fa-link fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="national-item">
<img src="img/explore-tour-3.jpg" class="img-fluid w-100 rounded" alt="Image">
<div class="national-content">
<div class="national-info">
<h5 class="text-white text-uppercase mb-2">Road Trip</h5>
<a href="#" class="btn-hover text-white">View All Place <i class="fa fa-arrow-right ms-2"></i></a>
</div>
</div>
<div class="tour-offer bg-info">15% Off</div>
<div class="national-plus-icon">
<a href="#" class="my-auto"><i class="fas fa-link fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="national-item">
<img src="img/explore-tour-4.jpg" class="img-fluid w-100 rounded" alt="Image">
<div class="national-content">
<div class="national-info">
<h5 class="text-white text-uppercase mb-2">Historical Trip</h5>
<a href="#" class="btn-hover text-white">View All Place <i class="fa fa-arrow-right ms-2"></i></a>
</div>
</div>
<div class="national-plus-icon">
<a href="#" class="my-auto"><i class="fas fa-link fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="national-item">
<img src="img/explore-tour-5.jpg" class="img-fluid w-100 rounded" alt="Image">
<div class="national-content">
<div class="national-info">
<h5 class="text-white text-uppercase mb-2">Family Tour</h5>
<a href="#" class="btn-hover text-white">View All Place <i class="fa fa-arrow-right ms-2"></i></a>
</div>
</div>
<div class="tour-offer bg-warning">50% Off</div>
<div class="national-plus-icon">
<a href="#" class="my-auto"><i class="fas fa-link fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="national-item">
<img src="img/explore-tour-6.jpg" class="img-fluid w-100 rounded" alt="Image">
<div class="national-content">
<div class="national-info">
<h5 class="text-white text-uppercase mb-2">Beach Tour</h5>
<a href="#" class="btn-hover text-white">View All Place <i class="fa fa-arrow-right ms-2"></i></a>
</div>
</div>
<div class="national-plus-icon">
<a href="#" class="my-auto"><i class="fas fa-link fa-2x text-white"></i></a>
</div>
</div>
</div>
</div>
</div>
<div id="InternationalTab-2" class="tab-pane fade show p-0">
<div class="InternationalTour-carousel owl-carousel">
<div class="international-item">
<img src="img/explore-tour-1.jpg" class="img-fluid w-100 rounded" alt="Image">
<div class="international-content">
<div class="international-info">
<h5 class="text-white text-uppercase mb-2">Australia</h5>
<a href="#" class="btn-hover text-white me-4"><i class="fas fa-map-marker-alt me-1"></i> 8 Cities</a>
<a href="#" class="btn-hover text-white"><i class="fa fa-eye ms-2"></i> <span>143+ Tour Places</span></a>
</div>
</div>
<div class="tour-offer bg-success">30% Off</div>
<div class="international-plus-icon">
<a href="#" class="my-auto"><i class="fas fa-link fa-2x text-white"></i></a>
</div>
</div>
<div class="international-item">
<img src="img/explore-tour-2.jpg" class="img-fluid w-100 rounded" alt="Image">
<div class="international-content">
<div class="international-info">
<h5 class="text-white text-uppercase mb-2">Germany</h5>
<a href="#" class="btn-hover text-white me-4"><i class="fas fa-map-marker-alt me-1"></i> 12 Cities</a>
<a href="#" class="btn-hover text-white"><i class="fa fa-eye ms-2"></i> <span>21+ Tour Places</span></a>
</div>
</div>
<div class="international-plus-icon">
<a href="#" class="my-auto"><i class="fas fa-link fa-2x text-white"></i></a>
</div>
</div>
<div class="international-item">
<img src="img/explore-tour-3.jpg" class="img-fluid w-100 rounded" alt="Image">
<div class="international-content">
<div class="tour-offer bg-warning">45% Off</div>
<div class="international-info">
<h5 class="text-white text-uppercase mb-2">Spain</h5>
<a href="#" class="btn-hover text-white me-4"><i class="fas fa-map-marker-alt me-1"></i> 9 Cities</a>
<a href="#" class="btn-hover text-white"><i class="fa fa-eye ms-2"></i> <span>133+ Tour Places</span></a>
</div>
</div>
<div class="international-plus-icon">
<a href="#" class="my-auto"><i class="fas fa-link fa-2x text-white"></i></a>
</div>
</div>
<div class="international-item">
<img src="img/explore-tour-4.jpg" class="img-fluid w-100 rounded" alt="Image">
<div class="international-content">
<div class="international-info">
<h5 class="text-white text-uppercase mb-2">Japan</h5>
<a href="#" class="btn-hover text-white me-4"><i class="fas fa-map-marker-alt me-1"></i> 8 Cities</a>
<a href="#" class="btn-hover text-white"><i class="fa fa-eye ms-2"></i> <span>137+ Tour Places</span></a>
</div>
</div>
<div class="international-plus-icon">
<a href="#" class="my-auto"><i class="fas fa-link fa-2x text-white"></i></a>
</div>
</div>
<div class="international-item">
<img src="img/explore-tour-5.jpg" class="img-fluid w-100 rounded" alt="Image">
<div class="international-content">
<div class="tour-offer bg-info">70% Off</div>
<div class="international-info">
<h5 class="text-white text-uppercase mb-2">London</h5>
<a href="#" class="btn-hover text-white me-4"><i class="fas fa-map-marker-alt me-1"></i> 17 Cities</a>
<a href="#" class="btn-hover text-white"><i class="fa fa-eye ms-2"></i> <span>26+ Tour Places</span></a>
</div>
</div>
<div class="international-plus-icon">
<a href="#" class="my-auto"><i class="fas fa-link fa-2x text-white"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> -->
<!-- Explore Tour Start -->
<!-- Packages Start -->
<!--<div class="container-fluid packages py-5">
<div class="container py-5">
<div class="mx-auto text-center mb-5" style="max-width: 900px;">
<h5 class="section-title px-3">Packages</h5>
<h1 class="mb-0">Awesome Packages</h1>
</div>
<div class="packages-carousel owl-carousel">
<div class="packages-item">
<div class="packages-img">
<img src="img/packages-4.jpg" class="img-fluid w-100 rounded-top" alt="Image">
<div class="packages-info d-flex border border-start-0 border-end-0 position-absolute" style="width: 100%; bottom: 0; left: 0; z-index: 5;">
<small class="flex-fill text-center border-end py-2"><i class="fa fa-map-marker-alt me-2"></i>Venice - Italy</small>
<small class="flex-fill text-center border-end py-2"><i class="fa fa-calendar-alt me-2"></i>3 days</small>
<small class="flex-fill text-center py-2"><i class="fa fa-user me-2"></i>2 Person</small>
</div>
<div class="packages-price py-2 px-4">$349.00</div>
</div>
<div class="packages-content bg-light">
<div class="p-4 pb-0">
<h5 class="mb-0">Venice - Italy</h5>
<small class="text-uppercase">Hotel Deals</small>
<div class="mb-3">
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
</div>
<p class="mb-4">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nesciunt nemo quia quae illum aperiam fugiat voluptatem repellat</p>
</div>
<div class="row bg-primary rounded-bottom mx-0">
<div class="col-6 text-start px-0">
<a href="#" class="btn-hover btn text-white py-2 px-4">Read More</a>
</div>
<div class="col-6 text-end px-0">
<a href="#" class="btn-hover btn text-white py-2 px-4">Book Now</a>
</div>
</div>
</div>
</div>
<div class="packages-item">
<div class="packages-img">
<img src="img/packages-2.jpg" class="img-fluid w-100 rounded-top" alt="Image">
<div class="packages-info d-flex border border-start-0 border-end-0 position-absolute" style="width: 100%; bottom: 0; left: 0; z-index: 5;">
<small class="flex-fill text-center border-end py-2"><i class="fa fa-map-marker-alt me-2"></i>Venice - Italy</small>
<small class="flex-fill text-center border-end py-2"><i class="fa fa-calendar-alt me-2"></i>3 days</small>
<small class="flex-fill text-center py-2"><i class="fa fa-user me-2"></i>2 Person</small>
</div>
<div class="packages-price py-2 px-4">$449.00</div>
</div>
<div class="packages-content bg-light">
<div class="p-4 pb-0">
<h5 class="mb-0">The New California</h5>
<small class="text-uppercase">Hotel Deals</small>
<div class="mb-3">
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
</div>
<p class="mb-4">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nesciunt nemo quia quae illum aperiam fugiat voluptatem repellat</p>
</div>
<div class="row bg-primary rounded-bottom mx-0">
<div class="col-6 text-start px-0">
<a href="#" class="btn-hover btn text-white py-2 px-4">Read More</a>
</div>
<div class="col-6 text-end px-0">
<a href="#" class="btn-hover btn text-white py-2 px-4">Book Now</a>
</div>
</div>
</div>
</div>
<div class="packages-item">
<div class="packages-img">
<img src="img/packages-3.jpg" class="img-fluid w-100 rounded-top" alt="Image">
<div class="packages-info d-flex border border-start-0 border-end-0 position-absolute" style="width: 100%; bottom: 0; left: 0; z-index: 5;">
<small class="flex-fill text-center border-end py-2"><i class="fa fa-map-marker-alt me-2"></i>Venice - Italy</small>
<small class="flex-fill text-center border-end py-2"><i class="fa fa-calendar-alt me-2"></i>3 days</small>
<small class="flex-fill text-center py-2"><i class="fa fa-user me-2"></i>2 Person</small>
</div>
<div class="packages-price py-2 px-4">$549.00</div>
</div>
<div class="packages-content bg-light">
<div class="p-4 pb-0">
<h5 class="mb-0">Discover Japan</h5>
<small class="text-uppercase">Hotel Deals</small>
<div class="mb-3">
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
</div>
<p class="mb-4">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nesciunt nemo quia quae illum aperiam fugiat voluptatem repellat</p>
</div>
<div class="row bg-primary rounded-bottom mx-0">
<div class="col-6 text-start px-0">
<a href="#" class="btn-hover btn text-white py-2 px-4">Read More</a>
</div>
<div class="col-6 text-end px-0">
<a href="#" class="btn-hover btn text-white py-2 px-4">Book Now</a>
</div>
</div>
</div>
</div>
<div class="packages-item">
<div class="packages-img">
<img src="img/packages-1.jpg" class="img-fluid w-100 rounded-top" alt="Image">
<div class="packages-info d-flex border border-start-0 border-end-0 position-absolute" style="width: 100%; bottom: 0; left: 0; z-index: 5;">
<small class="flex-fill text-center border-end py-2"><i class="fa fa-map-marker-alt me-2"></i>Thayland</small>
<small class="flex-fill text-center border-end py-2"><i class="fa fa-calendar-alt me-2"></i>3 days</small>
<small class="flex-fill text-center py-2"><i class="fa fa-user me-2"></i>2 Person</small>
</div>
<div class="packages-price py-2 px-4">$649.00</div>
</div>
<div class="packages-content bg-light">
<div class="p-4 pb-0">
<h5 class="mb-0">Thayland Trip</h5>
<small class="text-uppercase">Hotel Deals</small>
<div class="mb-3">
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
</div>
<p class="mb-4">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nesciunt nemo quia quae illum aperiam fugiat voluptatem repellat</p>
</div>
<div class="row bg-primary rounded-bottom mx-0">
<div class="col-6 text-start px-0">
<a href="#" class="btn-hover btn text-white py-2 px-4">Read More</a>
</div>
<div class="col-6 text-end px-0">
<a href="#" class="btn-hover btn text-white py-2 px-4">Book Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div> -->
<!-- Packages End -->
<!-- Gallery Start -->
<div class="container-fluid gallery py-5 my-5">
<div class="mx-auto text-center mb-5" style="max-width: 900px;">
<h5 class="section-title px-3">Galeria</h5>
<h1 class="mb-4">Portafolio de Proyectos</h1>
<p class="mb-0">Contamos con un amplio portafolio de clientes, desarrollado y cuidado meticulosamente para proporcionar la mejor experiencia y posicionamiento de marca a tus productos, dejando una huella memorable en la mente de tus clientes.
</p>
</div>
<div class="tab-class text-center">
<ul class="nav nav-pills d-inline-flex justify-content-center mb-5">
<li class="nav-item">
<a class="d-flex mx-3 py-2 border border-primary bg-light rounded-pill active" data-bs-toggle="pill" href="#GalleryTab-1">
<span class="text-dark" style="width: 150px;">América Móvil</span>
</a>
</li>
<li class="nav-item">
<a class="d-flex py-2 mx-3 border border-primary bg-light rounded-pill" data-bs-toggle="pill" href="#GalleryTab-2">
<span class="text-dark" style="width: 180px;">Sears</span>
</a>
</li>
<li class="nav-item">
<a class="d-flex mx-3 py-2 border border-primary bg-light rounded-pill" data-bs-toggle="pill" href="#GalleryTab-3">
<span class="text-dark" style="width: 180px;">Farmacias San Pablo</span>
</a>
</li>
<li class="nav-item">
<a class="d-flex mx-3 py-2 border border-primary bg-light rounded-pill" data-bs-toggle="pill" href="#GalleryTab-4">
<span class="text-dark" style="width: 180px;">Sanborns</span>
</a>
</li>
<li class="nav-item">
<a class="d-flex mx-3 py-2 border border-primary bg-light rounded-pill" data-bs-toggle="pill" href="#GalleryTab-5">
<span class="text-dark" style="width: 150px;">Helados Holanda</span>
</a>
</li>
<li class="nav-item">
<a class="d-flex mx-3 py-2 border border-primary bg-light rounded-pill" data-bs-toggle="pill" href="#GalleryTab-6">
<span class="text-dark" style="width: 150px;">MultiPack</span>
</a>
</li>
<li class="nav-item">
<a class="d-flex mx-3 py-2 border border-primary bg-light rounded-pill" data-bs-toggle="pill" href="#GalleryTab-7">
<span class="text-dark" style="width: 150px;">Casino Life</span>
</a>
</li>
<li class="nav-item">
<a class="d-flex mx-3 py-2 border border-primary bg-light rounded-pill" data-bs-toggle="pill" href="#GalleryTab-8">
<span class="text-dark" style="width: 150px;">Todos</span>
</a>
</li>
</ul>
<div class="tab-content">
<div id="GalleryTab-1" class="tab-pane fade show p-0 active">
<div class="row g-2">
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.46 (1).jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">América Movíl</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.46 (1).jpeg" data-lightbox="gallery-1">
<i class="bi bi-search fa-2x text- white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.46 (2).jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">América Movíl</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.46 (2).jpeg" data-lightbox="gallery-2">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.46 (4).jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">América Movíl</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.46 (4).jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.49 (3).jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">América Movíl</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.49 (3).jpeg" data-lightbox="gallery-4">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.48 (5).jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">América Movíl</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.48 (5).jpeg" data-lightbox="gallery-5">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.49.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">América Movíl</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.49.jpeg" data-lightbox="gallery-6">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-3 col-xl-3">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.59.51.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">América Movíl</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.59.51.jpeg" data-lightbox="gallery-7">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-3 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.47.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">América Movíl</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.47.jpeg" data-lightbox="gallery-8">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-3 col-xl-3">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.59.52 (2).jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">América Movíl</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.59.52 (2).jpeg" data-lightbox="gallery-9">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-3 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.49 (2).jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">América Movíl</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.49 (2).jpeg" data-lightbox="gallery-10">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
</div>
</div>
<div id="GalleryTab-2" class="tab-pane fade show p-0">
<div class="row g-2">
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sears/Manteniemiento Sears 1.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Sears</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sears/Manteniemiento Sears 1.jpg" data-lightbox="gallery-2">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sears/Mantenimiento Sears 2.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Sears</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sears/Mantenimiento Sears 2.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sears/WhatsApp Image 2024-06-07 at 17.58.47 (4).jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Sears</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sears/WhatsApp Image 2024-06-07 at 17.58.47 (4).jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sears/WhatsApp Image 2024-06-07 at 17.58.48 (3).jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Sears</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sears/WhatsApp Image 2024-06-07 at 17.58.48 (3).jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
</div>
</div>
<div id="GalleryTab-3" class="tab-pane fade show p-0">
<div class="row g-2">
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sanpablo/IMG-20190904-WA0049.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Farmacias San Pablo</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sanpablo/IMG-20190904-WA0049.jpg" data-lightbox="gallery-2">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sanpablo/IMG-20190918-WA0015.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Farmacias San Pablo</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sanpablo/IMG-20190918-WA0015.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sanpablo/IMG-20190925-WA0010.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Farmacias San Pablo</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sanpablo/IMG-20190925-WA0010.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sanpablo/IMG_20171019_100324.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Farmacias San Pablo</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sanpablo/IMG_20171019_100324.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sanpablo/photo_2024-05-30 12.49.55.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Farmacias San Pablo</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sanpablo/photo_2024-05-30 12.49.55.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
</div>
</div>
<div id="GalleryTab-4" class="tab-pane fade show p-0">
<div class="row g-2">
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sanborns/Captura de pantalla 2024-04-25 a la(s) 0.17.14.png" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Sanborns</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sanborns/Captura de pantalla 2024-04-25 a la(s) 0.17.14.png" data-lightbox="gallery-2">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sanborns/Mantenimiento Sanborns 1.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Sanborns</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sanborns/Mantenimiento Sanborns 1.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sanborns/Mantenimiento Sanborns 2.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Sanborns</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sanborns/Mantenimiento Sanborns 2.png" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sanborns/Mantenimiento Sanborns 3.png" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Sanborns</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sanborns/Mantenimiento Sanborns 3.png" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
</div>
</div>
<div id="GalleryTab-5" class="tab-pane fade show p-0">
<div class="row g-2">
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/holanda/Helado 1.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Helados Holanda</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/holanda/Helado 1.jpg" data-lightbox="gallery-2">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/holanda/Helado 2.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Helados Holanda</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/holanda/Helado 2.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/holanda/Helado 3.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Helados Holanda</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/holanda/Helado 3.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/holanda/holanda1.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Helados Holanda</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/holanda/holanda1.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/holanda/holanda2.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Helados Holanda</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/holanda/holanda2.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/holanda/holanda3.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Helados Holanda</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/holanda/holanda3.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/holanda/holanda4.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Helados Holanda</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/holanda/holanda4.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/holanda/holanda5.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Helados Holanda</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/holanda/holanda5.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/holanda/holanda6.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Helados Holanda</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/holanda/holanda6.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/holanda/holanda7.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Helados Holanda</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/holanda/holanda7.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/holanda/holanda8.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Helados Holanda</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/holanda/holanda8.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
</div>
</div>
<div id="GalleryTab-6" class="tab-pane fade show p-0">
<div class="row g-2">
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/MultiPack/multipack1.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">MultiPack</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/MultiPack/multipack1.jpeg" data-lightbox="gallery-2">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/MultiPack/multipack2.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">MultiPack</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/MultiPack/multipack2.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/MultiPack/multipack3.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">MultiPack</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/MultiPack/multipack3.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/MultiPack/multipack4.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">MultiPack</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/MultiPack/multipack4.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/MultiPack/multipack5.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">MultiPack</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/MultiPack/multipack5.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/MultiPack/multipack6.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">MultiPack</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/MultiPack/multipack6.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/MultiPack/multipack7.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">MultiPack</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/MultiPack/multipack7.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/MultiPack/multipack8.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">MultiPack</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/MultiPack/multipack8.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/MultiPack/multipack9.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">MultiPack</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/MultiPack/multipack9.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
</div>
</div>
<div id="GalleryTab-7" class="tab-pane fade show p-0">
<div class="row g-2">
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/Casino Life/casino1.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Casino Life</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/Casino Life/casino1.jpeg" data-lightbox="gallery-2">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/Casino Life/casino2.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Casino Life</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/Casino Life/casino2.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/Casino Life/casino3.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Casino Life</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/Casino Life/casino3.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/Casino Life/casino4.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Casino Life</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/Casino Life/casino4.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/Casino Life/casino5.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Casino Life</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/Casino Life/casino5.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
</div>
</div>
<div id="GalleryTab-8" class="tab-pane fade show p-0">
<div class="row g-2">
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/Casino Life/casino1.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Casino Life</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/Casino Life/casino1.jpeg" data-lightbox="gallery-2">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/Casino Life/casino2.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Casino Life</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/Casino Life/casino2.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/Casino Life/casino3.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Casino Life</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/Casino Life/casino3.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/Casino Life/casino4.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Casino Life</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/Casino Life/casino4.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/Casino Life/casino5.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Casino Life</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/Casino Life/casino5.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/MultiPack/multipack1.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">MultiPack</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/MultiPack/multipack1.jpeg" data-lightbox="gallery-2">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/MultiPack/multipack2.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">MultiPack</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/MultiPack/multipack2.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/MultiPack/multipack3.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">MultiPack</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/MultiPack/multipack3.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/MultiPack/multipack4.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">MultiPack</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/MultiPack/multipack4.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/MultiPack/multipack5.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">MultiPack</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/MultiPack/multipack5.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/MultiPack/multipack6.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">MultiPack</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/MultiPack/multipack6.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/MultiPack/multipack7.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">MultiPack</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/MultiPack/multipack7.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/MultiPack/multipack8.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">MultiPack</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/MultiPack/multipack8.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/MultiPack/multipack9.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">MultiPack</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/MultiPack/multipack9.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/holanda/Helado 1.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Helados Holanda</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/holanda/Helado 1.jpg" data-lightbox="gallery-2">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/holanda/Helado 2.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Helados Holanda</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/holanda/Helado 2.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/holanda/Helado 3.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Helados Holanda</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/holanda/Helado 3.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/holanda/holanda1.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Helados Holanda</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/holanda/holanda1.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/holanda/holanda2.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Helados Holanda</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/holanda/holanda2.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/holanda/holanda3.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Helados Holanda</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/holanda/holanda3.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/holanda/holanda4.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Helados Holanda</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/holanda/holanda4.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/holanda/holanda5.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Helados Holanda</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/holanda/holanda5.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/holanda/holanda6.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Helados Holanda</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/holanda/holanda6.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/holanda/holanda7.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Helados Holanda</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/holanda/holanda7.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/holanda/holanda8.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Helados Holanda</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/holanda/holanda8.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sanborns/Captura de pantalla 2024-04-25 a la(s) 0.17.14.png" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Sanborns</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sanborns/Captura de pantalla 2024-04-25 a la(s) 0.17.14.png" data-lightbox="gallery-2">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sanborns/Mantenimiento Sanborns 1.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Sanborns</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sanborns/Mantenimiento Sanborns 1.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sanborns/Mantenimiento Sanborns 2.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Sanborns</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sanborns/Mantenimiento Sanborns 2.png" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sanborns/Mantenimiento Sanborns 3.png" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Sanborns</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sanborns/Mantenimiento Sanborns 3.png" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sanpablo/IMG-20190904-WA0049.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Farmacias San Pablo</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sanpablo/IMG-20190904-WA0049.jpg" data-lightbox="gallery-2">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sanpablo/IMG-20190918-WA0015.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Farmacias San Pablo</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sanpablo/IMG-20190918-WA0015.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sanpablo/IMG-20190925-WA0010.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Farmacias San Pablo</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sanpablo/IMG-20190925-WA0010.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sanpablo/IMG_20171019_100324.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Farmacias San Pablo</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sanpablo/IMG_20171019_100324.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sanpablo/photo_2024-05-30 12.49.55.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Farmacias San Pablo</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sanpablo/photo_2024-05-30 12.49.55.jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sears/Manteniemiento Sears 1.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Sears</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sears/Manteniemiento Sears 1.jpg" data-lightbox="gallery-2">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sears/Mantenimiento Sears 2.jpg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Sears</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sears/Mantenimiento Sears 2.jpg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sears/WhatsApp Image 2024-06-07 at 17.58.47 (4).jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Sears</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sears/WhatsApp Image 2024-06-07 at 17.58.47 (4).jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/sears/WhatsApp Image 2024-06-07 at 17.58.48 (3).jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">Sears</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/sears/WhatsApp Image 2024-06-07 at 17.58.48 (3).jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.46 (1).jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">América Movíl</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.46 (1).jpeg" data-lightbox="gallery-1">
<i class="bi bi-search fa-2x text- white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.46 (2).jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">América Movíl</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.46 (2).jpeg" data-lightbox="gallery-2">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.46 (4).jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">América Movíl</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.46 (4).jpeg" data-lightbox="gallery-3">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.49 (3).jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">América Movíl</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.49 (3).jpeg" data-lightbox="gallery-4">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.48 (5).jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">América Movíl</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.48 (5).jpeg" data-lightbox="gallery-5">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.49.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">América Movíl</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.49.jpeg" data-lightbox="gallery-6">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-3 col-xl-3">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.59.51.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">América Movíl</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.59.51.jpeg" data-lightbox="gallery-7">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-3 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.47.jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">América Movíl</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.47.jpeg" data-lightbox="gallery-8">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-3 col-xl-3">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.59.52 (2).jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">América Movíl</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.59.52 (2).jpeg" data-lightbox="gallery-9">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-3 col-xl-2">
<div class="gallery-item h-100">
<img src="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.49 (2).jpeg" class="img-fluid w-100 h-100 rounded" alt="Image">
<div class="gallery-content">
<div class="gallery-info">
<h5 class="text-white text-uppercase mb-2">América Movíl</h5>
</div>
</div>
<div class="gallery-plus-icon">
<a href="img/06 Galeria Clientes/AmericaMovil/WhatsApp Image 2024-06-07 at 17.58.49 (2).jpeg" data-lightbox="gallery-10">
<i class="bi bi-search fa-2x text-white"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Gallery End -->
<!-- Tour Booking Start -->
<div class="container-fluid booking py-5">
<div class="container py-5">
<div class="row g-5 align-items-center">
<div class="col-lg-6">
<h5 class="section-booking-title pe-3">Agenda</h5>
<h1 class="text-white mb-4">Contacta una cita con ventas</h1>
<p class="text-white mb-4">Comunicate con nuestro equipo de especializado de Asesores el cual te ayudara a que cumplas tus necesidades y objetivos.
</p>
<p class="text-white mb-4"> Todo lo que requiere tú negocio para crecer y hacerlo visible lo contraras en Impacto Creativo.
</p>
<a href="#" class="btn btn-light text-primary rounded-pill py-3 px-5 mt-2">Whatsapp</a>
</div>
<div class="col-lg-6">
<h1 class="text-white mb-3">Tenemos la mejor asesoria</h1>
<p class="text-white mb-4">Obten <span class="text-warning"></span> la mejor asesoria para tus proyectos de Publicidad.</p>
<form>
<div class="row g-3">
<div class="col-md-6">
<div class="form-floating">
<input type="text" class="form-control bg-white border-0" id="name" placeholder="Nombre">
<label for="name">Nombre</label>
</div>
</div>
<div class="col-md-6">
<div class="form-floating">
<input type="email" class="form-control bg-white border-0" id="email" placeholder="Correo">
<label for="email">Correo</label>
</div>
</div>
<div class="col-md-6">
<div class="form-floating date" id="date3" data-target-input="nearest">
<input type="text" class="form-control bg-white border-0" id="datetime" placeholder="Date & Time" data-target="#date3" data-toggle="datetimepicker" />
<label for="datetime">Teléfono</label>
</div>
</div>
<!-- <div class="col-md-6">
<div class="form-floating">
<select class="form-select bg-white border-0" id="select1">
<option value="1">Destination 1</option>
<option value="2">Destination 2</option>
<option value="3">Destination 3</option>
</select>
<label for="select1">Destination</label>
</div>
</div>
<div class="col-md-6">
<div class="form-floating">
<select class="form-select bg-white border-0" id="SelectPerson">
<option value="1">Persons 1</option>
<option value="2">Persons 2</option>
<option value="3">Persons 3</option>
</select>
<label for="SelectPerson">Persons</label>
</div>
</div> -->
<div class="col-md-6">
<div class="form-floating">
<select class="form-select bg-white border-0" id="CategoriesSelect">
<option value="1">Anuncios Luminosos</option>
<option value="2">Mantenimiento</option>
<option value="3">Implementaciones Especiales</option>
<option value="3">Mobiliario</option>
<option value="3">Construcción de Ideas</option>
</select>
<label for="CategoriesSelect">Categorias</label>
</div>
</div>
<div class="col-12">
<div class="form-floating">
<textarea class="form-control bg-white border-0" placeholder="Special Request" id="message" style="height: 100px"></textarea>
<label for="message">Descripción</label>
</div>
</div>
<div class="col-12">
<button class="btn btn-primary text-white w-100 py-3" type="submit">Agendar</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- Tour Booking End -->
<!-- Travel Guide Start -->
<div class="container-fluid guide py-5">
<div class="container py-5">
<div class="mx-auto text-center mb-5" style="max-width: 900px;">
<h5 class="section-title px-3">Equipo</h5>
<h1 class="mb-0">Conoce a nuestro equipo Asesores Especializados</h1>
</div>
<div class="row g-4">
<div class="col-md-6 col-lg-3">
<div class="guide-item">
<div class="guide-img">
<div class="guide-img-efects">
<img src="img/04 Generales/Ventas 1.jpg" class="img-fluid w-100 rounded-top" alt="Image">
</div>
<!-- <div class="guide-icon rounded-pill p-2">
<a class="btn btn-square btn-primary rounded-circle mx-1" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-square btn-primary rounded-circle mx-1" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-square btn-primary rounded-circle mx-1" href=""><i class="fab fa-instagram"></i></a>
<a class="btn btn-square btn-primary rounded-circle mx-1" href=""><i class="fab fa-linkedin-in"></i></a>
</div> -->
</div>
<div class="guide-title text-center rounded-bottom p-4">
<div class="guide-title-inner">
<h4 class="mt-3">Angeles Martinez</h4>
<p class="mb-0">Asesor de Ventas</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="guide-item">
<div class="guide-img">
<div class="guide-img-efects">
<img src="img/04 Generales/Ventas 2.jpg" class="img-fluid w-100 rounded-top" alt="Image">
</div>
<!-- <div class="guide-icon rounded-pill p-2">
<a class="btn btn-square btn-primary rounded-circle mx-1" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-square btn-primary rounded-circle mx-1" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-square btn-primary rounded-circle mx-1" href=""><i class="fab fa-instagram"></i></a>
<a class="btn btn-square btn-primary rounded-circle mx-1" href=""><i class="fab fa-linkedin-in"></i></a>
</div> -->
</div>
<div class="guide-title text-center rounded-bottom p-4">
<div class="guide-title-inner">
<h4 class="mt-3">Carlos Armenta</h4>
<p class="mb-0">Asesor de Ventas</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="guide-item">
<div class="guide-img">
<div class="guide-img-efects">
<img src="img/04 Generales/Ventas 3.jpg" class="img-fluid w-100 rounded-top" alt="Image">
</div>
<!-- <div class="guide-icon rounded-pill p-2">
<a class="btn btn-square btn-primary rounded-circle mx-1" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-square btn-primary rounded-circle mx-1" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-square btn-primary rounded-circle mx-1" href=""><i class="fab fa-instagram"></i></a>
<a class="btn btn-square btn-primary rounded-circle mx-1" href=""><i class="fab fa-linkedin-in"></i></a>
</div> -->
</div>
<div class="guide-title text-center rounded-bottom p-4">
<div class="guide-title-inner">
<h4 class="mt-3">Elia Franco</h4>
<p class="mb-0">Asesor de Ventas</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="guide-item">
<div class="guide-img">
<div class="guide-img-efects">
<img src="img/04 Generales/Ventas 4.jpg" class="img-fluid w-100 rounded-top" alt="Image">
</div>
<!-- <div class="guide-icon rounded-pill p-2">
<a class="btn btn-square btn-primary rounded-circle mx-1" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-square btn-primary rounded-circle mx-1" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-square btn-primary rounded-circle mx-1" href=""><i class="fab fa-instagram"></i></a>
<a class="btn btn-square btn-primary rounded-circle mx-1" href=""><i class="fab fa-linkedin-in"></i></a>
</div> -->
</div>
<div class="guide-title text-center rounded-bottom p-4">
<div class="guide-title-inner">
<h4 class="mt-3">Itandewi Altamirano</h4>
<p class="mb-0">Asesor de Ventas</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Travel Guide End -->
<!-- Blog Start -->
<!-- <div class="container-fluid blog py-5">
<div class="container py-5">
<div class="mx-auto text-center mb-5" style="max-width: 900px;">
<h5 class="section-title px-3">Our Blog</h5>
<h1 class="mb-4">Popular Travel Blogs</h1>
<p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti deserunt tenetur sapiente atque. Magni non explicabo beatae sit, vel reiciendis consectetur numquam id similique sunt error obcaecati ducimus officia maiores.
</p>
</div>
<div class="row g-4 justify-content-center">
<div class="col-lg-4 col-md-6">
<div class="blog-item">
<div class="blog-img">
<div class="blog-img-inner">
<img class="img-fluid w-100 rounded-top" src="img/blog-1.jpg" alt="Image">
<div class="blog-icon">
<a href="#" class="my-auto"><i class="fas fa-link fa-2x text-white"></i></a>
</div>
</div>
<div class="blog-info d-flex align-items-center border border-start-0 border-end-0">
<small class="flex-fill text-center border-end py-2"><i class="fa fa-calendar-alt text-primary me-2"></i>28 Jan 2050</small>
<a href="#" class="btn-hover flex-fill text-center text-white border-end py-2"><i class="fa fa-thumbs-up text-primary me-2"></i>1.7K</a>
<a href="#" class="btn-hover flex-fill text-center text-white py-2"><i class="fa fa-comments text-primary me-2"></i>1K</a>
</div>
</div>
<div class="blog-content border border-top-0 rounded-bottom p-4">
<p class="mb-3">Posted By: Royal Hamblin </p>
<a href="#" class="h4">Adventures Trip</a>
<p class="my-3">Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit diam amet diam eos</p>
<a href="#" class="btn btn-primary rounded-pill py-2 px-4">Read More</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="blog-item">
<div class="blog-img">
<div class="blog-img-inner">
<img class="img-fluid w-100 rounded-top" src="img/blog-2.jpg" alt="Image">
<div class="blog-icon">
<a href="#" class="my-auto"><i class="fas fa-link fa-2x text-white"></i></a>
</div>
</div>
<div class="blog-info d-flex align-items-center border border-start-0 border-end-0">
<small class="flex-fill text-center border-end py-2"><i class="fa fa-calendar-alt text-primary me-2"></i>28 Jan 2050</small>
<a href="#" class="btn-hover flex-fill text-center text-white border-end py-2"><i class="fa fa-thumbs-up text-primary me-2"></i>1.7K</a>
<a href="#" class="btn-hover flex-fill text-center text-white py-2"><i class="fa fa-comments text-primary me-2"></i>1K</a>
</div>
</div>
<div class="blog-content border border-top-0 rounded-bottom p-4">
<p class="mb-3">Posted By: Royal Hamblin </p>
<a href="#" class="h4">Adventures Trip</a>
<p class="my-3">Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit diam amet diam eos</p>
<a href="#" class="btn btn-primary rounded-pill py-2 px-4">Read More</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="blog-item">
<div class="blog-img">
<div class="blog-img-inner">
<img class="img-fluid w-100 rounded-top" src="img/blog-3.jpg" alt="Image">
<div class="blog-icon">
<a href="#" class="my-auto"><i class="fas fa-link fa-2x text-white"></i></a>
</div>
</div>
<div class="blog-info d-flex align-items-center border border-start-0 border-end-0">
<small class="flex-fill text-center border-end py-2"><i class="fa fa-calendar-alt text-primary me-2"></i>28 Jan 2050</small>
<a href="#" class="btn-hover flex-fill text-center text-white border-end py-2"><i class="fa fa-thumbs-up text-primary me-2"></i>1.7K</a>
<a href="#" class="btn-hover flex-fill text-center text-white py-2"><i class="fa fa-comments text-primary me-2"></i>1K</a>
</div>
</div>
<div class="blog-content border border-top-0 rounded-bottom p-4">
<p class="mb-3">Posted By: Royal Hamblin </p>
<a href="#" class="h4">Adventures Trip</a>
<p class="my-3">Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit diam amet diam eos</p>
<a href="#" class="btn btn-primary rounded-pill py-2 px-4">Read More</a>
</div>
</div>
</div>
</div>
</div>
</div> -->
<!-- Blog End -->
<!-- Testimonial Start -->
<div class="container-fluid testimonial py-5">
<div class="container py-5">
<div class="mx-auto text-center mb-5" style="max-width: 900px;">
<h5 class="section-title px-3">Clientes</h5>
<h1 class="mb-0">Creamos Publicidad que impacta a sus clientes</h1>
</div>
<div id="carouselExample" class="carousel slide carousel-dark" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col-4"><img src="img/05 Clientes/Autozone.png" class="d-block w-100 img-fluid" alt="Foto 1"></div>
<div class="col-4"><img src="img/05 Clientes/Cinemexlogo.png" class="d-block w-100 img-fluid" alt="Foto 2"></div>
<div class="col-4"><img src="img/05 Clientes/Coppel.png" class="d-block w-100 img-fluid" alt="Foto 3"></div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-4"><img src="img/05 Clientes/DAX.png" class="d-block w-100 img-fluid" alt="Foto 4"></div>
<div class="col-4"><img src="img/05 Clientes/crepeswaffles.png" class="d-block w-100 img-fluid" alt="Foto 5"></div>
<div class="col-4"><img src="img/05 Clientes/In-Store-Media-Logo.png" class="d-block w-100 img-fluid" alt="Foto 6"></div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-4"><img src="img/05 Clientes/Inbursa.png" class="d-block w-100 img-fluid" alt="Foto 7"></div>
<div class="col-4"><img src="img/05 Clientes/innovasportlogo.jpg" class="d-block w-100 img-fluid" alt="Foto 8"></div>
<div class="col-4"><img src="img/05 Clientes/LiverpoolLogo.png" class="d-block w-100 img-fluid" alt="Foto 9"></div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-4"><img src="img/05 Clientes/MacStoreLogo.png" class="d-block w-100 img-fluid" alt="Foto 10"></div>
<div class="col-4"><img src="img/05 Clientes/OfficeDepotLogo.png" class="d-block w-100 img-fluid" alt="Foto 11"></div>
<div class="col-4"><img src="img/05 Clientes/MarchandLogo.png" class="d-block w-100 img-fluid" alt="Foto 12"></div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Anterior</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Siguiente</span>
</button>
</div>
<!-- <div class="testimonial-carousel owl-carousel">
<div class="testimonial-item text-center rounded pb-4">
<div class="testimonial-comment bg-light rounded p-4">
<p class="text-center mb-5">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quis nostrum cupiditate, eligendi repellendus saepe illum earum architecto dicta quisquam quasi porro officiis. Vero reiciendis,
</p>
</div>
<div class="testimonial-img p-1">
<img src="img/testimonial-1.jpg" class="img-fluid rounded-circle" alt="Image">
</div>
<div style="margin-top: -35px;">
<h5 class="mb-0">John Abraham</h5>
<p class="mb-0">New York, USA</p>
<div class="d-flex justify-content-center">
<i class="fas fa-star text-primary"></i>
<i class="fas fa-star text-primary"></i>
<i class="fas fa-star text-primary"></i>
<i class="fas fa-star text-primary"></i>
<i class="fas fa-star text-primary"></i>
</div>
</div>
</div>
<div class="testimonial-item text-center rounded pb-4">
<div class="testimonial-comment bg-light rounded p-4">
<p class="text-center mb-5">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quis nostrum cupiditate, eligendi repellendus saepe illum earum architecto dicta quisquam quasi porro officiis. Vero reiciendis,
</p>
</div>
<div class="testimonial-img p-1">
<img src="img/testimonial-2.jpg" class="img-fluid rounded-circle" alt="Image">
</div>
<div style="margin-top: -35px;">
<h5 class="mb-0">John Abraham</h5>
<p class="mb-0">New York, USA</p>
<div class="d-flex justify-content-center">
<i class="fas fa-star text-primary"></i>
<i class="fas fa-star text-primary"></i>
<i class="fas fa-star text-primary"></i>
<i class="fas fa-star text-primary"></i>
<i class="fas fa-star text-primary"></i>
</div>
</div>
</div>
<div class="testimonial-item text-center rounded pb-4">
<div class="testimonial-comment bg-light rounded p-4">
<p class="text-center mb-5">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quis nostrum cupiditate, eligendi repellendus saepe illum earum architecto dicta quisquam quasi porro officiis. Vero reiciendis,
</p>
</div>
<div class="testimonial-img p-1">
<img src="img/testimonial-3.jpg" class="img-fluid rounded-circle" alt="Image">
</div>
<div style="margin-top: -35px;">
<h5 class="mb-0">John Abraham</h5>
<p class="mb-0">New York, USA</p>
<div class="d-flex justify-content-center">
<i class="fas fa-star text-primary"></i>
<i class="fas fa-star text-primary"></i>
<i class="fas fa-star text-primary"></i>
<i class="fas fa-star text-primary"></i>
<i class="fas fa-star text-primary"></i>
</div>
</div>
</div>
<div class="testimonial-item text-center rounded pb-4">
<div class="testimonial-comment bg-light rounded p-4">
<p class="text-center mb-5">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quis nostrum cupiditate, eligendi repellendus saepe illum earum architecto dicta quisquam quasi porro officiis. Vero reiciendis,
</p>
</div>
<div class="testimonial-img p-1">
<img src="img/testimonial-4.jpg" class="img-fluid rounded-circle" alt="Image">
</div>
<div style="margin-top: -35px;">
<h5 class="mb-0">John Abraham</h5>
<p class="mb-0">New York, USA</p>
<div class="d-flex justify-content-center">
<i class="fas fa-star text-primary"></i>
<i class="fas fa-star text-primary"></i>
<i class="fas fa-star text-primary"></i>
<i class="fas fa-star text-primary"></i>
<i class="fas fa-star text-primary"></i>
</div>
</div>
</div>
</div> -->
</div>
</div>
<!-- Testimonial End -->
<!-- Subscribe Start -->
<div class="container-fluid subscribe py-5">
<div class="container text-center py-5">
<div class="mx-auto text-center" style="max-width: 900px;">
<h5 class="subscribe-title px-3">Suscribete</h5>
<h1 class="text-white mb-4">Nuestro Newsletter</h1>
<p class="text-white mb-5">Reciba información de Promociones, Noticias y actualizaciones acerca de la empresa.
</p>
<div class="position-relative mx-auto">
<input class="form-control border-primary rounded-pill w-100 py-3 ps-4 pe-5" type="text" placeholder="Correo">
<button type="button" class="btn btn-primary rounded-pill position-absolute top-0 end-0 py-2 px-4 mt-2 me-2">Suscribete</button>
</div>
</div>
</div>
</div>
<!-- Subscribe End -->
<!-- Footer Start -->
<div class="container-fluid footer py-5">
<div class="container py-5">
<div class="row g-5">
<div class="col-md-6 col-lg-6 col-xl-3">
<div class="footer-item d-flex flex-column">
<h4 class="mb-4 text-white">Impacto Creativo Solutions</h4>
<a href=""><i class="fas fa-home me-2"></i> Constitución de 1810 26, La Laguna Ticoman, Gustavo A. Madero, C.P. 07330</a>
<a href=""><i class="fas fa-envelope me-2"></i> [email protected]</a>
<a href=""><i class="fas fa-phone me-2"></i> +52 55 5752 7286</a>
<a href="" class="mb-3"><i class="fas fa-clock me-2"></i>Horario L - V | 08:00am - 06:00pm</a>
<div class="d-flex align-items-center">
<i class="fas fa-share fa-2x text-white me-2"></i>
<a class="btn-square btn btn-primary rounded-circle mx-1" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn-square btn btn-primary rounded-circle mx-1" href=""><i class="fab fa-twitter"></i></a>
<a class="btn-square btn btn-primary rounded-circle mx-1" href=""><i class="fab fa-instagram"></i></a>
<a class="btn-square btn btn-primary rounded-circle mx-1" href=""><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-xl-3">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d248.43936333954946!2d-99.13380963160643!3d19.51550325974081!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85d1f9c54d21277f%3A0x27a254daebf9a1c7!2sImpacto%20Creativo%20Solutions%20S.A.%20de%20C.V.!5e0!3m2!1ses-419!2smx!4v1715099291768!5m2!1ses-419!2smx" width="600" height="400" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="col-md-6 col-lg-6 col-xl-3">
<!--<div class="footer-item d-flex flex-column">
<h4 class="mb-4 text-white">Company</h4>
<a href=""><i class="fas fa-angle-right me-2"></i> About</a>
<a href=""><i class="fas fa-angle-right me-2"></i> Careers</a>
<a href=""><i class="fas fa-angle-right me-2"></i> Blog</a>
<a href=""><i class="fas fa-angle-right me-2"></i> Press</a>
<a href=""><i class="fas fa-angle-right me-2"></i> Gift Cards</a>
<a href=""><i class="fas fa-angle-right me-2"></i> Magazine</a>
</div> -->
</div>
<div class="col-md-6 col-lg-6 col-xl-3">
<div class="footer-item d-flex flex-column">
<h4 class="mb-4 text-white">Empresa</h4>
<a href="section-booking-title"><i class="fas fa-angle-right me-2"></i> Contacto</a>
<a href="recursos/12.02 Aviso de Privacidad Pagina Web.pdf"><i class="fas fa-angle-right me-2"></i> Aviso de Privacidad</a>
<a href="recursos/7.01 Codigo de Etica.pdf"><i class="fas fa-angle-right me-2"></i> Código de Conducta</a>
<a href=""><i class="fas fa-angle-right me-2"></i> Cookie policy</a>
</div>
</div>
<!-- <div class="col-md-6 col-lg-6 col-xl-3">
<div class="footer-item">
<div class="row gy-3 gx-2 mb-4">
<div class="col-xl-6">
<form>
<div class="form-floating">
<select class="form-select bg-dark border" id="select1">
<option value="1">Arabic</option>
<option value="2">German</option>
<option value="3">Greek</option>
<option value="3">New York</option>
</select>
<label for="select1">English</label>
</div>
</form>
</div>
<div class="col-xl-6">
<form>
<div class="form-floating">
<select class="form-select bg-dark border" id="select1">
<option value="1">USD</option>
<option value="2">EUR</option>
<option value="3">INR</option>
<option value="3">GBP</option>
</select>
<label for="select1">$</label>
</div>
</form>
</div>
</div>
<h4 class="text-white mb-3">Payments</h4>
<div class="footer-bank-card">
<a href="#" class="text-white me-2"><i class="fab fa-cc-amex fa-2x"></i></a>
<a href="#" class="text-white me-2"><i class="fab fa-cc-visa fa-2x"></i></a>
<a href="#" class="text-white me-2"><i class="fas fa-credit-card fa-2x"></i></a>
<a href="#" class="text-white me-2"><i class="fab fa-cc-mastercard fa-2x"></i></a>
<a href="#" class="text-white me-2"><i class="fab fa-cc-paypal fa-2x"></i></a>
<a href="#" class="text-white"><i class="fab fa-cc-discover fa-2x"></i></a>
</div>
</div>
</div> -->
</div>
</div>
</div>
<!-- Footer End -->
<!-- Copyright Start -->
<div class="container-fluid copyright text-body py-4">
<div class="container">
<div class="row g-4 align-items-center">
<div class="col-md-6 text-center text-md-end mb-md-0">
<i class="fas fa-copyright me-2"></i><a class="text-white" href="#">Impacto Creativo Solutions</a>, Todos los derechos reservados 2024.
</div>
<div class="col-md-6 text-center text-md-start">
<!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
<!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
<!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
Diseñado por <a class="text-green" href="https://byterah.com">Byterah.com </a>
</div>
</div>
</div>
</div>
<!-- Copyright End -->
<!-- Back to Top -->
<a href="#" class="btn btn-primary btn-primary-outline-0 btn-md-square back-to-top"><i class="fa fa-arrow-up"></i></a>
<!-- JavaScript Libraries -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment