1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Destinations Supported - Lokki Travel Assistant</title> 7 <link rel="stylesheet" href="lokki_fixed_styles.css" media="(min-width: 901px)"> 8 <link rel="stylesheet" href="mobile_responsive_css.css" media="(max-width: 900px)"> 9 <link rel="icon" type="image/x-icon" href="favicon_io/favicon.ico"> 10 <style> 11 .hero-section { 12 max-width: 1400px; 13 margin: 0 auto; 14 padding: 80px 40px; 15 display: flex; 16 align-items: center; 17 gap: 60px; 18 min-height: 100vh; 19 } 20 .hero-content { 21 flex: 1; 22 max-width: 600px; 23 } 24 .hero-badge { 25 display: inline-block; 26 background: #000; 27 color: white; 28 padding: 10px 20px; 29 border-radius: 25px; 30 font-size: 0.9rem; 31 font-weight: 600; 32 margin-bottom: 30px; 33 } 34 .hero-title { 35 font-size: 3.5rem; 36 line-height: 1.2; 37 color: #000; 38 margin-bottom: 30px; 39 font-weight: 700; 40 } 41 .hero-description { 42 font-size: 1.25rem; 43 line-height: 1.6; 44 color: #666; 45 margin-bottom: 40px; 46 } 47 .hero-stats { 48 display: flex; 49 gap: 40px; 50 align-items: center; 51 } 52 .hero-stat { 53 display: flex; 54 flex-direction: column; 55 } 56 .hero-stat-number { 57 font-size: 2.5rem; 58 font-weight: 700; 59 color: #667eea; 60 line-height: 1; 61 margin-bottom: 5px; 62 } 63 .hero-stat-label { 64 font-size: 1rem; 65 color: #666; 66 font-weight: 500; 67 } 68 .hero-image { 69 flex: 1; 70 max-width: 600px; 71 } 72 .hero-image img { 73 width: 100%; 74 height: auto; 75 border-radius: 20px; 76 box-shadow: 0 20px 60px rgba(0,0,0,0.15); 77 } 78 .content-section { 79 max-width: 1200px; 80 margin: 0 auto; 81 padding: 40px; 82 background: white; 83 border-radius: 10px; 84 box-shadow: 0 5px 20px rgba(0,0,0,0.1); 85 margin-bottom: 40px; 86 } 87 @media (max-width: 900px) { 88 .hero-section { 89 flex-direction: column; 90 padding: 40px 20px; 91 min-height: auto; 92 } 93 .hero-title { 94 font-size: 2.5rem; 95 } 96 .hero-stats { 97 flex-direction: column; 98 align-items: flex-start; 99 gap: 20px; 100 } 101 } 102 </style> 103 104 <!-- Mixpanel Analytics --> 105
vendor: 1,994 bytes, lines 105-114
105<script type="text/javascript"> 106 (function(e,c){if(!c.__SV){var l,h;window.mixpanel=c;c._i=[];c.init=function(q,r,f){function t(d,a){var g=a.split(".");2==g.length&&(d=d[g[0]],a=g[1]);d[a]=function(){d.push([a].concat(Array.prototype.slice.call(arguments,0)))}}var b=c;"undefined"!==typeof f?b=c[f]=[]:f="mixpanel";b.people=b.people||[];b.toString=function(d){var a="mixpanel";"mixpanel"!==f&&(a+="."+f);d||(a+=" (stub)");return a};b.people.toString=function(){return b.toString(1)+".people (stub)"};l="disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking start_batch_senders start_session_recording stop_session_recording people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove".split(" "); 107 for(h=0;h<l.length;h++)t(b,l[h]);var n="set set_once union unset remove delete".split(" ");b.get_group=function(){function d(p){a[p]=function(){b.push([g,[p].concat(Array.prototype.slice.call(arguments,0))])}}for(var a={},g=["get_group"].concat(Array.prototype.slice.call(arguments,0)),m=0;m<n.length;m++)d(n[m]);return a};c._i.push([q,r,f])};c.__SV=1.2;var k=e.createElement("script");k.type="text/javascript";k.async=!0;k.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"=== 108 e.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";e=e.getElementsByTagName("script")[0];e.parentNode.insertBefore(k,e)}})(document,window.mixpanel||[]) 109 110 mixpanel.init('1cbd4ae133d6b1293738b27c3748bd75', { 111 autocapture: true, 112 record_sessions_percent: 100, 113 }) 114 </script>
114 115</head> 116<body> 117 <!-- Hero Section --> 118 <div class="hero-section"> 119 <div class="hero-content"> 120 <div class="hero-badge">Destinations Supported</div> 121 <h1 class="hero-title">Explore Asia with Lokki</h1> 122 <p class="hero-description">From bustling cities to serene beaches, we cover 66 destinations across Southeast and East Asia. Find your next adventure with personalized itineraries and local insights.</p> 123 <div class="hero-stats"> 124 <div class="hero-stat"> 125 <span class="hero-stat-number">12</span> 126 <span class="hero-stat-label">Countries</span> 127 </div> 128 <div class="hero-stat"> 129 <span class="hero-stat-number">66</span> 130 <span class="hero-stat-label">Destinations</span> 131 </div> 132 </div> 133 </div> 134 <div class="hero-image"> 135 <img src="images/taiwan_destinations.jpg" alt="Asian Destinations"> 136 </div> 137 </div> 138 139 <!-- Main Content --> 140 <div class="content-section"> 141 <h2 style="color: #2c3e50; text-align: center; font-size: 2rem; margin-bottom: 20px;">Browse by Region</h2> 142 <p style="text-align: center; color: #666; font-size: 1.1rem; margin-bottom: 40px;">Select a region to explore available destinations</p> 143 144 <!-- Toggle Buttons --> 145 <div style="display: flex; justify-content: center; gap: 15px; margin-bottom: 50px;"> 146 <button onclick="showRegion('southeast')" id="btn-southeast" style="background: #667eea; color: white; padding: 12px 30px; border: none; border-radius: 25px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: all 0.3s;"> 147 Southeast Asia 148 </button> 149 <button onclick="showRegion('east')" id="btn-east" style="background: #f0f0f0; color: #333; padding: 12px 30px; border: none; border-radius: 25px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: all 0.3s;"> 150 East Asia 151 </button> 152 </div> 153 154 <!-- Southeast Asia Destinations --> 155 <div id="southeast-destinations" style="display: block;"> 156 <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 25px; margin-bottom: 40px;"> 157 158 <!-- Singapore Card --> 159 <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)), url('images/Singapore.jpg'); background-size: cover; background-position: center; padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;"> 160 <div style="font-size: 2.5rem; margin-bottom: 10px;">ð¸ð¬</div> 161 <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">Singapore</h3> 162 <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">1 destination</p> 163 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 164 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 165 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 166 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 167 </svg> 168 <span style="color: #666; font-size: 0.95rem;">Singapore</span> 169 </div> 170 </div> 171 172 <!-- Malaysia Card --> 173 <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)), url('images/cameron.jpg'); background-size: cover; background-position: center; padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;"> 174 <div style="font-size: 2.5rem; margin-bottom: 10px;">ð²ð¾</div> 175 <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">Malaysia</h3> 176 <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">10 destinations</p> 177 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 178 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 179 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 180 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 181 </svg>
182 <span style="color: #666; font-size: 0.95rem;">Kuala Lumpur</span> 183 </div> 184 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 185 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 186 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 187 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 188 </svg> 189 <span style="color: #666; font-size: 0.95rem;">Penang</span> 190 </div> 191 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 192 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 193 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 194 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 195 </svg> 196 <span style="color: #666; font-size: 0.95rem;">Johor Bahru</span> 197 </div> 198 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 199 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 200 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 201 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 202 </svg> 203 <span style="color: #666; font-size: 0.95rem;">Langkawi</span> 204 </div> 205 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 206 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 207 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 208 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 209 </svg> 210 <span style="color: #666; font-size: 0.95rem;">Malacca</span> 211 </div> 212 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 213 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 214 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 215 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 216 </svg> 217 <span style="color: #666; font-size: 0.95rem;">Kota Kinabalu</span> 218 </div> 219 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 220 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 221 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 222 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 223 </svg>
224 <span style="color: #666; font-size: 0.95rem;">Sabah</span> 225 </div> 226 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 227 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 228 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 229 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 230 </svg> 231 <span style="color: #666; font-size: 0.95rem;">Cameron Highlands</span> 232 </div> 233 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 234 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 235 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 236 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 237 </svg> 238 <span style="color: #666; font-size: 0.95rem;">Genting Highlands</span> 239 </div> 240 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 241 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 242 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 243 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 244 </svg> 245 <span style="color: #666; font-size: 0.95rem;">Ipoh</span> 246 </div> 247 </div> 248 249 <!-- Thailand Card --> 250 <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)), url('images/Krabi.jpg'); background-size: cover; background-position: center; padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;"> 251 <div style="font-size: 2.5rem; margin-bottom: 10px;">ð¹ð</div> 252 <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">Thailand</h3> 253 <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">6 destinations</p> 254 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 255 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 256 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 257 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 258 </svg> 259 <span style="color: #666; font-size: 0.95rem;">Bangkok</span> 260 </div> 261 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 262 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 263 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 264 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 265 </svg>
266 <span style="color: #666; font-size: 0.95rem;">Phuket</span> 267 </div> 268 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 269 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 270 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 271 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 272 </svg> 273 <span style="color: #666; font-size: 0.95rem;">Chiang Mai</span> 274 </div> 275 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 276 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 277 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 278 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 279 </svg> 280 <span style="color: #666; font-size: 0.95rem;">Koh Samui</span> 281 </div> 282 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 283 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 284 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 285 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 286 </svg> 287 <span style="color: #666; font-size: 0.95rem;">Krabi</span> 288 </div> 289 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 290 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 291 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 292 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 293 </svg> 294 <span style="color: #666; font-size: 0.95rem;">Pattaya</span> 295 </div> 296 </div> 297 298 <!-- Indonesia Card --> 299 <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)), url('images/bali1.jpg'); background-size: cover; background-position: center; padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;"> 300 <div style="font-size: 2.5rem; margin-bottom: 10px;">ð®ð©</div> 301 <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">Indonesia</h3> 302 <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">8 destinations</p> 303 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 304 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 305 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 306 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 307 </svg>
308 <span style="color: #666; font-size: 0.95rem;">Bali</span> 309 </div> 310 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 311 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 312 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 313 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 314 </svg> 315 <span style="color: #666; font-size: 0.95rem;">Jakarta</span> 316 </div> 317 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 318 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 319 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 320 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 321 </svg> 322 <span style="color: #666; font-size: 0.95rem;">Yogyakarta</span> 323 </div> 324 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 325 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 326 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 327 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 328 </svg> 329 <span style="color: #666; font-size: 0.95rem;">Lombok</span> 330 </div> 331 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 332 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 333 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 334 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 335 </svg> 336 <span style="color: #666; font-size: 0.95rem;">Bandung</span> 337 </div> 338 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 339 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 340 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 341 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 342 </svg> 343 <span style="color: #666; font-size: 0.95rem;">Labuan Bajo</span> 344 </div> 345 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 346 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 347 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 348 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 349 </svg>
350 <span style="color: #666; font-size: 0.95rem;">Bintan</span> 351 </div> 352 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 353 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 354 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 355 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 356 </svg> 357 <span style="color: #666; font-size: 0.95rem;">Batam</span> 358 </div> 359 </div> 360 361 <!-- Vietnam Card --> 362 <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)), url('images/Vietnam.jpg'); background-size: cover; background-position: center; padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;"> 363 <div style="font-size: 2.5rem; margin-bottom: 10px;">ð»ð³</div> 364 <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">Vietnam</h3> 365 <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">7 destinations</p> 366 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 367 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 368 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 369 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 370 </svg> 371 <span style="color: #666; font-size: 0.95rem;">
371Hanoi</span> 372 </div> 373 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 374 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 375 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 376 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 377 </svg> 378 <span style="color: #666; font-size: 0.95rem;">Ho Chi Minh City</span> 379 </div> 380 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 381 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 382 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 383 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 384 </svg> 385 <span style="color: #666; font-size: 0.95rem;">Da Nang</span> 386 </div> 387 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 388 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 389 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 390 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 391 </svg> 392 <span style="color: #666; font-size: 0.95rem;">Hoi An</span> 393 </div> 394 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 395 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 396 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 397 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 398 </svg> 399 <span style="color: #666; font-size: 0.95rem;">
399Halong Bay</span> 400 </div> 401 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 402 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 403 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 404 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 405 </svg> 406 <span style="color: #666; font-size: 0.95rem;">Nha Trang</span> 407 </div> 408 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 409 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 410 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 411 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 412 </svg> 413 <span style="color: #666; font-size: 0.95rem;">Phu Quoc</span> 414 </div> 415 </div> 416 417 <!-- Cambodia Card --> 418 <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)), url('images/Cambodia.jpg'); background-size: cover; background-position: center; padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;"> 419 <div style="font-size: 2.5rem; margin-bottom: 10px;">ð°ð</div> 420 <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">Cambodia</h3> 421 <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">2 destinations</p> 422 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 423 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 424 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 425 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 426 </svg> 427 <span style="color: #666; font-size: 0.95rem;">Siem Reap</span> 428 </div> 429 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 430 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 431 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 432 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 433 </svg> 434 <span style="color: #666; font-size: 0.95rem;">Phnom Penh</span> 435 </div> 436 </div> 437 438 <!-- Philippines Card --> 439 <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)); padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;"> 440 <div style="font-size: 2.5rem; margin-bottom: 10px;">ðµð</div> 441 <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">Philippines</h3> 442 <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">5 destinations</p> 443 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 444 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 445 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 446 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 447 </svg>
448 <span style="color: #666; font-size: 0.95rem;">Manila</span> 449 </div> 450 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 451 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 452 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 453 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 454 </svg> 455 <span style="color: #666; font-size: 0.95rem;">Baguio</span> 456 </div> 457 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 458 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 459 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 460 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 461 </svg> 462 <span style="color: #666; font-size: 0.95rem;">Davao</span> 463 </div> 464 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 465 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 466 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 467 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 468 </svg> 469 <span style="color: #666; font-size: 0.95rem;">Boracay</span> 470 </div> 471 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 472 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 473 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 474 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 475 </svg> 476 <span style="color: #666; font-size: 0.95rem;">Cebu</span> 477 </div> 478 </div> 479 480 <!-- Sri Lanka Card --> 481 <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)); padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;"> 482 <div style="font-size: 2.5rem; margin-bottom: 10px;">ð±ð°</div> 483 <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">Sri Lanka</h3> 484 <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">3 destinations</p> 485 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 486 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 487 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 488 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 489 </svg> 490 <span style="color: #666; font-size: 0.95rem;">Colombo</span> 491 </div> 492 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 493 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 494 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 495 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 496 </svg>
497 <span style="color: #666; font-size: 0.95rem;">Kandy</span> 498 </div> 499 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 500 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 501 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 502 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 503 </svg> 504 <span style="color: #666; font-size: 0.95rem;">Galle</span> 505 </div> 506 </div> 507 508 </div> 509 </div> <!-- End Southeast Asia --> 510 511 <!-- East Asia Destinations --> 512 <div id="east-destinations" style="display: none;"> 513 <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 25px; margin-bottom: 40px;"> 514 515 <!-- Hong Kong & Macau Card --> 516 <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)); padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;"> 517 <div style="font-size: 2.5rem; margin-bottom: 10px;">ðð°</div> 518 <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">Hong Kong & Macau</h3> 519 <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">2 destinations</p> 520 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 521 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 522 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 523 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 524 </svg> 525 <span style="color: #666; font-size: 0.95rem;">Hong Kong</span> 526 </div> 527 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 528 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 529 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 530 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 531 </svg> 532 <span style="color: #666; font-size: 0.95rem;">Macau</span> 533 </div> 534 </div> 535 536 <!-- Japan Card --> 537 <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)), url('images/tokyo5.jpg'); background-size: cover; background-position: center; padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;"> 538 <div style="font-size: 2.5rem; margin-bottom: 10px;">ð¯ðµ</div> 539 <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">Japan</h3> 540 <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">6 destinations</p> 541 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 542 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 543 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 544 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 545 </svg>
546 <span style="color: #666; font-size: 0.95rem;">Tokyo</span> 547 </div> 548 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 549 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 550 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 551 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 552 </svg> 553 <span style="color: #666; font-size: 0.95rem;">Kyoto</span> 554 </div> 555 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 556 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 557 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 558 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 559 </svg> 560 <span style="color: #666; font-size: 0.95rem;">Fujinomiya</span> 561 </div> 562 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 563 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 564 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 565 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 566 </svg> 567 <span style="color: #666; font-size: 0.95rem;">Osaka</span> 568 </div> 569 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 570 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 571 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 572 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 573 </svg> 574 <span style="color: #666; font-size: 0.95rem;">Hokkaido</span> 575 </div> 576 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 577 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 578 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 579 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 580 </svg> 581 <span style="color: #666; font-size: 0.95rem;">Hiroshima</span> 582 </div> 583 </div> 584 585 <!-- South Korea Card --> 586 <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)), url('images/seoul3.jpg'); background-size: cover; background-position: center; padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;"> 587 <div style="font-size: 2.5rem; margin-bottom: 10px;">ð°ð·</div> 588 <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">South Korea</h3> 589 <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">5 destinations</p> 590 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 591 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 592 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 593 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 594 </svg>
595 <span style="color: #666; font-size: 0.95rem;">Seoul</span> 596 </div> 597 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 598 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 599 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 600 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 601 </svg> 602 <span style="color: #666; font-size: 0.95rem;">Busan</span> 603 </div> 604 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 605 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 606 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 607 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 608 </svg> 609 <span style="color: #666; font-size: 0.95rem;">Jeju Island</span> 610 </div> 611 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 612 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 613 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 614 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 615 </svg> 616 <span style="color: #666; font-size: 0.95rem;">
616Gyeongju</span> 617 </div> 618 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 619 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 620 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 621 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 622 </svg> 623 <span style="color: #666; font-size: 0.95rem;">Incheon</span> 624 </div> 625 </div> 626 627 <!-- Taiwan Card --> 628 <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)), url('images/taiwan4.jpg'); background-size: cover; background-position: center; padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;"> 629 <div style="font-size: 2.5rem; margin-bottom: 10px;">ð¹ð¼</div> 630 <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">Taiwan</h3> 631 <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">5 destinations</p> 632 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 633 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 634 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 635 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 636 </svg> 637 <span style="color: #666; font-size: 0.95rem;">Taipei</span> 638 </div> 639 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 640 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 641 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 642 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 643 </svg> 644 <span style="color: #666; font-size: 0.95rem;">Kaohsiung</span> 645 </div> 646 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 647 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 648 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 649 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 650 </svg> 651 <span style="color: #666; font-size: 0.95rem;">Taichung</span> 652 </div> 653 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 654 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 655 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 656 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 657 </svg> 658 <span style="color: #666; font-size: 0.95rem;">Tainan</span> 659 </div> 660 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 661 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 662 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 663 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 664 </svg>
665 <span style="color: #666; font-size: 0.95rem;">Hualien</span> 666 </div> 667 </div> 668 669 <!-- China Card --> 670 <div style="background: linear-gradient(135deg, rgba(240, 242, 245, 0.9), rgba(230, 235, 240, 0.9)); padding: 30px; border-radius: 15px; border: 1px solid #e0e0e0;"> 671 <div style="font-size: 2.5rem; margin-bottom: 10px;">ð¨ð³</div> 672 <h3 style="color: #2c3e50; font-size: 1.8rem; margin: 0 0 5px 0; font-weight: 700;">China</h3> 673 <p style="color: #666; font-size: 1rem; margin: 0 0 20px 0; font-weight: 600;">9 destinations</p> 674 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 675 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 676 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 677 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 678 </svg> 679 <span style="color: #666; font-size: 0.95rem;">Shenzhen</span> 680 </div> 681 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 682 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 683 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 684 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 685 </svg> 686 <span style="color: #666; font-size: 0.95rem;">Guangzhou</span> 687 </div> 688 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 689 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 690 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 691 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 692 </svg> 693 <span style="color: #666; font-size: 0.95rem;">Beijing</span> 694 </div> 695 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 696 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 697 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 698 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 699 </svg> 700 <span style="color: #666; font-size: 0.95rem;">Shanghai</span> 701 </div> 702 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 703 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 704 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 705 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 706 </svg> 707 <span style="color: #666; font-size: 0.95rem;">Xi'an</span> 708 </div> 709 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 710 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 711 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 712 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 713 </svg>
714 <span style="color: #666; font-size: 0.95rem;">Chengdu</span> 715 </div> 716 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 717 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 718 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 719 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 720 </svg> 721 <span style="color: #666; font-size: 0.95rem;">Guilin</span> 722 </div> 723 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 724 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 725 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 726 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 727 </svg> 728 <span style="color: #666; font-size: 0.95rem;">Lijiang</span> 729 </div> 730 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> 731 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#666" stroke-width="2"> 732 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 733 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 734 </svg> 735 <span style="color: #666; font-size: 0.95rem;">
735Hangzhou</span> 736 </div> 737 </div> 738 739 </div> 740 </div> <!-- End East Asia --> 741 742 <div style="background: #f8f9fa; padding: 25px; border-radius: 10px; margin: 40px 0 30px 0; text-align: center;"> 743 <h3 style="color: #2c3e50; margin-bottom: 15px;">ð We're Expanding!</h3> 744 <p style="color: #555; font-size: 1.1rem; margin: 0;">We're expanding quickly. Stay tuned as Lokki supports even more destinations across Asia!</p> 745 </div> 746 747 <div style="text-align: center; margin-top: 40px;"> 748 <a href="index.html" style="background: #667eea; color: white; padding: 15px 30px; text-decoration: none; border-radius: 5px; display: inline-block; font-size: 1.1rem; font-weight: 600;">Start Planning</a> 749 </div> 750 </div> <!-- End content-section --> 751 752
752<script> 753 function showRegion(region) { 754 const southeastBtn = document.getElementById('btn-southeast'); 755 const eastBtn = document.getElementById('btn-east'); 756 const southeastDestinations = document.getElementById('southeast-destinations'); 757 const eastDestinations = document.getElementById('east-destinations'); 758 759 if (region === 'southeast') { 760 // Show Southeast Asia 761 southeastDestinations.style.display = 'block'; 762 eastDestinations.style.display = 'none'; 763 764 // Update button styles 765 southeastBtn.style.background = '#667eea'; 766 southeastBtn.style.color = 'white'; 767 eastBtn.style.background = '#f0f0f0'; 768 eastBtn.style.color = '#333'; 769 } else if (region === 'east') { 770 // Show East Asia 771 southeastDestinations.style.display = 'none'; 772 eastDestinations.style.display = 'block'; 773 774 // Update button styles 775 southeastBtn.style.background = '#f0f0f0'; 776 southeastBtn.style.color = '#333'; 777 eastBtn.style.background = '#667eea'; 778 eastBtn.style.color = 'white'; 779 } 780 } 781 </script>
vendor: 1 bytes, line 781
781
782<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"b8d9142aac3a484095aeecb22dd1d648","r":1,"spa":2}' crossorigin="anonymous"></script>
782 783</body> 784</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.