1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5<!-- This site is hosted on Netlify. Anyone can build and deploy a site 6 like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=a6e8d1e6-692b-4401-9d1c-f71be73ff8dc 7 Netlify hosting facts for this site: static/SSR served via Netlify Edge. --> 8 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 9 <title>Exclusive Ecuador</title> 10 <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.1.3/css/bootstrap.min.css" rel="stylesheet"> 11 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.css"> 12 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> 13 <link rel="stylesheet" href="styles.css"> 14 <link rel="icon" href="ICONISO.png"> 15 <style> 16 /* Estilos para los botones rectangulares de Services y simetrÃa de grillas */ 17 #service-categories-container { 18 display: grid; 19 grid-template-columns: repeat(2, 1fr); 20 gap: 1rem; 21 width: 100%; 22 } 23 24 #service-categories-container > * { 25 width: 100%; 26 min-height: 120px; 27 } 28 29 #service-categories-container button, 30 #service-categories-container .service-btn, 31 #service-categories-container .btn, 32 #service-categories-container > div > button, 33 #service-categories-container > div > a, 34 #service-categories-container .tour-item { 35 width: 100%; 36 height: 100%; 37 min-height: 120px; 38 display: flex; 39 align-items: center; 40 justify-content: center; 41 text-align: center; 42 padding: 1rem; 43 border-radius: 8px; 44 font-weight: 600; 45 transition: all 0.3s ease; 46 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 47 color: white; 48 border: none; 49 box-shadow: 0 4px 6px rgba(0,0,0,0.1); 50 } 51 52 #service-categories-container button:hover, 53 #service-categories-container .service-btn:hover, 54 #service-categories-container .btn:hover, 55 #service-categories-container > div > button:hover, 56 #service-categories-container > div > a:hover, 57 #service-categories-container .tour-item:hover { 58 transform: translateY(-2px); 59 box-shadow: 0 6px 12px rgba(0,0,0,0.15); 60 background: linear-gradient(135deg, #764ba2 0%, #667eea 100%); 61 } 62 63 /* Responsive: 1 columna en móviles para mantener la proporción */ 64 @media (max-width: 576px) { 65 #service-categories-container { 66 grid-template-columns: 1fr; 67 } 68 } 69 </style> 70</head> 71<body> 72 <!-- Language Toggle --> 73 <button class="lang-toggle" onclick="toggleLanguage()"> 74 <i class="fas fa-globe"></i> <span id="lang-text">ES</span> 75 </button> 76 77 <!-- WhatsApp Button --> 78 <a href="https://api.whatsapp.com/send?phone=593992010909&text=" class="whatsapp-btn" id="main-whatsapp" target="_blank"> 79 <i class="fab fa-whatsapp"></i> 80 </a> 81 82 <nav class="navbar navbar-expand-lg navbar-light sticky-top"> 83 <div class="container"> 84 <a class="navbar-brand fw-bold" href="#"> 85 <img src="ISOlogoEHHECok.png" alt="Cultura Manor Logo" class="logo"> 86 Exclusive Ecuador 87 </a> 88 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> 89 <span class="navbar-toggler-icon"></span> 90 </button> 91 <div class="collapse navbar-collapse" id="navbarNav"> 92 <ul class="navbar-nav ms-auto"> 93 <li class="nav-item"><a class="nav-link" href="#linktree" title="Our Collection"><i class="fas fa-home"></i></a></li> 94 <li class="nav-item"><a class="nav-link" href="#quito-explorer" title="Quito Explorer"><i class="fab fa-youtube"></i></a></li> 95 <li class="nav-item"><a class="nav-link" href="#reservations" title="Map"><i class="fas fa-map-location-dot"></i></a></li> 96 <li class="nav-item"><a class="nav-link" href="#check-inout" title="Reserves"><i class="fas fa-calendar-check"></i></a></li> 97 <li class="nav-item"><a class="nav-link" href="#journeys" title="Journeys"><i class="fas fa-route"></i></a></li> 98 <li class="nav-item"><a class="nav-link" href="#services" title="Services"><i class="fas fa-concierge-bell"></i></a></li> 99 <li class="nav-item">
99<a class="nav-link" href="#transport" title="Transport"><i class="fas fa-car"></i></a></li> 100 <li class="nav-item"><a class="nav-link" href="#emergency" title="Emergency"><i class="fas fa-triangle-exclamation"></i></a></li> 101 </ul> 102 </div> 103 </div> 104 </nav> 105 106 <div class="container mt-4"> 107 <!-- Journeys Section --> 108 <div class="card" id="journeys"> 109 <div class="card-body"> 110 <div class="section-header"> 111 <h2 class="mb-0"> 112 <img src="Icon ECU.png" alt="ECU Icon" class="header-icon"> 113 <span data-en="Journeys" data-es="Journeys">Journeys</span> 114 </h2> 115 </div> 116 <div id="journey-options" class="tour-grid"></div> 117 </div> 118 </div> 119 120 <!-- Exclusive Travel Card Section --> 121 <div class="card" id="exclusive-travel-card"> 122 <div class="card-body"> 123 <div class="section-header"> 124 <h2 class="mb-0"> 125 <img src="ICONISO.png" alt="EHHEC Logo" class="header-icon"> 126 <span data-en="Exclusive Travel Card" data-es="Exclusive Travel Card">Exclusive Travel Card</span> 127 </h2> 128 </div> 129 <div class="travel-card-content text-center"> 130 <p class="mb-4" data-en="Unlock exclusive benefits and privileges with our Exclusive Travel Card" data-es="Unlock exclusive benefits and privileges with our Exclusive Travel Card">Unlock exclusive benefits and privileges with our Exclusive Travel Card</p> 131 <div class="row justify-content-center"> 132 <div class="col-md-6 mb-3"> 133 <a href="https://ehhec.com/travelcard/" target="_blank" class="btn btn-primary btn-lg w-100"> 134 <i class="fas fa-info-circle"></i> Learn More 135 </a> 136 </div> 137 <div class="col-md-6 mb-3"> 138 <button class="btn btn-secondary btn-lg w-100" id="members-only-btn"> 139 <i class="fas fa-lock"></i> Members Only 140 </button> 141 </div> 142 </div> 143 </div> 144 </div> 145 </div> 146 147 <!-- YouTube CityWalk Section --> 148 <div class="youtube-section" id="quito-explorer"> 149 <h3><i class="fab fa-youtube"></i> <span data-en="Explore Ecuador HD" data-es="Explore Ecuador HD">Explore Ecuador HD</span></h3> 150 <p data-en="Discover the beautiful landscapes and culture of Ecuador through our exclusive videos" data-es="Discover the beautiful landscapes and culture of Ecuador through our exclusive videos">Discover the beautiful landscapes and culture of Ecuador through our exclusive videos</p> 151 <a href="https://ecuwalki.netlify.app/" target="_blank" class="youtube-btn" id="open-city-walk" style="text-decoration: none; display: inline-block;"> 152 <i class="fab fa-youtube"></i> <span data-en="Watch Videos" data-es="Watch Videos">Watch Videos</span> 153 </a> 154 </div> 155 156 <!-- LinkTree Section (Our Collection) - 8 Items for Perfect 2x4 Symmetry --> 157 <div class="card" id="linktree"> 158 <div class="card-body"> 159 <div class="section-header"> 160 <h2 class="mb-0" data-en="<img src='ISOlogoEHHECok.png' alt='Our Collection' class='header-icon'> Our Collection" data-es="<img src='ISOlogoEHHECok.png' alt='Our Collection' class='header-icon'> Our Collection"><img src="ISOlogoEHHECok.png" alt="Our Collection" class="header-icon"> Our Collection</h2> 161 </div> 162 <div class="tour-grid"> 163 <a href="https://ehhec.com/culturamanor.html" class="tour-item" style="background-image: url('1CM.jpeg');" target="_blank"> 164 <div class="tour-item-overlay"></div> 165 <div class="tour-item-title">Cultura Manor</div> 166 </a> 167 <a href="https://ehhec.com/pinsaqui.html" class="tour-item" style="background-image: url('2HP.png');" target="_blank"> 168 <div class="tour-item-overlay"></div> 169 <div class="tour-item-title">Hacienda PinsaquÃ</div> 170 </a> 171 <a href="https://ehhec.com/abraspungo.html" class="tour-item" style="background-image: url('3HA.png');" target="_blank"> 172 <div class="tour-item-overlay"></div> 173 <div class="tour-item-title">Hacienda Abraspungo</div> 174 </a> 175 <a href="https://ehhec.com/alegria.html" class="tour-item" style="background-image: url('5%20HLA.png');" target="_blank"> 176 <div class="tour-item-overlay"></div> 177 <div class="tour-item-title">Hacienda La AlegrÃa</div> 178 </a> 179 <a href="https://ehhec.com/maquipucuna.html" class="tour-item" style="background-image: url('6MRL.jpeg');" target="_blank"> 180 <div class="tour-item-overlay"></div> 181 <div class="tour-item-title">Maquipucuna Reserve</div> 182 </a> 183 <a href="https://ehhec.com/hamadryade.html" class="tour-item" style="background-image: url('7HL.jpg');" target="_blank"> 184 <div class="tour-item-overlay"></div> 185 <div class="tour-item-title">Hamadryade Lodge</div> 186 </a> 187 <a href="https://ehhec.com/Iguanacrossing.html" class="tour-item" style="background-image: url('9ICG.png');" target="_blank"> 188 <div class="tour-item-overlay"></div> 189 <div class="tour-item-title">
189Iguana Crossing</div> 190 </a> 191 <a href="https://ehhec.com/cienega.html" class="tour-item" style="background-image: url('10 HLc.jpg');" target="_blank"> 192 <div class="tour-item-overlay"></div> 193 <div class="tour-item-title">Hacienda La Ciénega</div> 194 </a> 195 </div> 196 </div> 197 </div> 198 199 <!-- Reservations Section (Previous Home Content) --> 200 <div class="card" id="reservations"> 201 <div class="card-body"> 202 <div class="section-header"> 203 <h2 class="mb-0" data-en="ð Our Locations" data-es="ð Our Locations">ð Our Locations</h2> 204 </div> 205 <div id="hotel-map"></div> 206 </div> 207 </div> 208 209 <!-- Check In/Out Section - Options synchronized with Our Collection (8 Items) --> 210 <div class="card" id="check-inout"> 211 <div class="card-body"> 212 <div class="section-header"> 213 <h2 class="mb-0" data-en="ð¨ Book Now" data-es="ð¨ Book Now">ð¨ Book Now</h2> 214 </div> 215 <form id="check-inout-form"> 216 <input type="hidden" name="_subject" value="New Check-in/Check-out registration from the App"> 217 <input type="hidden" name="_cc" value="[email protected]"> 218 <div class="mb-3"> 219 <label for="experience-select" class="form-label fw-bold" data-en="Select an Experience" data-es="Seleccione una experiencia">Select an Experience</label> 220 <select class="form-select" id="experience-select" name="Selected Experience" required> 221 <option value="">-- Select --</option> 222 <option value="Cultura Manor">Cultura Manor</option> 223 <option value="Hacienda PinsaquÃ">Hacienda PinsaquÃ</option> 224 <option value="Hacienda Abraspungo">Hacienda Abraspungo</option> 225 <option value="Hacienda La AlegrÃa">Hacienda La AlegrÃa</option> 226 <option value="Reserva Maquipucuna">Reserva Maquipucuna</option> 227 <option value="Hamadryade Lodge">Hamadryade Lodge</option> 228 <option value="Iguana Crossing">Iguana Crossing</option> 229 <option value="Hacienda La Ciénega">Hacienda La Ciénega</option> 230 </select> 231 </div> 232 233 <div class="row"> 234 <div class="col-md-6 mb-3"> 235 <label class="form-label fw-bold" data-en="Full Name" data-es="Nombre Completo">Full Name</label> 236 <input type="text" class="form-control" name="Full Name" placeholder="Full Name" data-placeholder-en="Full Name" data-placeholder-es="Nombre Completo" required> 237 </div> 238 <div class="col-md-6 mb-3"> 239 <label class="form-label fw-bold" data-en="ID/Passport" data-es="DNI o Pasaporte">ID/Passport</label> 240 <input type="text" class="form-control" name="ID/Passport" placeholder="ID/Passport" data-placeholder-en="ID/Passport" data-placeholder-es="DNI o Pasaporte" required> 241 </div> 242 </div> 243 244 <div class="row"> 245 <div class="col-md-6 mb-3"> 246 <label class="form-label fw-bold" data-en="Phone or Email" data-es="Celular o Correo Electrónico">Phone or Email</label> 247 <input type="text" class="form-control" name="Contact" placeholder="Your Phone or Email" data-placeholder-en="Your Phone or Email" data-placeholder-es="Celular o Correo Electrónico" required> 248 </div> 249 </div> 250 251 <div class="row"> 252 <div class="col-md-4 mb-3"> 253 <label class="form-label fw-bold" data-en="Date" data-e
253s="Fecha">Date</label> 254 <input type="date" class="form-control" id="check-date" name="Date" required> 255 </div> 256 <div class="col-md-4 mb-3"> 257 <label class="form-label fw-bold" data-en="Number of Adults" data-es="Número de Adultos">Number of Adults</label> 258 <input type="number" class="form-control" name="Number of Adults" min="1" value="1" required> 259 </div> 260 <div class="col-md-4 mb-3"> 261 <label class="form-label fw-bold" data-en="Number of Children" data-es="Número de Niños">Number of Children</label> 262 <input type="number" class="form-control" name="Number of Children" min="0" value="0"> 263 </div> 264 </div> 265 266 <button type="submit" class="btn btn-primary w-100" data-en="Confirm" data-es="Confirmar">Confirm</button> 267 </form> 268 </div> 269 </div> 270 271 <!-- Guest Services --> 272 <div class="card" id="services"> 273 <div class="card-body"> 274 <div class="section-header"> 275 <h2 class="mb-0" data-en="ï¸ Services" data-es="ðï¸ Servicios">ðï¸ Services</h2> 276 </div> 277 <div id="service-categories-container"> 278 <!-- 279 NOTA IMPORTANTE: 280 Los botones de esta sección se cargan dinámicamente desde tu archivo 'app.js'. 281 Para mantener la simetrÃa visual (ej. 6 u 8 botones en cuadrÃcula de 2 columnas), 282 asegúrate de haber eliminado también "Kapawi Ecolodge" y "Hacienda Don Julio" 283 del array o función que genera estos botones en 'app.js'. 284 --> 285 </div> 286 </div> 287 </div> 288 289 <!-- Transport Information --> 290 <div class="card" id="transport"> 291 <div class="card-body"> 292 <div class="section-header"> 293 <h2 class="mb-0" data-en="ð Transport Information" data-es="ð Información de Transporte">ð Transport Information</h2> 294 </div> 295 <div id="transport-info"></div> 296 </div> 297 </div> 298 299 <!-- Emergency Contacts --> 300 <div class="card" id="emergency"> 301 <div class="card-body"> 302 <div class="section-header"> 303 <h2 class="mb-0" data-en="ð¨ Emergency Contacts" data-es="ð¨ Contactos de Emergencia">ð¨ Emergency Contacts</h2> 304 </div> 305 <ul class="list-group list-group-flush" id="emergency-contacts"></ul> 306 </div> 307 </div> 308 309 <!-- Contact Info Section --> 310 <div class="card" id="contact-info"> 311 <div class="card-body"> 312 <div class="section-header"> 313 <h2 class="mb-0" data-en="Contact Information" data-es="Información de Contacto">Contact Information</h2> 314 </div> 315 <div class="contact-info-body"> 316 <p><i class="fas fa-envelope"></i> <strong data-en="Email:" data-es="Correo:">Email:</strong> <a href="mailto:[email protected]">[email protected]</a></p> 317 <p><i class="fas fa-phone"></i> <strong data-en="Phone:" data-es="Teléfono:">Phone:</strong> <a href="https://api.whatsapp.com/send?phone=593992010909&text=" target="_blank">+593992010909</a></p> 318 <p style="text-align: center; margin-top: 1rem;"><a href="https://ehhec.com/" target="_blank"><img src="logoEHHECok.png" alt="EHHEC Logo" style="height: 120px;"></a></p> 319 </div> 320 <div class="social-media-icons" style="text-align: center; margin-top: 1rem;"> 321 <a href="https://www.instagram.com/ehhec/" target="_blank" class="social-icon"><i class="fab fa-instagram fa-2x"></i></a> 322 <a href="https://www.facebook.com/ehhec" target="_blank" class="social-icon"><i class="fab fa-facebook-f fa-2x"></i></a> 323 <a href="https://x.com/ehhece" target="_blank" class="social-icon"><i class="fab fa-x-twitter fa-2x"></i></a> 324 <a href="https://www.tiktok.com/@exclusivehotelsec?is_from_webapp=1&sender_device=pc" target="_blank" class="social-icon"><i class="fab fa-tiktok fa-2x"></i></a> 325 <a href="https://youtube.com/@exclusiveecuador?si=ZQQCeHKc-N1mjZAq" target="_blank" class="social-icon"><i class="fab fa-youtube fa-2x"></i></a> 326 </div> 327 </div> 328 </div> 329 </div> 330 331
331<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.1.3/js/bootstrap.bundle.min.js"></script>
331 332
332<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.js"></script>
332 333
333<script src="app.js"></script>
333 334</body> 335</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.