PageSourceSearch

https://exclusivecuador.netlify.app/

html exclusivecuador.netlify.app collected 2026-10-03 10:42:54 UTC 19,823 bytes, 335 lines download raw bytes

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.