<!DOCTYPE html>
<html lang="es">
<head>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>El Peregrino</title>
<link rel="icon" href="/assets/images/icon/favicon.png" type="image/gif" sizes="20x20" />
<link rel="stylesheet" href="/assets/css/all.css" />
<link rel="stylesheet" href="/assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="/assets/css/boxicons.min.css" />
<link rel="stylesheet" href="/assets/css/bootstrap-icons.css" />
<link rel="stylesheet" href="/assets/css/jquery-ui.css" />
<link rel="stylesheet" href="/assets/css/swiper-bundle.css" />
<link rel="stylesheet" href="/assets/css/nice-select.css" />
<link rel="stylesheet" href="/assets/css/magnific-popup.css" />
<link rel="stylesheet" href="/assets/css/jquery.fancybox.min.css" />
<link rel="stylesheet" href="/assets/css/odometer.css" />
<link rel="stylesheet" href="/assets/css/style.css" />
<!-- Magnific Popup core CSS file -->
<link rel="stylesheet" href="magnific-popup/magnific-popup.css">
<!-- jQuery 1.7.2+ or Zepto.js 1.0+ -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<!-- Magnific Popup core JS file -->
<script src="magnific-popup/jquery.magnific-popup.js"></script>
<!-- captcha -->
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
</head>
</head>
<body>
<div class="top-bar two">
<div class="container-lg container-fluid">
<div class="row">
<div class="col-lg-5 col-md-5 d-flex align-items-center justify-content-md-start justify-content-center">
<div class="open-time">
<p><span>Horario</span> 1:00 pm to 10:30 pm</p>
</div>
</div>
<div class="col-lg-7 col-md-7 d-flex justify-content-end">
<div class="contact-info">
<ul>
<li>
<a target="_blank" href="mailto:info@elperegrinocabo.com">
<i class="bi bi-envelope"></i>
info@elperegrinocabo.com
</a>
</li>
<li>
<a href="https://goo.gl/maps/8uABdiNuTdpxQZeL7?coh=178573&entry=tt" target="_blank">
<i class="bi bi-geo-alt"></i>
Cabo San Lucas
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<header class="header-area style-2">
<div class="container-fluid d-flex justify-content-between align-items-center">
<div class="header-logo">
<a href="/">
<img alt="image" class="img-fluid" src="assets/images/Logo.png" style="width: 13rem;" />
</a>
</div>
<div class="main-menu">
<div class="mobile-logo-area d-lg-none d-flex justify-content-between align-items-center">
<div class="mobile-logo-wrap">
<a href="/">
<img alt="image" src="assets/images/Logo.png" style="width: 13rem;" />
</a>
</div>
<div class="menu-close-btn">
<i class="bi bi-x-lg text-white"></i>
</div>
</div>
<ul class="menu-list">
<li>
<a href="/" >Inicio</a>
</li>
<li><a href="/#nosotros">Nosotros</a></li>
<li><a href="/#galeria">Galería</a></li>
<li><a href="/#menu">Menú</a></li>
</ul>
<div class="hotline d-lg-none d-flex mb-30">
<div class="hotline-icon">
<svg width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
<path
d="M20.5488 16.106C20.0165 15.5518 19.3745 15.2554 18.694 15.2554C18.0191 15.2554 17.3716 15.5463 16.8173 16.1005L15.0833 17.8291C14.9406 17.7522 14.7979 17.6809 14.6608 17.6096C14.4632 17.5108 14.2766 17.4175 14.1175 17.3187C12.4932 16.2871 11.0171 14.9426 9.6013 13.2031C8.91536 12.3361 8.45441 11.6063 8.11968 10.8655C8.56965 10.4539 8.9867 10.0259 9.39277 9.61431C9.54642 9.46066 9.70007 9.30152 9.85372 9.14787C11.0061 7.9955 11.0061 6.50291 9.85372 5.35054L8.35564 3.85246C8.18553 3.68234 8.00993 3.50674 7.8453 3.33115C7.51606 2.99092 7.17034 2.63972 6.81366 2.31047C6.28137 1.78368 5.64483 1.50381 4.97535 1.50381C4.30588 1.50381 3.65836 1.78368 3.10961 2.31047C3.10412 2.31596 3.10412 2.31596 3.09864 2.32145L1.23289 4.20365C0.530497 4.90605 0.129911 5.7621 0.0421114 6.75533C-0.089588 8.35768 0.382335 9.85027 0.744508 10.827C1.63348 13.2251 2.96145 15.4475 4.94243 17.8291C7.34594 20.699 10.2378 22.9653 13.5413 24.5622C14.8034 25.1603 16.4881 25.8682 18.3703 25.9889C18.4855 25.9944 18.6062 25.9999 18.716 25.9999C19.9836 25.9999 21.0482 25.5445 21.8823 24.639C21.8878 24.628 21.8987 24.6226 21.9042 24.6116C22.1896 24.2659 22.5188 23.9531 22.8645 23.6184C23.1005 23.3934 23.3419 23.1574 23.5779 22.9105C24.1212 22.3453 24.4065 21.6868 24.4065 21.0118C24.4065 20.3314 24.1157 19.6783 23.5614 19.1296L20.5488 16.106ZM22.5133 21.8843C22.5078 21.8843 22.5078 21.8898 22.5133 21.8843C22.2993 22.1148 22.0798 22.3233 21.8439 22.5538C21.4872 22.894 21.125 23.2507 20.7848 23.6513C20.2305 24.2439 19.5775 24.5238 18.7215 24.5238C18.6392 24.5238 18.5514 24.5238 18.4691 24.5183C16.8393 24.414 15.3247 23.7775 14.1888 23.2342C11.0829 21.7307 8.35564 19.596 6.08931 16.8907C4.21808 14.6354 2.96694 12.5501 2.13833 10.3112C1.62799 8.94484 1.44142 7.88026 1.52373 6.87606C1.57861 6.23402 1.82554 5.70174 2.281 5.24628L4.15223 3.37504C4.42112 3.12262 4.70647 2.98543 4.98633 2.98543C5.33204 2.98543 5.6119 3.19396 5.7875 3.36956C5.79299 3.37504 5.79847 3.38053 5.80396 3.38602C6.1387 3.69881 6.45697 4.02257 6.79171 4.36828C6.96182 4.54388 7.13742 4.71948 7.31302 4.90056L8.8111 6.39865C9.39277 6.98032 9.39277 7.51809 8.8111 8.09976C8.65196 8.2589 8.49831 8.41804 8.33918 8.57169C7.87823 9.04361 7.43923 9.48261 6.96182 9.91063C6.95085 9.92161 6.93987 9.92709 6.93438 9.93807C6.46246 10.41 6.55026 10.8709 6.64903 11.1837C6.65452 11.2002 6.66001 11.2167 6.6655 11.2331C7.05511 12.177 7.60385 13.0659 8.43795 14.125L8.44344 14.1305C9.95798 15.9962 11.5548 17.4504 13.3163 18.5644C13.5413 18.7071 13.7718 18.8223 13.9913 18.932C14.1888 19.0308 14.3754 19.1241 14.5345 19.2229C14.5565 19.2339 14.5784 19.2503 14.6004 19.2613C14.787 19.3546 14.9626 19.3985 15.1436 19.3985C15.5991 19.3985 15.8845 19.1131 15.9777 19.0198L17.8545 17.1431C18.041 16.9566 18.3374 16.7316 18.6831 16.7316C19.0233 16.7316 19.3032 16.9456 19.4733 17.1322C19.4788 17.1376 19.4788 17.1376 19.4842 17.1431L22.5078 20.1667C23.0731 20.7265 23.0731 21.3026 22.5133 21.8843Z">
</path>
<path
d="M14.0512 6.18495C15.4889 6.4264 16.7949 7.10685 17.8375 8.14947C18.8802 9.19209 19.5551 10.4981 19.8021 11.9358C19.8624 12.298 20.1752 12.5504 20.5319 12.5504C20.5758 12.5504 20.6142 12.5449 20.6581 12.5395C21.0642 12.4736 21.3331 12.0895 21.2672 11.6834C20.9709 9.94387 20.1478 8.35799 18.8911 7.10136C17.6345 5.84473 16.0486 5.0216 14.3091 4.72528C13.903 4.65943 13.5244 4.92832 13.4531 5.3289C13.3817 5.72949 13.6451 6.1191 14.0512 6.18495Z">
</path>
<path
d="M25.9707 11.4691C25.4823 8.60468 24.1324 5.99813 22.0581 3.92387C19.9838 1.8496 17.3773 0.49968 14.5128 0.011294C14.1122 -0.0600432 13.7336 0.214331 13.6623 0.614917C13.5964 1.02099 13.8653 1.39963 14.2714 1.47096C16.8285 1.90447 19.1607 3.11721 21.0155 4.96649C22.8702 6.82125 24.0775 9.15343 24.511 11.7106C24.5714 12.0728 24.8841 12.3252 25.2408 12.3252C25.2847 12.3252 25.3231 12.3197 25.367 12.3142C25.7676 12.2539 26.042 11.8697 25.9707 11.4691Z">
</path>
</svg>
</div>
<div class="hotline-info">
<span>Márcanos</span>
<h6><a href="tel:+526246884872">624 688 4872</a></h6>
</div>
</div>
<div class="reservation-btn d-lg-none d-flex">
<a href="/#contactar" class="primary-btn4 btn-md">Contactar</a>
</div>
</div>
<div class="nav-right d-flex jsutify-content-end align-items-center">
<a href="/#contactar" class="primary-btn4 btn-md">Contactar</a>
<div class="sidebar-button mobile-menu-btn">
<i class="bi bi-list"></i>
</div>
</div>
</div>
</header>
<main>
<div class="banner-section2">
<div class="banner-vector">
<img class="pagination-bg" src="/assets/images/icon/h2-slider-paginatin-bg.svg" alt="" />
<img class="rect-shape1" src="/assets/images/icon/h2-banner-rect-shape.svg" alt="" />
<img class="rect-shape2" src="/assets/images/icon/h2-banner-rect-shape.svg" alt="" />
<img class="circle" src="/assets/images/icon/h2-banner-circle.svg" alt="" />
</div>
<div class="swiper banner2-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="banner-wrapper d-flex align-items-center justify-content-between">
<div class="banner-content">
<span><img class="left-vec" src="/assets/images/icon/sub-title-vec.svg" alt="sub-title-vec" />
Disfruta de los mejores sabores
<img class="right-vec" src="/assets/images/icon/sub-title-vec.svg" alt="sub-title-vec" /></span>
<h1>Consiéntete con nuestros platillos.</h1>
<p>
Descubre una amplia variedad de platillos internacionales en El Peregrino
</p>
<a class="primary-btn5 btn-md2" href="/#menu"><i class="bi bi-arrow-up-right-circle"></i>
Ver más
</a>
</div>
<div class="banner-right">
<img class="img-fluid h2-banner-img1" src="/assets/images/bg/h2-banner-img11.png?=2" alt="h2-banner-img1" />
<img class="img-fluid h2-banner-img3" src="/assets/images/bg/h2-banner-img22.png?=2" alt="h2-banner-img3" />
<img class="img-fluid h2-banner-img2" src="/assets/images/bg/h2-banner-img33.png?=2" alt="h2-banner-img2" />
<img class="img-fluid h2-banner-img4" src="/assets/images/bg/h2-banner-img44.png?=2" alt="h2-banner-img4" />
</div>
</div>
</div>
<div class="swiper-slide">
<div class="banner-wrapper d-flex align-items-center justify-content-between">
<div class="banner-content">
<span>
<img class="left-vec" src="/assets/images/icon/sub-title-vec.svg" alt="sub-title-vec" />
Bienvenido a El Peregrino
<img class="right-vec" src="/assets/images/icon/sub-title-vec.svg" alt="sub-title-vec" /></span>
<h1>Una experiencia culinaria única.</h1>
<p>
El lugar perfecto para disfrutar de buena comida y buen ambiente.
</p>
<a class="primary-btn5 btn-md2" href="/#menu">
<i class="bi bi-arrow-up-right-circle"></i>
Ver más
</a>
</div>
<div class="banner-right">
<img class="img-fluid h2-banner-img1" src="/assets/images/bg/h2-banner-img111.png?=2" alt="h2-banner-img1" />
<img class="img-fluid h2-banner-img3" src="/assets/images/bg/h2-banner-img333.png?=2" alt="h2-banner-img3" />
<img class="img-fluid h2-banner-img2" src="/assets/images/bg/h2-banner-img222.png?=2" alt="h2-banner-img2" />
<img class="img-fluid h2-banner-img4" src="/assets/images/bg/h2-banner-img444.png?=2" alt="h2-banner-img4" />
</div>
</div>
</div>
</div>
<div class="swiper-pagination-g"></div>
</div>
</div>
<div id="nosotros" class="mb-100"></div>
<div class="h2-about-area pb-120" style="margin-top: 60px;">
<div class="about-left2">
<img class="img-fluid" src="/assets/images/bg/h2-about-img-full.webp?=2" alt="h2-about-img-full" />
</div>
<div class="about-left">
<img class="img-fluid h2-about-img1" src="/assets/images/bg/h2-about-img1.png?=2" alt="h2-about-img1" />
<img class="img-fluid h2-about-img3" src="/assets/images/bg/h2-about-img3.png?=2" alt="h2-about-img3" />
<img class="img-fluid h2-about-img2" src="/assets/images/bg/h2-about-img2.png?=2" alt="h2-about-img2" />
<img class="img-fluid h2-about-img4" src="/assets/images/bg/h2-about-img4.png?=2" alt="h2-about-img4" />
</div>
<div class="about-right">
<div class="section-title">
<span><img class="left-vec" src="/assets/images/icon/sub-title-vec.svg" alt="sub-title-vec" />
Sobre nosotros
<img class="right-vec" src="/assets/images/icon/sub-title-vec.svg" alt="sub-title-vec" />
</span>
<h2>Lo mejor de la cocina al grill.</h2>
<p>
Nuestro restaurante es conocido por su parrilla y la selección cuidadosamente elegida de cortes de
carne, que son asados a la perfección para brindarte una experiencia única y deliciosa. Además, nuestra
selección de mariscos frescos es incomparable, con opciones de todo tipo para satisfacer los gustos más
exigentes.
<br><br>
No solo ofrecemos una amplia variedad de opciones culinarias, sino que también tenemos un ambiente
acogedor y relajante, perfecto para disfrutar de una buena conversación entre amigos o una cena
romántica en pareja.
</p>
</div>
<div class="about-featurs">
<ul>
<li>
<div class="features-img">
<img src="/assets/images/icon/h2-about1.svg" alt="" />
</div>
<div class="features-content">
<h4>Ingredientes frescos</h4>
</div>
</li>
<li>
<div class="features-img">
<img src="/assets/images/icon/h2-about2.svg" alt="" />
</div>
<div class="features-content">
<h4>Comida de calidad.</h4>
</div>
</li>
</ul>
</div>
<a class="primary-btn5 btn-md2" href="/#menu"><i class="bi bi-arrow-up-right-circle"></i>Ver menú</a>
</div>
</div>
<div id="menu" class="mb-100"></div>
<div class="h2-reguler-item mb-120">
<div class="container">
<div class="row d-flex justify-content-center mb-40">
<div class="col-lg-12">
<div class="section-title text-center">
<span>
<img class="left-vec" src="/assets/images/icon/sub-title-vec.svg" alt="sub-title-vec" />
Nuestro menú
<img class="right-vec" src="/assets/images/icon/sub-title-vec.svg" alt="sub-title-vec" /></span>
<h3 style="color:#fff;">¡Satisface tus antojos con nuestros platillos!</h3>
</div>
</div>
</div>
<div class="menu2-area">
<div class="container">
<div class="row justify-content-center popup-gallery">
<div class="col-lg-12">
<div class="menu2-tab mb-70">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button style="color: #fff;" class="nav-link active" id="breakfast-tab" data-bs-toggle="tab" data-bs-target="#breakfast" type="button" role="tab" aria-controls="breakfast" aria-selected="true">
Español
</button>
</li>
<li class="nav-item" role="presentation">
<button style="color: #fff;" class="nav-link" id="lunch-tab" data-bs-toggle="tab" data-bs-target="#lunch" type="button" role="tab" aria-controls="lunch" aria-selected="false">
English
</button>
</li>
</ul>
</div>
</div>
<div class="col-lg-12">
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="breakfast" role="tabpanel" aria-labelledby="breakfast-tab">
<div class="row">
<div class="col-lg-6 p-0 text-center">
<a href="/assets/images/bg/01.jpg" >
<img src="/assets/images/bg/01.jpg" style="width: 20rem;" alt="El Peregrino">
</a>
</div>
<div class="col-lg-6 p-0 text-center">
<a href="/assets/images/bg/02.jpg" >
<img src="/assets/images/bg/02.jpg" style="width: 20rem;" alt="El Peregrino">
</a>
</div>
</div>
</div>
<div class="tab-pane fade" id="lunch" role="tabpanel" aria-labelledby="lunch-tab">
<div class="row">
<div class="col-lg-6 p-0 text-center">
<a href="/assets/images/bg/01-eng.jpg" >
<img src="/assets/images/bg/01-eng.jpg" style="width: 20rem;" alt="El Peregrino">
</a>
</div>
<div class="col-lg-6 p-0 text-center">
<a href="/assets/images/bg/02-eng.jpg" >
<img src="/assets/images/bg/02-eng.jpg" style="width: 20rem;" alt="El Peregrino">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="galeria" style="height: 20px;"></div>
<div class="h2-special-gallery mb-120" style="margin-top: 60px;">
<div class="container" style="margin-top: 100px;">
<div class="row d-flex align-items-center justify-content-center mb-40">
<div class="col-lg-8">
<div class="section-title text-center">
<span>
<img class="left-vec" src="/assets/images/icon/sub-title-vec.svg" alt="sub-title-vec" />
¡No te quedes sin probar nuestros platillos!
<img class="right-vec" src="/assets/images/icon/sub-title-vec.svg" alt="sub-title-vec" /></span>
<h2>Galería</h2>
</div>
</div>
</div>
</div>
<div class="swiper h2-gallery">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="/assets/images/bg/h2-gallery-big-1.jpg?=1" data-fancybox="gallery" class="portfolio-img">
<div class="gallery-img">
<img class="img-fluid" src="/assets/images/bg/h2-gallery-1.jpg?=1" alt="" />
<div class="overlay">
<img src="/assets/images/icon/Zoom.svg" alt="" />
</div>
</div>
</a>
</div>
<div class="swiper-slide">
<a href="/assets/images/bg/h2-gallery-big-2.jpg?=1" data-fancybox="gallery" class="portfolio-img">
<div class="gallery-img">
<img class="img-fluid" src="/assets/images/bg/h2-gallery-2.jpg?=1" alt="" />
<div class="overlay">
<img src="/assets/images/icon/Zoom.svg" alt="" />
</div>
</div>
</a>
</div>
<div class="swiper-slide">
<a href="/assets/images/bg/h2-gallery-big-3.jpg?=1" data-fancybox="gallery" class="portfolio-img">
<div class="gallery-img">
<img class="img-fluid" src="/assets/images/bg/h2-gallery-3.jpg?=1" alt="" />
<div class="overlay">
<img src="/assets/images/icon/Zoom.svg" alt="" />
</div>
</div>
</a>
</div>
<div class="swiper-slide">
<a href="/assets/images/bg/h2-gallery-big-4.jpg?=1" data-fancybox="gallery" class="portfolio-img">
<div class="gallery-img">
<img class="img-fluid" src="/assets/images/bg/h2-gallery-4.jpg?=1" alt="" />
<div class="overlay">
<img src="/assets/images/icon/Zoom.svg" alt="" />
</div>
</div>
</a>
</div>
<div class="swiper-slide">
<a href="/assets/images/bg/h2-gallery-big-5.jpg?=1" data-fancybox="gallery" class="portfolio-img">
<div class="gallery-img">
<img class="img-fluid" src="/assets/images/bg/h2-gallery-5.jpg?=1" alt="" />
<div class="overlay">
<img src="/assets/images/icon/Zoom.svg" alt="" />
</div>
</div>
</a>
</div>
<div class="swiper-slide">
<a href="/assets/images/bg/h2-gallery-big-6.jpg?=1" data-fancybox="gallery" class="portfolio-img">
<div class="gallery-img">
<img class="img-fluid" src="/assets/images/bg/h2-gallery-6.jpg?=1" alt="" />
<div class="overlay">
<img src="/assets/images/icon/Zoom.svg" alt="" />
</div>
</div>
</a>
</div>
<div class="swiper-slide">
<a href="/assets/images/bg/h2-gallery-big-7.jpg?=1" data-fancybox="gallery" class="portfolio-img">
<div class="gallery-img">
<img class="img-fluid" src="/assets/images/bg/h2-gallery-7.jpg?=1" alt="" />
<div class="overlay">
<img src="/assets/images/icon/Zoom.svg" alt="" />
</div>
</div>
</a>
</div>
<div class="swiper-slide">
<a href="/assets/images/bg/h2-gallery-big-8.jpg?=1" data-fancybox="gallery" class="portfolio-img">
<div class="gallery-img">
<img class="img-fluid" src="/assets/images/bg/h2-gallery-8.jpg?=1" alt="" />
<div class="overlay">
<img src="/assets/images/icon/Zoom.svg" alt="" />
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="contact-page pt-120" style="margin-bottom: 100px;" id="contactar">
<div class="container-fluid">
<div class="row d-flex justify-content-center mb-40">
<div class="col-lg-8">
<div class="section-title text-center">
<span>
<img class="left-vec" src="/assets/images/icon/sub-title-vec.svg" alt="sub-title-vec" />
Contáctanos
<img class="right-vec" src="/assets/images/icon/sub-title-vec.svg" alt="sub-title-vec" />
</span>
<h2>¡Déjate sorprender por nuestras recetas! </h2>
</div>
</div>
</div>
<div class="row justify-content-center g-4">
<div class="col-xxl-6 col-xl-4 col-lg-5 col-md-6 col-sm-8">
<div class="contact-wrap">
<div class="contact-img">
<img src="/assets/images/bg/contact-img-01.jpg?=1" alt="contact-img-01" />
</div>
<div class="contact-content">
<h3>El Peregrino</h3>
<ul>
<li>
<div class="icon">
<img src="/assets/images/icon/location.svg" alt="location" />
</div>
<div class="content">
<a href="https://goo.gl/maps/k3VsiG6Ven7KqtGe8?coh=178573&entry=tt" target="_blank">Calle Zaragoza <br> esquina 20 de Noviembre</a>
</div>
</li>
<li>
<div class="icon">
<img src="/assets/images/icon/phone.svg" alt="phone" />
</div>
<div class="content">
<a href="tel:+526246884872" target="_blank">624 688 4872</a>
</div>
</li>
<!--<li>
<div class="icon">
<img src="/assets/images/icon/envlope.svg" alt="envlope" />
</div>
<div class="content">
<a target="_blank" href="mailto:info@elperegrinocabo.com">info@elperegrinocabo.com</a>
</div>
</li> -->
</ul>
</div>
</div>
</div>
<div class="col-xxl-6 col-xl-4 col-lg-5 col-md-6 col-sm-8">
<div class="contact-wrap">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2675.245206007313!2d-109.91515764245001!3d22.888906624635776!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x86af4afa990b3aab%3A0xfd615a0b4d85c860!2sEl%20Peregrino!5e0!3m2!1ses-419!2smx!4v1683650968712!5m2!1ses-419!2smx" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</div>
</div>
<div hidden class="h2-reservarion-area mb-120">
<div class="bg-vector">
<img class="img-fluid" src="/assets/images/bg/h2-reservation-1.png" alt="" />
</div>
<div class="container">
<div class="row d-flex align-items-center justify-content-center mb-40">
<div class="col-lg-8">
<div class="section-title text-center">
<span>
<img class="left-vec" src="/assets/images/icon/sub-title-vec.svg" alt="sub-title-vec" />
¡Reserva ahora!
<img class="right-vec" src="/assets/images/icon/sub-title-vec.svg" alt="sub-title-vec" /></span>
<h2>Prepárate para una velada increíble</h2>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-10">
<form method="post" action="/php/contact.php">
<div class="row justify-content-center">
<div class="col-lg-12 col-md-12 mb-25">
<div class="form-inner">
<input type="text" name="nombre" id="nombre" placeholder="Nombre*" />
</div>
</div>
<div class="col-lg-6 col-md-6 mb-25">
<div class="form-inner">
<input type="text" name="tel" id="tel" placeholder="Teléfono*" />
</div>
</div>
<div class="col-lg-6 col-md-6 mb-25">
<div class="form-inner">
<input type="text" name="pax" id="pax" placeholder="Pax" />
</div>
</div>
<div class="col-lg-6 col-md-6 mb-25">
<div class="form-inner">
<select class="time-select" name="hora" id="hora">
<option value="1 pm">01 : 00 pm</option>
<option value="2 pm">02 : 00 pm</option>
<option value="3 pm">03 : 00 pm</option>
<option value="4 pm">04 : 00 pm</option>
<option value="5 pm">05 : 00 pm</option>
<option value="6 pm">06 : 00 pm</option>
<option value="7 pm">07 : 00 pm</option>
<option value="8 pm">08 : 00 pm</option>
<option value="9 pm">09 : 00 pm</option>
<option value="10 pm">10 : 00 pm</option>
</select>
</div>
</div>
<div class="col-lg-6 col-md-6 sm-mb-25">
<div class="form-inner">
<input type="email" name="mail" id="mail" placeholder="Correo" />
</div>
</div>
<div class="row justify-content-center" style="margin-bottom: 3rem; margin-top:3rem;">
<div class="col-12 col-md-5">
<div class="g-recaptcha" data-sitekey="6Lf92OAfAAAAAEy9m8sf2kbU0ojkdDs5CNOnaNYS" required></div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="form-inner">
<button type="submit" name="submit" id="submit">Reservar</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="home3-testimonial mb-120">
<div class="container">
<div class="row justify-content-center mb-45">
<div class="col-lg-8">
<div class="section-title3 text-center">
<span>
<img class="left-vec" src="/assets/images/icon/h3-sub-title-vec.svg" alt="" />Opiniones<img class="right-vec" src="/assets/images/icon/h3-sub-title-vec.svg" alt="" /></span>
<h2>¿Qué dicen nuestros clientes?</h2>
</div>
</div>
</div>
<div class="row mb-50">
<div class="swiper home3-testimonial-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-wrap">
<div class="testimonial-content">
<div class="quoat-icon">
<img src="/assets/images/icon/Comma.svg" alt="Comma" />
</div>
<p>
Excelente krne!!...salsita de Habanero bien picosa...cerveza helada!!...lugar
pequeño pero de gran klidad, Staff muy atento, comimos muy rico...los baños se
pueden mejorar...en general muy recomendable!!!
</p>
</div>
<div class="testi-author-area">
<div class="name-review">
<h5>Andres</h5>
<ul>
<li>
<img src="/assets/images/icon/Star2.svg" alt="Star2" />
</li>
<li>
<img src="/assets/images/icon/Star2.svg" alt="Star2" />
</li>
<li>
<img src="/assets/images/icon/Star2.svg" alt="Star2" />
</li>
<li>
<img src="/assets/images/icon/Star2.svg" alt="Star2" />
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial-wrap">
<div class="testimonial-content">
<div class="quoat-icon">
<img src="/assets/images/icon/Comma.svg" alt="Comma" />
</div>
<p>
Excelencia en calidad de los alientos desde entradas hasta platos fuertes, servicio,
muy buenas opciones de vinos, buena presentación de los platillos, maestría total en
la preparación de todos sus alimentos. Vinimos 5 personas y todas estamos de acuerdo
en esta opinión 👌🏽…
</p>
</div>
<div class="testi-author-area">
<!-- <div class="author-img">
<img src="/assets/images/bg/h3-testi-01.png" alt="h3-testi-03" />
</div> -->
<div class="name-review">
<h5>Cin Montalvo</h5>
<ul>
<li>
<img src="/assets/images/icon/Star2.svg" alt="Star2" />
</li>
<li>
<img src="/assets/images/icon/Star2.svg" alt="Star2" />
</li>
<li>
<img src="/assets/images/icon/Star2.svg" alt="Star2" />
</li>
<li>
<img src="/assets/images/icon/Star2.svg" alt="Star2" />
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial-wrap">
<div class="testimonial-content">
<div class="quoat-icon">
<img src="/assets/images/icon/Comma.svg" alt="Comma" />
</div>
<p>
Muy esmerados en la presentación de sus platillos así como en la atención al
comensal.
Adecuada relación costo-calidad en los platillos.
El sabor es bueno, la cocción adecuada (cortes).
Una opción muy tranquila para la comida en LC.
</p>
</div>
<div class="testi-author-area">
<!-- <div class="author-img">
<img src="/assets/images/bg/h3-testi-02.png" alt="h3-testi-03" />
</div> -->
<div class="name-review">
<h5>Rioja Anguiano</h5>
<ul>
<li>
<img src="/assets/images/icon/Star2.svg" alt="Star2" />
</li>
<li>
<img src="/assets/images/icon/Star2.svg" alt="Star2" />
</li>
<li>
<img src="/assets/images/icon/Star2.svg" alt="Star2" />
</li>
<li>
<img src="/assets/images/icon/Star2.svg" alt="Star2" />
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="slider-btn">
<div class="prev-btn-4">
<i class="bi bi-arrow-left-short"></i>
</div>
<div class="next-btn-4">
<i class="bi bi-arrow-right-short"></i>
</div>
</div>
</div>
</div>
</div>
</div> </main>
<footer>
<div class="footer-btm">
<div class="container">
<div class="row border-ttop g-2 justify-content-center">
<div class="col-md-12 text-center">
<div class="copyright-area">
<p>
El Peregrino @Copyright. Diseñado por <a target="_blank" href="https://bananagroup.mx"><strong>Banana Group Marketing</strong></a>.
</p>
</div>
</div>
</div>
</div>
</div>
</footer> <script
data-cfasync="false"
src="https://demo.egenslab.com/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"
></script>
<script src="/assets/js/jquery-3.6.0.min.js"></script>
<script src="/assets/js/jquery-ui.js"></script>
<script src="/assets/js/bootstrap.bundle.min.js"></script>
<script src="/assets/js/swiper-bundle.min.js"></script>
<script src="/assets/js/jquery.nice-select.js"></script>
<script src="/assets/js/jquery.fancybox.min.js"></script>
<script src="/assets/js/odometer.min.js"></script>
<script src="/assets/js/viewport.jquery.js"></script>
<script src="/assets/js/isotope.pkgd.min.js"></script>
<script src="/assets/js/SmoothScroll.js"></script>
<script src="/assets/js/jquery.nice-number.min.js"></script>
<script src="/assets/js/jquery.magnific-popup.min.js"></script>
<script src="/assets/js/imagesloaded.pkgd.js"></script>
<script src="/assets/js/masonry.pkgd.min.js"></script>
<script src="/assets/js/main.js"></script>
<!-- icons de redes sociales -->
<script src="https://kit.fontawesome.com/a66c8c86d9.js" crossorigin="anonymous"></script>
<!-- pop up -->
<script>
$(document).ready(function() {
$('.popup-gallery').magnificPopup({
delegate: 'a',
type: 'image',
tLoading: 'Loading image #%curr%...',
mainClass: 'mfp-img-mobile',
gallery: {
enabled: true,
navigateByImgClick: true,
preload: [0,1] // Will preload 0 - before current, and 1 after the current image
},
image: {
tError: '<a href="%url%">The image #%curr%</a> could not be loaded.',
titleSrc: function(item) {
return item.el.attr('title') + '<small>El Peregrino</small>';
}
}
});
});
</script></body>
</html>