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, shrink-to-fit=no"> 6 <!-- Google tag (gtag.js) --> 7 <!--
vendor: 63 bytes, line 7
7<script async src="https://www.googletagmanager.com/gtag/js?id=
7G-RCTBHGQ45X
vendor: 11 bytes, line 7
7"></script>
7--> 8 <!--
8<script>--> 9 <!-- window.dataLayer = window.dataLayer || [];--> 10 <!-- function gtag(){dataLayer.push(arguments);}--> 11 <!-- gtag('js', new Date());--> 12 13 <!-- gtag('config', 'G-RCTBHGQ45X');--> 14 <!--</script>
14--> 15 <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 15-16
15 16<script async src="https://www.googletagmanager.com/gtag/js?id=
16G-WL1YQX7NCT
vendor: 12 bytes, line 16
16"></script>
17<script> 18
vendor: 134 bytes, lines 18-22
18window.dataLayer = window.dataLayer || []; 19 function gtag(){dataLayer.push(arguments);} 20 gtag('js', new Date()); 21 22 gtag('config', '
22G-WL1YQX7NCT
vendor: 4 bytes, line 22
22');
23</script>
23 24 <meta name="robots" content="index,follow"> 25 <title>Vagamon.com | 28 Years of Local Expertise in the vagamon hills</title> 26 <meta name="description" content="Plan your trip to the Vagamon Hills with guidance. Book resorts, tree houses, and homestays in the best cool climate zones. 28+ years of local expertise"> 27 <link rel="canonical" href="https://www.vagamon.com"> 28 29
29<script type="application/ld+json"> 30 { 31 "@context": "https://schema.org", 32 "@graph": [ 33 { 34 "@type": "WebPage", 35 "@id": "https://www.vagamon.com/#webpage", 36 "url": "https://www.vagamon.com/", 37 "name": "Vagamon.com | 28 Years of Local Expertise in the vagamon hills", 38 "isPartOf": { 39 "@id": "https://www.vagamon.com/#website" 40 }, 41 "about": { 42 "@id": "https://www.vagamon.com/#organization" 43 }, 44 "description": "Plan your trip to the Vagamon Hills with guidance. Book resorts, tree houses, and homestays in the best cool climate zones. 28+ years of local expertise", 45 "inLanguage": "en-US", 46 "potentialAction": [ 47 { 48 "@type": "ReadAction", 49 "target": [ 50 "https://www.vagamon.com/" 51 ] 52 } 53 ] 54 }, 55 { 56 "@type": "ImageObject", 57 "inLanguage": "en-US", 58 "@id": "https://www.vagamon.com/#primaryimage", 59 "url": "https://www.vagamon.com/uploads/site_photos/921168b3b0c47176ee4b426c0b06ad55.png", 60 "contentUrl": "https://www.vagamon.com/uploads/site_photos/921168b3b0c47176ee4b426c0b06ad55.png" 61 }, 62 { 63 "@type": "BreadcrumbList", 64 "@id": "https://www.vagamon.com/#breadcrumb", 65 "itemListElement": [ 66 { 67 "@type": "ListItem", 68 "position": 1, 69 "name": "Home", 70 "item": "https://www.vagamon.com/" 71 } 72 ] 73 }, 74 { 75 "@type": "FAQPage", 76 "mainEntity": [ 77 { 78 "@type": "Question", 79 "name": "What is the best time to visit Vagamon?", 80 "acceptedAnswer": { 81 "@type": "Answer", 82 "text": "<p>September to May is the best time to visit Vagamon. Winters (October to February) offer pleasant cool weather, perfect for sightseeing, trekking, and outdoor activities.</p>" 83 } 84 }, 85 { 86 "@type": "Question", 87 "name": "Which are the must-visit tourist places in Vagamon?", 88 "acceptedAnswer": { 89 "@type": "Answer", 90 "text": "<p>Top tourist attractions in Vagamon include the Vagamon Pine Forest, Kurisumala Ashram, Vagamon Meadows (Green Meadows), Marmala Waterfall, Suicide Point, and Thangal Para.</p>" 91 } 92 }, 93 { 94 "@type": "Question", 95 "name": "How many days are required for a Vagamon trip?", 96 "acceptedAnswer": { 97 "@type": "Answer", 98 "text": "<p>A 2-day, 1-night trip is ideal to explore all major sightseeing spots, enjoy nature walks, and relax at local resorts in Vagamon.</p>" 99 } 100 }, 101 { 102 "@type": "Question", 103 "name": "What types of accommodation are available in Vagamon?", 104 "acceptedAnswer": { 105 "@type": "Answer", 106 "text": "<p>Vagamon offers diverse stay options, including luxury hill resorts, private eco-cottages, tea plantation bungalows, budget homestays, and adventure campsites.</p>" 107 } 108 }, 109 { 110 "@type": "Question", 111 "name": "How to reach Vagamon from Cochin or Kottayam?", 112 "acceptedAnswer": { 113 "@type": "Answer", 114 "text": "<p>Vagamon is easily accessible by road. It is approximately 100 km from Cochin International Airport (COK) and 64 km from Kottayam Railway Station, with taxis and KSRTC buses readily available.</p>" 115 } 116 } 117 ] 118 }, 119 { 120 "@type": "WebSite", 121 "@id": "https://www.vagamon.com/#website", 122 "url": "https://www.vagamon.com/", 123 "name": "Vagamon.com | 28 Years of Local Expertise in the vagamon hills", 124 "description": "Plan your trip to the Vagamon Hills with guid
124ance. Book resorts, tree houses, and homestays in the best cool climate zones. 28+ years of local expertise", 125 "publisher": { 126 "@id": "https://www.vagamon.com/#organization" 127 }, 128 "potentialAction": [ 129 { 130 "@type": "SearchAction", 131 "target": { 132 "@type": "EntryPoint", 133 "urlTemplate": "https://www.vagamon.com/?s={search_term_string}" 134 }, 135 "query-input": { 136 "@type": "PropertyValueSpecification", 137 "valueRequired": true, 138 "valueName": "search_term_string" 139 } 140 } 141 ], 142 "inLanguage": "en-US" 143 }, 144 { 145 "@type": "Organization", 146 "@id": "https://www.vagamon.com/#organization", 147 "name": "Vagamon.com | 28 Years of Local Expertise in the vagamon hills", 148 "url": "https://www.vagamon.com/", 149 "logo": { 150 "@type": "ImageObject", 151 "inLanguage": "en-US", 152 "@id": "https://www.vagamon.com/#/schema/logo/image/", 153 "url": "https://www.vagamon.com/uploads/site_photos/921168b3b0c47176ee4b426c0b06ad55.png", 154 "contentUrl": "https://www.vagamon.com/uploads/site_photos/921168b3b0c47176ee4b426c0b06ad55.png", 155 "caption": "Vagamon.com | 28 Years of Local Expertise in the vagamon hills" 156 }, 157 "image": { 158 "@id": "https://www.vagamon.com/#/schema/logo/image/" 159 } 160 } 161 ] 162} 163 </script>
163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 <link rel="icon" type="image/png" href="https://www.vagamon.com/uploads/site_photos/910e6431285b5ab7be3715f5a38ac85f.jpg"> 178 <!-- All CSS --> 179 180<!-- Homepage only --> 181 <!-- Only load what homepage actually needs --> 182 <!-- All CSS --> 183 184 <style> 185 .search-section { 186 top:45px!important; 187 } 188 .search-section1{ 189 padding-top: 47px!important; 190 } 191 </style> 192<link rel="stylesheet" href="https://www.vagamon.com/frontend/css/bootstrap.min.css"> 193<link rel="stylesheet" href="https://www.vagamon.com/frontend/css/animate.min.css"> 194<link rel="stylesheet" href="https://www.vagamon.com/frontend/fontawesome-free/css/all.min.css"> 195<link rel="stylesheet" href="https://www.vagamon.com/frontend/css/style.css"> 196<link rel="stylesheet" href="https://www.vagamon.com/frontend/css/stylesA.css"> 197 198<link rel="stylesheet" href="https://www.vagamon.com/frontend/css/index.css"> 199<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" /> 200 201 202<!-- Global stuff that EVERY page needs --> 203<link rel="stylesheet" href="https://www.vagamon.com/frontend/css/ckeditor_styles.css"> 204<link rel="stylesheet" href="https://www.vagamon.com/frontend/css/common.css"> 205<link href="https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Geist:[email protected]&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> 206 <link href="https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700;800&display=swap" rel="stylesheet"> 207 <!-- Owl Carousel CSS --> 208
208<script> 209 // Remove only #Details fragment 210 document.addEventListener('DOMContentLoaded', function() { 211 if (window.location.hash === '#Details') { 212 history.replaceState(null, null, window.location.pathname + window.location.search); 213 } 214 }); 215 </script>
215 216 217
217<script src="https://www.vagamon.com/frontend/js/bootstrap.min.js"></script>
vendor: 2 bytes, line 217
217
218<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
vendor: 2 bytes, line 218
218
219<script src="https://www.vagamon.com/frontend/js/url-fragment-cleaner.js?v=1783358260"></script>
vendor: 2 bytes, line 219
219
220<script src="https://www.vagamon.com/frontend/js/index.js?v=1783358260"></script>
220 221 222 223
224<script src="https://www.vagamon.com/frontend/js/common.js"></script>
224 <!----> 225 <style> 226 .sticky-social-footer { 227 position: fixed; 228 bottom: 0; 229 left: 0; 230 width: 100%; 231 background-color: #000b36; 232 color: #ffffff; 233 border-top: #c8c7c7 2px solid; 234 padding: 10px 20px; 235 box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2); 236 z-index: 1000; 237} 238 239.social-container { 240 display: flex; 241 justify-content: center; 242 align-items: center; 243 gap: 15px; 244 font-family: sans-serif; 245 font-size: 14px; 246} 247 248.social-icon { 249 display: inline-flex; 250 justify-content: center; 251 align-items: center; 252 width: 32px; 253 height: 32px; 254 background-color: rgba(255, 255, 255, 0.1); 255 color: #ffffff; 256 border-radius: 50%; 257 text-decoration: none; 258 transition: background-color 0.2s ease, color 0.2s ease; 259} 260 261.social-icon:hover { 262 background-color: #ffffff; 263 color: #1a1a1a; 264} 265 266 .mobile-nav.mean-container .mean-nav ul li a.active, 267 .main-nav nav .navbar-nav .nav-item a:hover, 268 .main-nav nav .navbar-nav .nav-item a:focus, 269 .main-nav nav .navbar-nav .nav-item a.active, 270 .main-nav nav .navbar-nav .nav-item:hover a, 271 .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover, 272 .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus, 273 .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active, 274 .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, 275 .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, 276 .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active, 277 .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover a, 278 .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover, 279 .hotel .hotel-item .text .location, 280 .hotel .hotel-item .text h3 a:hover, 281 .footer-item h2, 282 .footer-item ul li a:hover, 283 .hotel-filter .lf-heading, 284 .hotel .hotel-item .text .location a, 285 .hotel-single-banner .hotel-items a, 286 .hotel-page h2 i, 287 .hotel-page .amenities li i, 288 .hotel-page .contact a, 289 .hotel-page .review-overall .total, 290 .hotel-sidebar .ls-widget .agent-contact li, 291 .hotel-sidebar .ls-widget .agent-contact li a, 292 .hotel-sidebar .ls-widget .category ul li a, 293 .faq h4.panel-title a, 294 .sidebar .widget .type-1 ul li:before, 295 .sidebar .widget .type-1 ul li a:hover, 296 .contact-icon i, 297 .reg-login-form .new-user a, 298 .reg-login-form .link, 299 .hotel-page .room-all .item .price { 300 color: #2F4A37; 301 } 302 303 .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover, 304 .mean-container a.meanmenu-reveal, 305 .footer-social-link ul li a:hover { 306 color: #2F4A37!important; 307 } 308 309 .search-section .input-group-append button, 310 .hotel .hotel-item .photo .category a, 311 .popular-city-carousel .owl-nav .owl-prev, 312 .popular-city-carousel .owl-nav .owl-next, 313 .footer-social-link ul li a, 314 .scroll-top, 315 .page-banner, 316 .filter-button, 317 .hotel-sidebar .ls-widget .agent-social ul li a, 318 .hotel-sidebar .ls-widget a.agent-view-profile, 319 .pricing .btn, 320 .contact-form .btn, 321 .reg-login-form button, 322 .hotel .owl-nav .owl-prev, 323 .hotel .owl-nav .owl-next, 324 .hotel-single-banner .social a:hover, 325 .top, 326 .agent-banner .social a:hover, 327 .mean-container a.meanmenu-reveal span, 328 .comment button { 329 background: #2F4A37; 330 331 /* background: linear-gradient(to right, #F8FC00 0%, #FD1D1D 50%, #FCB045 100%); */ 332 333 } 334 335 .footer-social-link ul li a, 336 .contact-form .btn { 337 border-color: #2F4A37; 338 } 339 340 .hotel-filter .lf-heading { 341 border-bottom-color: #2F4A37; 342 } 343 344 </style> 345 <style> 346 .text-two-columns { 347 column-count: 2; 348 column-gap: 30px; 349} 350 351/* Fall back to a single column on smaller screens/mobile */ 352@media (max-width: 768px) { 353 .text-two-columns { 354 column-count: 1; 355 } 356} 357</style> 358<style> 359.gr-star-widget { 360 display: inline-flex; 361 flex-wrap: wrap; /* Allows elements to drop to the next line */ 362 align-items: center; 363 gap: 1px; 364 background: #f8f9fa; 365 border: 1px solid #e9ecef00; 366 border-radius: 8px; 367 padding: 10px 32px; 368 margin-top: 10px; 369 max-width: fit-content; 370} 371 372.gr-widget-top-row { 373 display: flex; 374 align-items: center; 375 gap: 6px; 376} 377 378.decimal-stars { 379 position: relative; 380 display: inline-flex; 381 line-height: 1; 382 user-select: none; 383} 384 385.stars-background { 386 display: flex; 387 gap: 2px; 388 color: #E0E0E0; 389} 390 391.stars-foreground { 392 position: absolute; 393 top: 0; 394 left: 0; 395 display: flex; 396 gap: 2px; 397 overflow: hidden; 398 color: #F9AB00; 399 width: 0%; /* Adjusted by JavaScript */ 400} 401 402.stars-background svg, 403.stars-foreground svg { 404 display: block; 405 flex-shrink: 0; 406} 407 408.gr-widget-bottom-row { 409 flex-basis: 100%; /* Forces this container to a new line */ 410 margin-top: 2px; 411} 412</style> 413 414<style> 415.gr-star-widget { 416 display: inline-flex; 417 flex-wrap: wrap; /* Allows elements to drop to the next line */ 418 align-items: center; 419 gap: 1px; 420 background: #f8f9fa; 421 border: 1px solid #e9ecef00; 422 border-radius: 8px; 423 padding: 10px 32px; 424 margin-top: 10px; 425 max-width: fit-content; 426} 427 428.gr-widget-top-row { 429 display: flex; 430 align-items: center; 431 gap: 6px; 432} 433 434.decimal-stars { 435 position: relative; 436 display: inline-flex; 437 line-height: 1; 438 user-select: none; 439} 440 441.stars-background { 442 display: flex; 443 gap: 2px; 444 color: #E0E0E0; 445} 446 447.stars-foreground { 448 position: absolute; 449 top: 0; 450 left: 0; 451 display: flex; 452 gap: 2px; 453 overflow: hidden; 454 color: #F9AB00; 455 width: 0%; /* Adjusted by JavaScript */ 456} 457 458.stars-background svg, 459.stars-foreground svg { 460 display: block; 461 flex-shrink: 0; 462} 463 464.gr-widget-bottom-row { 465 flex-basis: 100%; /* Forces this container to a new line */ 466 margin-top: 2px; 467} 468</style> 469 470<style> 471.gr-star-widget { 472 display: inline-flex; 473 flex-wrap: wrap; /* Allows elements to drop to the next line */ 474 align-items: center; 475 gap: 1px; 476 background: #f8f9fa; 477 border: 1px solid #e9ecef00; 478 border-radius: 8px; 479 padding: 10px 32px; 480 margin-top: 10px; 481 max-width: fit-content; 482} 483 484.gr-widget-top-row { 485 display: flex; 486 align-items: center; 487 gap: 6px; 488} 489 490.decimal-stars { 491 position: relative; 492 display: inline-flex; 493 line-height: 1; 494 user-select: none; 495} 496 497.stars-background { 498 display: flex; 499 gap: 2px; 500 color: #E0E0E0; 501} 502 503.stars-foreground { 504 position: absolute; 505 top: 0; 506 left: 0; 507 display: flex; 508 gap: 2px; 509 overflow: hidden; 510 color: #F9AB00; 511 width: 0%; /* Adjusted by JavaScript */ 512} 513 514.stars-background svg, 515.stars-foreground svg { 516 display: block; 517 flex-shrink: 0; 518} 519 520.gr-widget-bottom-row { 521 flex-basis: 100%; /* Forces this container to a new line */ 522 margin-top: 2px; 523} 524</style> 525 526<style> 527.gr-star-widget { 528 display: inline-flex; 529 flex-wrap: wrap; /* Allows elements to drop to the next line */ 530 align-items: center; 531 gap: 1px; 532 background: #f8f9fa; 533 border: 1px solid #e9ecef00; 534 border-radius: 8px; 535 padding: 10px 32px; 536 margin-top: 10px; 537 max-width: fit-content; 538} 539 540.gr-widget-top-row { 541 display: flex; 542 align-items: center; 543 gap: 6px; 544} 545 546.decimal-stars { 547 position: relative; 548 display: inline-flex; 549 line-height: 1; 550 user-select: none; 551} 552 553.stars-background { 554 display: flex; 555 gap: 2px; 556 color: #E0E0E0; 557} 558 559.stars-foreground { 560 position: absolute; 561 top: 0; 562 left: 0; 563 display: flex; 564 gap: 2px; 565 overflow: hidden; 566 color: #F9AB00; 567 width: 0%; /* Adjusted by JavaScript */ 568} 569 570.stars-background svg, 571.stars-foreground svg { 572 display: block; 573 flex-shrink: 0; 574} 575 576.gr-widget-bottom-row { 577 flex-basis: 100%; /* Forces this container to a new line */ 578 margin-top: 2px; 579} 580</style> 581 582<style> 583.gr-star-widget { 584 display: inline-flex; 585 flex-wrap: wrap; /* Allows elements to drop to the next line */ 586 align-items: center; 587 gap: 1px; 588 background: #f8f9fa; 589 border: 1px solid #e9ecef00; 590 border-radius: 8px; 591 padding: 10px 32px; 592 margin-top: 10px; 593 max-width: fit-content; 594} 595 596.gr-widget-top-row { 597 display: flex; 598 align-items: center; 599 gap: 6px; 600} 601 602.decimal-stars { 603 position: relative; 604 display: inline-flex; 605 line-height: 1; 606 user-select: none; 607} 608 609.stars-background { 610 display: flex; 611 gap: 2px; 612 color: #E0E0E0; 613} 614 615.stars-foreground { 616 position: absolute; 617 top: 0; 618 left: 0; 619 display: flex; 620 gap: 2px; 621 overflow: hidden; 622 color: #F9AB00; 623 width: 0%; /* Adjusted by JavaScript */ 624} 625 626.stars-background svg, 627.stars-foreground svg { 628 display: block; 629 flex-shrink: 0; 630} 631 632.gr-widget-bottom-row { 633 flex-basis: 100%; /* Forces this container to a new line */ 634 margin-top: 2px; 635} 636</style> 637 638<style> 639.gr-star-widget { 640 display: inline-flex; 641 flex-wrap: wrap; /* Allows elements to drop to the next line */ 642 align-items: center; 643 gap: 1px; 644 background: #f8f9fa; 645 border: 1px solid #e9ecef00; 646 border-radius: 8px; 647 padding: 10px 32px; 648 margin-top: 10px; 649 max-width: fit-content; 650} 651 652.gr-widget-top-row { 653 display: flex; 654 align-items: center; 655 gap: 6px; 656} 657 658.decimal-stars { 659 position: relative; 660 display: inline-flex; 661 line-height: 1; 662 user-select: none; 663} 664 665.stars-background { 666 display: flex; 667 gap: 2px; 668 color: #E0E0E0; 669} 670 671.stars-foreground { 672 position: absolute; 673 top: 0; 674 left: 0; 675 display: flex; 676 gap: 2px; 677 overflow: hidden; 678 color: #F9AB00; 679 width: 0%; /* Adjusted by JavaScript */ 680} 681 682.stars-background svg, 683.stars-foreground svg { 684 display: block; 685 flex-shrink: 0; 686} 687 688.gr-widget-bottom-row { 689 flex-basis: 100%; /* Forces this container to a new line */ 690 margin-top: 2px; 691} 692</style> 693 694<style> 695.gr-star-widget { 696 display: inline-flex; 697 flex-wrap: wrap; /* Allows elements to drop to the next line */ 698 align-items: center; 699 gap: 1px; 700 background: #f8f9fa; 701 border: 1px solid #e9ecef00; 702 border-radius: 8px; 703 padding: 10px 32px; 704 margin-top: 10px; 705 max-width: fit-content; 706} 707 708.gr-widget-top-row { 709 display: flex; 710 align-items: center; 711 gap: 6px; 712} 713 714.decimal-stars { 715 position: relative; 716 display: inline-flex; 717 line-height: 1; 718 user-select: none; 719} 720 721.stars-background { 722 display: flex; 723 gap: 2px; 724 color: #E0E0E0; 725} 726 727.stars-foreground { 728 position: absolute; 729 top: 0; 730 left: 0; 731 display: flex; 732 gap: 2px; 733 overflow: hidden; 734 color: #F9AB00; 735 width: 0%; /* Adjusted by JavaScript */ 736} 737 738.stars-background svg, 739.stars-foreground svg { 740 display: block; 741 flex-shrink: 0; 742} 743 744.gr-widget-bottom-row { 745 flex-basis: 100%; /* Forces this container to a new line */ 746 margin-top: 2px; 747} 748</style> 749 750<style> 751.gr-star-widget { 752 display: inline-flex; 753 flex-wrap: wrap; /* Allows elements to drop to the next line */ 754 align-items: center; 755 gap: 1px; 756 background: #f8f9fa; 757 border: 1px solid #e9ecef00; 758 border-radius: 8px; 759 padding: 10px 32px; 760 margin-top: 10px; 761 max-width: fit-content; 762} 763 764.gr-widget-top-row { 765 display: flex; 766 align-items: center; 767 gap: 6px; 768} 769 770.decimal-stars { 771 position: relative; 772 display: inline-flex; 773 line-height: 1; 774 user-select: none; 775} 776 777.stars-background { 778 display: flex; 779 gap: 2px; 780 color: #E0E0E0; 781} 782 783.stars-foreground { 784 position: absolute; 785 top: 0; 786 left: 0; 787 display: flex; 788 gap: 2px; 789 overflow: hidden; 790 color: #F9AB00; 791 width: 0%; /* Adjusted by JavaScript */ 792} 793 794.stars-background svg, 795.stars-foreground svg { 796 display: block; 797 flex-shrink: 0; 798} 799 800.gr-widget-bottom-row { 801 flex-basis: 100%; /* Forces this container to a new line */ 802 margin-top: 2px; 803} 804</style> 805 806<style> 807.gr-star-widget { 808 display: inline-flex; 809 flex-wrap: wrap; /* Allows elements to drop to the next line */ 810 align-items: center; 811 gap: 1px; 812 background: #f8f9fa; 813 border: 1px solid #e9ecef00; 814 border-radius: 8px; 815 padding: 10px 32px; 816 margin-top: 10px; 817 max-width: fit-content; 818} 819 820.gr-widget-top-row { 821 display: flex; 822 align-items: center; 823 gap: 6px; 824} 825 826.decimal-stars { 827 position: relative; 828 display: inline-flex; 829 line-height: 1; 830 user-select: none; 831} 832 833.stars-background { 834 display: flex; 835 gap: 2px; 836 color: #E0E0E0; 837} 838 839.stars-foreground { 840 position: absolute; 841 top: 0; 842 left: 0; 843 display: flex; 844 gap: 2px; 845 overflow: hidden; 846 color: #F9AB00; 847 width: 0%; /* Adjusted by JavaScript */ 848} 849 850.stars-background svg, 851.stars-foreground svg { 852 display: block; 853 flex-shrink: 0; 854} 855 856.gr-widget-bottom-row { 857 flex-basis: 100%; /* Forces this container to a new line */ 858 margin-top: 2px; 859} 860</style> 861 862<style> 863.gr-star-widget { 864 display: inline-flex; 865 flex-wrap: wrap; /* Allows elements to drop to the next line */ 866 align-items: center; 867 gap: 1px; 868 background: #f8f9fa; 869 border: 1px solid #e9ecef00; 870 border-radius: 8px; 871 padding: 10px 32px; 872 margin-top: 10px; 873 max-width: fit-content; 874} 875 876.gr-widget-top-row { 877 display: flex; 878 align-items: center; 879 gap: 6px; 880} 881 882.decimal-stars { 883 position: relative; 884 display: inline-flex; 885 line-height: 1; 886 user-select: none; 887} 888 889.stars-background { 890 display: flex; 891 gap: 2px; 892 color: #E0E0E0; 893} 894 895.stars-foreground { 896 position: absolute; 897 top: 0; 898 left: 0; 899 display: flex; 900 gap: 2px; 901 overflow: hidden; 902 color: #F9AB00; 903 width: 0%; /* Adjusted by JavaScript */ 904} 905 906.stars-background svg, 907.stars-foreground svg { 908 display: block; 909 flex-shrink: 0; 910} 911 912.gr-widget-bottom-row { 913 flex-basis: 100%; /* Forces this container to a new line */ 914 margin-top: 2px; 915} 916</style> 917 918<style> 919.gr-star-widget { 920 display: inline-flex; 921 flex-wrap: wrap; /* Allows elements to drop to the next line */ 922 align-items: center; 923 gap: 1px; 924 background: #f8f9fa; 925 border: 1px solid #e9ecef00; 926 border-radius: 8px; 927 padding: 10px 32px; 928 margin-top: 10px; 929 max-width: fit-content; 930} 931 932.gr-widget-top-row { 933 display: flex; 934 align-items: center; 935 gap: 6px; 936} 937 938.decimal-stars { 939 position: relative; 940 display: inline-flex; 941 line-height: 1; 942 user-select: none; 943} 944 945.stars-background { 946 display: flex; 947 gap: 2px; 948 color: #E0E0E0; 949} 950 951.stars-foreground { 952 position: absolute; 953 top: 0; 954 left: 0; 955 display: flex; 956 gap: 2px; 957 overflow: hidden; 958 color: #F9AB00; 959 width: 0%; /* Adjusted by JavaScript */ 960} 961 962.stars-background svg, 963.stars-foreground svg { 964 display: block; 965 flex-shrink: 0; 966} 967 968.gr-widget-bottom-row { 969 flex-basis: 100%; /* Forces this container to a new line */ 970 margin-top: 2px; 971} 972</style> 973 974<style> 975.gr-star-widget { 976 display: inline-flex; 977 flex-wrap: wrap; /* Allows elements to drop to the next line */ 978 align-items: center; 979 gap: 1px; 980 background: #f8f9fa; 981 border: 1px solid #e9ecef00; 982 border-radius: 8px; 983 padding: 10px 32px; 984 margin-top: 10px; 985 max-width: fit-content; 986} 987 988.gr-widget-top-row { 989 display: flex; 990 align-items: center; 991 gap: 6px; 992} 993 994.decimal-stars { 995 position: relative; 996 display: inline-flex; 997 line-height: 1; 998 user-select: none; 999} 1000 1001.stars-background { 1002 display: flex; 1003 gap: 2px; 1004 color: #E0E0E0; 1005} 1006 1007.stars-foreground { 1008 position: absolute; 1009 top: 0; 1010 left: 0; 1011 display: flex; 1012 gap: 2px; 1013 overflow: hidden; 1014 color: #F9AB00; 1015 width: 0%; /* Adjusted by JavaScript */ 1016} 1017 1018.stars-background svg, 1019.stars-foreground svg { 1020 display: block; 1021 flex-shrink: 0; 1022} 1023 1024.gr-widget-bottom-row { 1025 flex-basis: 100%; /* Forces this container to a new line */ 1026 mar
1026gin-top: 2px; 1027} 1028</style> 1029 1030<style> 1031.gr-star-widget { 1032 display: inline-flex; 1033 flex-wrap: wrap; /* Allows elements to drop to the next line */ 1034 align-items: center; 1035 gap: 1px; 1036 background: #f8f9fa; 1037 border: 1px solid #e9ecef00; 1038 border-radius: 8px; 1039 padding: 10px 32px; 1040 margin-top: 10px; 1041 max-width: fit-content; 1042} 1043 1044.gr-widget-top-row { 1045 display: flex; 1046 align-items: center; 1047 gap: 6px; 1048} 1049 1050.decimal-stars { 1051 position: relative; 1052 display: inline-flex; 1053 line-height: 1; 1054 user-select: none; 1055} 1056 1057.stars-background { 1058 display: flex; 1059 gap: 2px; 1060 color: #E0E0E0; 1061} 1062 1063.stars-foreground { 1064 position: absolute; 1065 top: 0; 1066 left: 0; 1067 display: flex; 1068 gap: 2px; 1069 overflow: hidden; 1070 color: #F9AB00; 1071 width: 0%; /* Adjusted by JavaScript */ 1072} 1073 1074.stars-background svg, 1075.stars-foreground svg { 1076 display: block; 1077 flex-shrink: 0; 1078} 1079 1080.gr-widget-bottom-row { 1081 flex-basis: 100%; /* Forces this container to a new line */ 1082 margin-top: 2px; 1083} 1084</style> 1085 1086<style> 1087.gr-star-widget { 1088 display: inline-flex; 1089 flex-wrap: wrap; /* Allows elements to drop to the next line */ 1090 align-items: center; 1091 gap: 1px; 1092 background: #f8f9fa; 1093 border: 1px solid #e9ecef00; 1094 border-radius: 8px; 1095 padding: 10px 32px; 1096 margin-top: 10px; 1097 max-width: fit-content; 1098} 1099 1100.gr-widget-top-row { 1101 display: flex; 1102 align-items: center; 1103 gap: 6px; 1104} 1105 1106.decimal-stars { 1107 position: relative; 1108 display: inline-flex; 1109 line-height: 1; 1110 user-select: none; 1111} 1112 1113.stars-background { 1114 display: flex; 1115 gap: 2px; 1116 color: #E0E0E0; 1117} 1118 1119.stars-foreground { 1120 position: absolute; 1121 top: 0; 1122 left: 0; 1123 display: flex; 1124 gap: 2px; 1125 overflow: hidden; 1126 color: #F9AB00; 1127 width: 0%; /* Adjusted by JavaScript */ 1128} 1129 1130.stars-background svg, 1131.stars-foreground svg { 1132 display: block; 1133 flex-shrink: 0; 1134} 1135 1136.gr-widget-bottom-row { 1137 flex-basis: 100%; /* Forces this container to a new line */ 1138 margin-top: 2px; 1139} 1140</style> 1141 1142<style> 1143.gr-star-widget { 1144 display: inline-flex; 1145 flex-wrap: wrap; /* Allows elements to drop to the next line */ 1146 align-items: center; 1147 gap: 1px; 1148 background: #f8f9fa; 1149 border: 1px solid #e9ecef00; 1150 border-radius: 8px; 1151 padding: 10px 32px; 1152 margin-top: 10px; 1153 max-width: fit-content; 1154} 1155 1156.gr-widget-top-row { 1157 display: flex; 1158 align-items: center; 1159 gap: 6px; 1160} 1161 1162.decimal-stars { 1163 position: relative; 1164 display: inline-flex; 1165 line-height: 1; 1166 user-select: none; 1167} 1168 1169.stars-background { 1170 display: flex; 1171 gap: 2px; 1172 color: #E0E0E0; 1173} 1174 1175.stars-foreground { 1176 position: absolute; 1177 top: 0; 1178 left: 0; 1179 display: flex; 1180 gap: 2px; 1181 overflow: hidden; 1182 color: #F9AB00; 1183 width: 0%; /* Adjusted by JavaScript */ 1184} 1185 1186.stars-background svg, 1187.stars-foreground svg { 1188 display: block; 1189 flex-shrink: 0; 1190} 1191 1192.gr-widget-bottom-row { 1193 flex-basis: 100%; /* Forces this container to a new line */ 1194 margin-top: 2px; 1195} 1196</style> 1197 1198<style> 1199.gr-star-widget { 1200 display: inline-flex; 1201 flex-wrap: wrap; /* Allows elements to drop to the next line */ 1202 align-items: center; 1203 gap: 1px; 1204 background: #f8f9fa; 1205 border: 1px solid #e9ecef00; 1206 border-radius: 8px; 1207 padding: 10px 32px; 1208 margin-top: 10px; 1209 max-width: fit-content; 1210} 1211 1212.gr-widget-top-row { 1213 display: flex; 1214 align-items: center; 1215 gap: 6px; 1216} 1217 1218.decimal-stars { 1219 position: relative; 1220 display: inline-flex; 1221 line-height: 1; 1222 user-select: none; 1223} 1224 1225.stars-background { 1226 display: flex; 1227 gap: 2px; 1228 color: #E0E0E0; 1229} 1230 1231.stars-foreground { 1232 position: absolute; 1233 top: 0; 1234 left: 0; 1235 display: flex; 1236 gap: 2px; 1237 overflow: hidden; 1238 color: #F9AB00; 1239 width: 0%; /* Adjusted by JavaScript */ 1240} 1241 1242.stars-background svg, 1243.stars-foreground svg { 1244 display: block; 1245 flex-shrink: 0; 1246} 1247 1248.gr-widget-bottom-row { 1249 flex-basis: 100%; /* Forces this container to a new line */ 1250 margin-top: 2px; 1251} 1252</style> 1253 1254 </head> 1255 <body> 1256 <!-- <div id="mySidepanel" class="sidepanel">--> 1257 <!-- <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>--> 1258 <!-- <a href="#">About</a>--> 1259 <!-- <a href="#">Services</a>--> 1260 <!-- <a href="#">Clients</a>--> 1261 <!-- <a href="#">Contact</a>-->
1261 1262 <!--</div>--> 1263 <!--<div class="top">--> 1264 <!-- <div class="container">--> 1265 <!-- <div class="row">--> 1266 <!-- <div class="col-lg-6 col-md-5 col-sm-12">--> 1267 <!-- <ul class="top-left"> --> 1268 <!-- --> 1269 <!-- <li><i class="fas fa-phone-alt"></i> +91 9846043403 , +91 9388640364</li>--> 1270 <!-- --> 1271 <!-- --> 1272 <!-- <li><i class="fas fa-envelope"></i> [email protected]</li>--> 1273 <!-- --> 1274 <!-- </ul>--> 1275 <!-- </div>--> 1276 <!-- <div class="col-lg-6 col-md-7 col-sm-12">--> 1277 <!-- --> 1278 <!-- --> 1279 <!-- --> 1280 <!-- --> 1281 <!-- </div>--> 1282 <!-- </div>--> 1283 <!-- </div>--> 1284 <!--</div>--> 1285 1286 <!-- Start Navbar Area --> 1287<nav class="navbar-area" id="stickymenu"> 1288 <div class="nav-topbar" style="background: #2F4A37"> 1289 <div class="container"> 1290 1291 <p class="text-white text-center mb-1 d-block d-md-none">Kerala Tourism (Govt. of Kerala) Accredited T O</p> 1292 1293 <div class="d-flex flex-column flex-md-row justify-content-between align-items-center"> 1294 1295 <ul class="top-left mb-0 text-center text-md-left"> 1296 <li class="d-inline-block mr-2"> 1297 <i class="fas fa-phone-alt"></i> 1298 1299 <a href="tel:+91 9846043403" class="text-warning">+91 9846043403</a> 1300 , <a href="tel:+91 9388640364" class="text-warning">+91 9388640364</a> 1301 </li> 1302 1303 <li class="d-inline-block"> 1304 <a href="mailto:[email protected]" class="text-white"> 1305 <i class="fas fa-envelope"></i> [email protected] 1306 </a> 1307 </li> 1308 </ul> 1309 1310 1311 <p class="text-white mb-0 d-none d-md-block">Kerala Tourism (Govt. of Kerala) Accredited T O</p> 1312 </div> 1313 </div> 1314 </div> 1315 1316 <div class="container nav-container"> 1317 <!-- Logo --> 1318 <a href="https://www.vagamon.com" class="nav-logo"> 1319 <img src="https://www.vagamon.com/uploads/site_photos/921168b3b0c47176ee4b426c0b06ad55.png" 1320 Tourism Accredited Travel Expert Since 1997" 1321 title="Kovalam.com â Your Trusted Kerala Travel Guide" 1322 fetchpriority="high" loading="eager" alt="Official brand logo for Vagamon.com featuring a red paraglider flying over mountain peaks"> 1323 </a> 1324 1325 <!-- Search Bar --> 1326 <div class="nav-search"> 1327 <button type="button" id="searchToggle" class="premium-search-trigger"> 1328 <div class="search-trigger-inner"> 1329 <div class="search-text-group"> 1330 <span class="main-label">Search</span> 1331 <span class="sub-label">Hotels, Resorts...</span> 1332 </div> 1333 <div class="search-icon-circle"> 1334 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg> 1335 </div> 1336 </div> 1337 </button> 1338 1339 <div id="globalSearchContainer" class="global-search-dropdown"> 1340 <form class="search-inner-form" onsubmit="return false;"> 1341 <input type="text" name="q" placeholder="Search Glamps, Domes, Resorts..." autocomplete="off"> 1342 <button type="button" id="closeSearch">
1342×</button> 1343 </form> 1344 </div> 1345 1346 <style> 1347 /* Trigger Button Styling */ 1348 .search-btn { 1349 background: none; border: none; color: white; cursor: pointer; padding: 5px; 1350 } 1351 1352 /* The Dropdown Container */ 1353 .global-search-dropdown { 1354 position: fixed; top: -100px; left: 0; width: 100%; 1355 background: #ffffff; padding: 20px; 1356 box-shadow: 0 10px 30px rgba(0,0,0,0.1); 1357 z-index: 99999999; 1358 transition: top 0.3s ease-in-out; 1359 display: flex; justify-content: center; 1360 } 1361 .global-search-dropdown.active { top: 0; } 1362 1363 /* The Form within the dropdown */ 1364 .search-inner-form { 1365 width: 100%; max-width: 800px; display: flex; align-items: center; gap: 15px; 1366 } 1367 .search-inner-form input { 1368 width: 100%; padding: 15px 20px; font-size: 18px; 1369 border: 2px solid #007bff; border-radius: 50px; outline: none; 1370 } 1371 #closeSearch { 1372 background: none; border: none; font-size: 30px; cursor: pointer; color: #999; 1373 } 1374 1375 /* Suggestions Box Adjustment */ 1376 #globalSearchSuggestions { 1377 position: fixed !important; 1378 background: white; border-radius: 12px; 1379 box-shadow: 0 15px 40px rgba(0,0,0,0.2); 1380 display: none; z-index: 100000000; 1381 width: 100%; max-width: 800px; 1382 max-height: 70vh; overflow-y: auto; 1383 } 1384 .highlight-blue { color: #007bff; font-weight: bold; } 1385 1386 /* Fixed alignment styling using Bootstrap 4 friendly flex layout */ 1387 .suggestion-item { 1388 padding: 12px 20px; 1389 cursor: pointer; 1390 display: flex; 1391 align-items: center; 1392 border-bottom: 1px solid #eee; 1393 } 1394 .suggestion-item:hover { background: #f0f7ff; } 1395</style> 1396
1397<script> 1398document.addEventListener('DOMContentLoaded', function () { 1399 const searchInput = document.querySelector('.search-inner-form input'); 1400 const suggestionsBox = document.getElementById('globalSearchSuggestions'); 1401 1402 if (searchInput) { 1403 searchInput.addEventListener('keydown', function (event) { 1404 if (event.key === 'Enter') { 1405 event.preventDefault(); 1406 1407 const query = this.value.trim(); 1408 const isSuggestionsHidden = !suggestionsBox || suggestionsBox.style.display === 'none'; 1409 1410 if (query === '' || isSuggestionsHidden) { 1411 window.location.href = '/resorts'; 1412 } else { 1413 this.closest('form').submit(); 1414 } 1415 } 1416 }); 1417 } 1418}); 1419</script>
1419 1420
1421<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
vendor: 2 bytes, line 1421
1421
1422<script> 1423$(document).ready(function() { 1424 const $input =$('.search-inner-form input'); 1425 const $container =$('#globalSearchContainer'); 1426 const $box =$('<div id="globalSearchSuggestions" class="shadow-sm"></div>').appendTo('body'); 1427 1428 // 1. Toggle Search Dropdown 1429 $('#searchToggle').on('click', function() { 1430 $container.addClass('active'); 1431 setTimeout(() => $input.focus(), 300); 1432 }); 1433 1434 $('#closeSearch').on('click', function() { 1435 $container.removeClass('active');$box.hide(); 1436 }); 1437 1438 // 2. Position Suggestions Box 1439 function positionDropdown() { 1440 if ($input.length === 0) return; 1441 const rect = $input[0].getBoundingClientRect(); 1442 1443 const windowWidth = $(window).width(); 1444 let boxWidth = rect.width; 1445 let boxLeft = rect.left; 1446 1447 if (windowWidth < 768) { 1448 boxWidth = windowWidth - 30; 1449 boxLeft = 15; 1450 } 1451 1452 $box.css({ 1453 width: boxWidth + 'px', 1454 left: boxLeft + 'px', 1455 top: (rect.bottom + 10) + 'px' 1456 }); 1457 } 1458 1459 // 3. Dropdown Suggestion Logic (Keyup) 1460 $input.on('keyup input', function() { 1461 const query = $(this).val().trim(); 1462 if (query.length < 2) { $box.hide(); return; } 1463 1464 $.ajax({
1465 url: "https://www.vagamon.com/global-search-suggestions", 1466 method: "GET", 1467 data: { q: query }, 1468 success: function(data) { 1469 if (data.length > 0) { 1470 let html = ''; 1471 data.forEach(item => { 1472 const regex = new RegExp('(' + query + ')', 'gi'); 1473 const matchesTitleDirectly = regex.test(item.title); 1474 let highlighted = item.title.replace(regex, '<span class="highlight-blue">$1</span>'); 1475 1476 if (!matchesTitleDirectly && Array.isArray(item.keywords)) { 1477 const matchedKeyword = item.keywords.find(kw => 1478 kw.toLowerCase().includes(query.toLowerCase()) 1479 ); 1480 if (matchedKeyword) { 1481 highlighted += ` <span class="text-primary font-italic small ml-1">â ${matchedKeyword}</span>`; 1482 } 1483 } 1484 1485 html += ` 1486 <div class="suggestion-item" data-url="${item.url}"> 1487 <div class="flex-shrink-0 bg-light rounded overflow-hidden d-flex align-items-center justify-content-center mr-3" style="width: 45px; height: 45px;"> 1488 ${item.photo 1489 ? `<img src="https://www.vagamon.com/uploads/hotel_featured_photos/${item.photo}" class="w-100 h-100" style="object-fit: cover;" alt="">` 1490 : `<i class="fa fa-search text-secondary"></i>` 1491 } 1492 </div> 1493 <div class="flex-grow-1 text-truncate mr-2"> 1494 <span class="text-dark">${highlighted}</span> 1495 </div> 1496 ${item.type ? `<div class="flex-shrink-0 ml-auto"><span class="badge badge-light text-muted border px-2 py-1">${item.type}</span></div>` : ''} 1497 </div> 1498 `; 1499 }); 1500 $box.html(html).show(); 1501 positionDropdown(); 1502 } else { $box.hide(); } 1503 } 1504 }); 1505 }); 1506 1507 // 4. Full Search Results on "Enter" (For Category Page) 1508 $input.on('keypress', function(e) { 1509 if (e.which === 13) { 1510 e.preventDefault(); 1511 1512 const query = $(this).val().trim(); 1513 if (query.length < 2) return false; 1514 1515 $box.hide();$.ajax({ 1516 url: "/global-search-fetch", 1517 type: "GET", 1518 data: { q: query }, 1519 success: function(res) { 1520 const $area =$('#search-results-area'); 1521 const $grid =$('#search-results-grid'); 1522 const $title =$('#search-query-title'); 1523 1524 if (res.success && res.data.length > 0) { 1525 $title.html(`Found ${res.data.length} results for "${query}"`); 1526 $grid.empty(); 1527 1528 res.data.forEach(hotel => { 1529 $grid.append(` 1530 <div class="col-md-4 col-sm-6 mb-4"> 1531 <div class="hotel-item-card shadow-sm border-0" style="border-radius: 12px; overflow: hidden; background: #fff; height: 100%;"> 1532 <div style="height: 200px; overflow: hidden;"> 1533 <img src="https://www.vagamon.com/uploads/hotel_featured_photos/${hotel.hotel_featured_photo}" class="w-100 h-100" style="object-fit: cover;" alt=""> 1534 </div> 1535 <div class="p-3">
1536 <span class="badge badge-danger mb-2">${hotel.r_hotel_category ? hotel.r_hotel_category.hotel_category_name : 'Resort'}</span> 1537 <h4 class="font-weight-bold mb-1" style="font-size: 18px;">${hotel.hotel_name}</h4> 1538 <p class="text-muted small mb-2"><i class="fa fa-map-marker"></i> ${hotel.hotel_address}</p> 1539 <a href="/${hotel.hotel_slug}" class="btn btn-sm btn-dark btn-block mt-2">View Details</a> 1540 </div> 1541 </div> 1542 </div> 1543 `); 1544 }); 1545 1546 $area.show(); 1547 $container.removeClass('active');$('html, body').animate({ 1548 scrollTop: $area.offset().top - 100 1549 }, 500); 1550 } else { 1551 alert('No properties found for "' + query + '"'); 1552 } 1553 } 1554 }); 1555 return false; 1556 } 1557 }); 1558 1559 $(document).on('click', '.suggestion-item', function() { 1560 window.location.href = $(this).data('url'); 1561 }); 1562 1563 // Close on escape key 1564 $(document).keyup(function(e) { 1565 if (e.key === "Escape") { 1566 $container.removeClass('active');$box.hide(); 1567 } 1568 }); 1569 1570 // Re-position dropdown on window resize 1571 $(window).on('resize', positionDropdown); 1572}); 1573</script>
1573 </div> 1574 1575 <!-- Hamburger button (mobile only) --> 1576 <button class="nav-toggle" id="navToggle" aria-label="Open menu"> 1577 <span></span> 1578 <span></span> 1579 <span></span> 1580 </button> 1581 1582 <!-- Desktop menu --> 1583 <ul class="nav-menu ml-auto" id="navMenu"> 1584 <li class="nav-item has-dropdown"> 1585 <a href="#" class="nav-link"> 1586 Where to Stay 1587 <svg width="10" height="6" viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"/></svg> 1588 </a> 1589 <ul class="dropdown"> 1590 <li> 1591 <a href="https://www.vagamon.com/resorts">Resorts</a> 1592 </li> 1593 <li> 1594 <a href="https://www.vagamon.com/hotels">Hotels</a> 1595 </li> 1596 <li> 1597 <a href="https://www.vagamon.com/homestays">Homestays</a> 1598 </li> 1599 <li> 1600 <a href="https://www.vagamon.com/glamps">Glamping and Domes</a> 1601 </li> 1602 <li> 1603 <a href="https://www.vagamon.com/farm-stays">Farm Stays</a> 1604 </li> 1605 <li> 1606 <a href="https://www.vagamon.com/restaurants">Restaurants</a> 1607 </li> 1608 </ul> 1609 </li> 1610 <li class="nav-item has-dropdown"> 1611 <a href="https://www.vagamon.com/#" class="nav-link"> 1612 For the Tourist 1613 <svg width="10" height="6" viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"/></svg> 1614 </a> 1615 <ul class="dropdown"> 1616 <li> 1617 <a href="https://www.vagamon.com/places-to-visit">Places to visit</a> 1618 </li> 1619 <li> 1620 <a href="https://www.vagamon.com/at-a-glance">At A Glance</a> 1621 </li> 1622 <li> 1623 <a href="https://www.vagamon.com/dcsmat-group-of-institutions">DCSMAT Group of Institutions</a> 1624 </li> 1625 <li> 1626 <a href="https://www.vagamon.com/kurisumala-ashram">Kurisumala Ashram</a> 1627 </li> 1628 <li> 1629 <a href="https://www.vagamon.com/explore-kerala">Explore Kerala</a> 1630 </li> 1631 <li> 1632 <a href="https://www.vagamon.com/paragliding">Paragliding</a> 1633 </li> 1634 </ul> 1635 </li> 1636 <li class="nav-item has-dropdown"> 1637 <a href="https://www.vagamon.com/" class="nav-link"> 1638 Kerala Tour Packages 1639 <svg width="10" height="6" viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"/></svg> 1640 </a> 1641 <ul class="dropdown"> 1642 <li> 1643 <a href="https://www.vagamon.com/tour-packages">Kerala Tour Packages</a> 1644 </li> 1645 <li> 1646 <a href="https://www.vagamon.com/tour-package/vagamon-holiday-packages">Vagamon Holiday Package</a> 1647 </li> 1648 </ul> 1649 </li> 1650 <li class="nav-item"> 1651 <a href="https://www.vagamon.com/news" class="nav-link">News</a> 1652 </li> 1653 <li class="nav-item"> 1654 <a href="https://www.vagamon.com/contact" class="nav-link">Contact</a> 1655 </li> 1656 </ul> 1657 1658 <!-- Mobile drawer overlay --> 1659 <div class="nav-overlay" id="navOverlay"></div> 1660 1661 <!-- Mobile drawer --> 1662 <div class="nav-drawer" id="navDrawer">
1663 <div class="drawer-header"> 1664 <a href="https://www.vagamon.com"> 1665 <img src="https://www.vagamon.com/uploads/site_photos/921168b3b0c47176ee4b426c0b06ad55.png" 1666 style="height:40px" alt="Official brand logo for Vagamon.com featuring a red paraglider flying over mountain peaks"> 1667 </a> 1668 <button class="drawer-close" id="navClose" aria-label="Close menu">×</button> 1669 </div> 1670 <ul class="drawer-menu"> 1671 <li class="drawer-item has-sub"> 1672 <a href="#" class="drawer-link"> 1673 Where to Stay 1674 <svg width="10" height="6" viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"/></svg> 1675 </a> 1676 <ul class="drawer-sub"> 1677 <li><a href="https://www.vagamon.com/resorts">Resorts</a></li> 1678 <li><a href="https://www.vagamon.com/hotels">Hotels</a></li> 1679 <li><a href="https://www.vagamon.com/homestays">Homestays</a></li> 1680 <li><a href="https://www.vagamon.com/glamps">Glamping and Domes</a></li> 1681 <li><a href="https://www.vagamon.com/farm-stays">Farm Stays</a></li> 1682 <li><a href="https://www.vagamon.com/restaurants">Restaurants</a></li> 1683 </ul> 1684 </li> 1685 <li class="drawer-item has-sub"> 1686 <a href="https://www.vagamon.com/#" class="drawer-link"> 1687 For the Tourist 1688 <svg width="10" height="6" viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"/></svg> 1689 </a> 1690 <ul class="drawer-sub"> 1691 <li><a href="https://www.vagamon.com/places-to-visit">Places to visit</a></li> 1692 <li><a href="https://www.vagamon.com/at-a-glance">At A Glance</a></li> 1693 <li><a href="https://www.vagamon.com/dcsmat-group-of-institutions">DCSMAT Group of Institutions</a></li> 1694 <li><a href="https://www.vagamon.com/kurisumala-ashram">Kurisumala Ashram</a></li> 1695 <li><a href="https://www.vagamon.com/explore-kerala">Explore Kerala</a></li> 1696 <li><a href="https://www.vagamon.com/paragliding">Paragliding</a></li> 1697 </ul> 1698 </li> 1699 <li class="drawer
1699-item has-sub"> 1700 <a href="https://www.vagamon.com/" class="drawer-link"> 1701 Kerala Tour Packages 1702 <svg width="10" height="6" viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"/></svg> 1703 </a> 1704 <ul class="drawer-sub"> 1705 <li><a href="https://www.vagamon.com/tour-packages">Kerala Tour Packages</a></li> 1706 <li><a href="https://www.vagamon.com/tour-package/vagamon-holiday-packages">Vagamon Holiday Package</a></li> 1707 </ul> 1708 </li> 1709 <li class="drawer-item"> 1710 <a href="https://www.vagamon.com/news" class="drawer-link">News</a> 1711 </li> 1712 <li class="drawer-item"> 1713 <a href="https://www.vagamon.com/contact" class="drawer-link">Contact</a> 1714 </li> 1715 </ul> 1716 </div> 1717 </div> 1718</nav> 1719<!-- End Navbar Area --> 1720 1721<style> 1722/* Navbar Base */ 1723.navbar-area { 1724 position: fixed; 1725 top: 0; 1726 left: 0; 1727 right: 0; 1728 z-index: 999; 1729 background: #fff; 1730 box-shadow: 0 2px 10px rgba(0,0,0,0.08); 1731 transition: box-shadow 0.3s; 1732} 1733.navbar-area.sticky { 1734 box-shadow: 0 4px 20px rgba(0,0,0,0.12); 1735} 1736.nav-container { 1737 display: flex; 1738 align-items: center; 1739 height: 70px; 1740 gap: 1rem; 1741} 1742.nav-logo img { 1743 height: 50px; 1744 width: auto; 1745 display: block; 1746} 1747.ml-auto { margin-left: auto; } 1748.mr-auto { margin-right: auto; } 1749 1750/* Topbar */ 1751.nav-topbar { 1752 width: 100%; 1753 padding: 6px 0; 1754} 1755.nav-topbar .top-left { 1756 list-style: none; 1757 margin: 0; 1758 padding: 0; 1759 display: flex; 1760 gap: 1.5rem; 1761} 1762.nav-topbar .top-left li { 1763 color: #fff; 1764 font-size: 13px; 1765 display: flex; 1766 align-items: center; 1767 gap: 6px; 1768} 1769.nav-topbar .top-left li i { 1770 font-size: 12px; 1771} 1772 1773/* Desktop menu */ 1774.nav-menu { 1775 display: flex; 1776 align-items: center; 1777 list-style: none; 1778 margin: 0; 1779 padding: 0; 1780 gap: 0.25rem; 1781} 1782.nav-item { position: relative; } 1783.nav-link { 1784 display: flex; 1785 align-items: center; 1786 gap: 4px; 1787 padding: 0.5rem 0.85rem; 1788 color: #333; 1789 font-weight: 500; 1790 font-size: 15px; 1791 text-decoration: none; 1792 white-space: nowrap; 1793 transition: color 0.2s; 1794} 1795.nav-link:hover { color: var(--primary-color, #e84141); } 1796 1797/* Dropdown */ 1798.dropdown { 1799 display: none; 1800 position: absolute; 1801 top: 100%; 1802 left: 0; 1803 background: #fff; 1804 min-width: 200px; 1805 border-radius: 8px; 1806 padding: 0.5rem 0; 1807 box-shadow: 0 8px 24px rgba(0,0,0,0.12); 1808 list-style: none; 1809 margin: 0; 1810 z-index: 100; 1811} 1812.has-dropdown:hover .dropdown { display: block; } 1813.dropdown li a { 1814 display: block; 1815 padding: 0.6rem 1.2rem; 1816 color: #444; 1817 font-size: 14px; 1818 text-decoration: none; 1819 transition: background 0.15s, color 0.15s; 1820} 1821.dropdown li a:hover { background: #f5f5f5; color: var(--primary-color, #e84141); } 1822 1823/* Search Container & Trigger */ 1824.nav-search { 1825 flex: 1; 1826 max-width: 400px; 1827 margin: 0 20px; 1828 position: relative; 1829} 1830.premium-search-trigger { 1831 background: #ffffff; 1832 border: 1px solid #ddd; 1833 border-radius: 40px; 1834 padding: 5px 6px 5px 20px; 1835 cursor: pointer; 1836 transition: all 0.3s ease; 1837 display: flex;
1838 align-items: center; 1839 box-shadow: 0 2px 10px rgba(0,0,0,0.05); 1840 min-width: 280px; 1841 outline: none; 1842 width: 100%; 1843} 1844.premium-search-trigger:hover { 1845 box-shadow: 0 4px 15px rgba(0,0,0,0.1); 1846 border-color: #007bff; 1847} 1848.search-trigger-inner { 1849 display: flex; 1850 align-items: center; 1851 justify-content: space-between; 1852 width: 100%; 1853} 1854.search-text-group { 1855 display: flex; 1856 flex-direction: column; 1857 text-align: left; 1858} 1859.main-label { 1860 font-size: 13px; 1861 font-weight: 700; 1862 color: #333; 1863 line-height: 1.2; 1864} 1865.sub-label { 1866 font-size: 10px; 1867 color: #888; 1868 font-weight: 400; 1869} 1870.search-icon-circle { 1871 background: #f75757; 1872 width: 30px; 1873 height: 30px; 1874 border-radius: 50%; 1875 display: flex; 1876 align-items: center; 1877 justify-content: center; 1878 margin-left: 10px; 1879 flex-shrink: 0; 1880} 1881 1882/* Hamburger */ 1883.nav-toggle { 1884 display: none; 1885 flex-direction: column; 1886 gap: 5px; 1887 padding: 8px; 1888 background: none; 1889 border: none; 1890 cursor: pointer; 1891 margin-left: auto; 1892} 1893.nav-toggle span { 1894 display: block; 1895 width: 24px; 1896 height: 2px; 1897 background: #333; 1898 border-radius: 2px; 1899 transition: transform 0.3s, opacity 0.3s; 1900} 1901.nav-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); } 1902.nav-toggle.open span:nth-child(2) { opacity: 0; } 1903.nav-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } 1904 1905/* Overlay & Drawer */ 1906.nav-overlay { 1907 display: none; 1908 position: fixed; 1909 inset: 0; 1910 background: rgba(0,0,0,0.4); 1911 z-index: 1000; 1912} 1913.nav-overlay.active { display: block; } 1914 1915.nav-drawer { 1916 position: fixed; 1917 top: 0; 1918 left: -300px; 1919 width: 280px; 1920 height: 100vh; 1921 background: #fff; 1922 z-index: 1001; 1923 overflow-y: auto; 1924 transition: left 0.3s ease; 1925 box-shadow: 4px 0 20px rgba(0,0,0,0.15); 1926} 1927.nav-drawer.open { left: 0; } 1928.drawer-header { 1929 display: flex; 1930 align-items: center; 1931 justify-content: space-between; 1932 padding: 1rem 1.2rem; 1933 border-bottom: 1px solid #eee; 1934}
1935.drawer-close { 1936 background: none; 1937 border: none; 1938 font-size: 28px; 1939 cursor: pointer; 1940 color: #555; 1941 line-height: 1; 1942} 1943.drawer-menu { list-style: none; margin: 0; padding: 0.5rem 0; } 1944.drawer-link { 1945 display: flex; 1946 align-items: center; 1947 justify-content: space-between; 1948 padding: 0.85rem 1.2rem; 1949 color: #333; 1950 font-size: 15px; 1951 font-weight: 500; 1952 text-decoration: none; 1953 border-bottom: 1px solid #f0f0f0; 1954} 1955.drawer-link:hover { color: var(--primary-color, #e84141); } 1956.drawer-sub { 1957 display: none; 1958 list-style: none; 1959 margin: 0; 1960 padding: 0; 1961 background: #f9f9f9; 1962} 1963.drawer-sub.open { display: block; } 1964.drawer-sub li a { 1965 display: block; 1966 padding: 0.7rem 1.8rem; 1967 color: #555; 1968 font-size: 14px; 1969 text-decoration: none; 1970 border-bottom: 1px solid #eee; 1971} 1972.drawer-sub li a:hover { color: var(--primary-color, #e84141); } 1973 1974/* Responsive Media Queries */ 1975@media (max-width: 991px) { 1976 .nav-topbar .top-left { 1977 gap: 1rem; 1978 } 1979 .nav-topbar .top-left li { 1980 font-size: 14px; 1981 } 1982} 1983 1984@media (max-width: 767px) { 1985 .nav-menu { display: none; } 1986 .nav-toggle { display: flex; } 1987 1988 .nav-topbar { padding: 5px 0; } 1989 .nav-topbar .top-left { 1990 flex-direction: row; 1991 justify-content: center; 1992 gap: 1rem; 1993 flex-wrap: wrap; 1994 } 1995 .nav-topbar .top-left li { 1996 font-size: 13px; 1997 } 1998 1999 .nav-search { 2000 margin: 0 10px; 2001 max-width: none; 2002 } 2003 2004 .premium-search-trigger { 2005 min-width: 100px !important; 2006 width: auto !important; 2007 padding: 4px 6px 4px 12px !important; 2008 border-radius: 30px !important; 2009 } 2010 2011 .sub-label { 2012 display: none !important; 2013 } 2014 2015 .main-label { 2016 font-size: 12px !important; 2017 } 2018 2019 .search-icon-circle { 2020 width: 26px !important; 2021 height: 26px !important; 2022 margin-left: 5px !important; 2023 } 2024} 2025 2026@media (max-width: 400px) { 2027 .premium-search-trigger { 2028 min-width: 80px !important; 2029 } 2030 .nav-search { 2031 margin: 0 5px; 2032 } 2033} 2034</style> 2035
2036<script> 2037(function() { 2038 const toggle = document.getElementById('navToggle'); 2039 const drawer = document.getElementById('navDrawer'); 2040 const overlay = document.getElementById('navOverlay'); 2041 const close = document.getElementById('navClose'); 2042 const navbar = document.getElementById('stickymenu'); 2043 2044 function openDrawer() { 2045 if(drawer) drawer.classList.add('open'); 2046 if(overlay) overlay.classList.add('active'); 2047 if(toggle) toggle.classList.add('open'); 2048 document.body.style.overflow = 'hidden'; 2049 } 2050 function closeDrawer() { 2051 if(drawer) drawer.classList.remove('open'); 2052 if(overlay) overlay.classList.remove('active'); 2053 if(toggle) toggle.classList.remove('open'); 2054 document.body.style.overflow = ''; 2055 } 2056 2057 if(toggle) toggle.addEventListener('click', openDrawer); 2058 if(close) close.addEventListener('click', closeDrawer); 2059 if(overlay) overlay.addEventListener('click', closeDrawer); 2060 2061 // Submenu toggle in drawer 2062 document.querySelectorAll('.drawer-item.has-sub .drawer-link').forEach(function(link) { 2063 link.addEventListener('click', function(e) { 2064 e.preventDefault(); 2065 var sub = this.nextElementSibling; 2066 if(sub) sub.classList.toggle('open'); 2067 }); 2068 }); 2069 2070 // Sticky on scroll 2071 window.addEventListener('scroll', function() { 2072 if(navbar) { 2073 navbar.classList.toggle('sticky', window.scrollY > 120); 2074 } 2075 }); 2076})(); 2077</script>
2077 <main> 2078 2079<!--<div class="search-section">--> 2080<!-- <div class="search-section" style="background-image:url('https://www.vagamon.com/uploads/site_photos/d7ab4cb4834e3ad0f25a8a9405c9586f.jpg');">--> 2081 2082<!-- <div class="search-section1">--> 2083<!-- <h2>Vagamon: Your Definitive Travel Guide</h2>--> 2084<!-- <p>Discover the Best Resorts, Hotels, Homestays, Farm Stays, Tree Houses and Private Pool Villas in Vagamon</p>--> 2085 2086<!-- </div>--> 2087<!-- </div> --> 2088 2089 2090<!-- </div>--> 2091<!--</div> --> 2092 2093 2094<!--<div class="col-md-12">--> 2095<!-- <div class="container">--> 2096 2097<!-- <div class="search-section">--> 2098<!-- <style> 2099 /* Reuse the high-end styles from the global search */ 2100 #sectionSearchSuggestions { 2101 position: absolute !important; 2102 z-index: 999999 !important; 2103 background: #ffffff !important; 2104 border: 1px solid #e0e0e0 !important; 2105 border-radius: 8px !important; 2106 box-shadow: 0 15px 35px rgba(0,0,0,0.15) !important; 2107 display: none; 2108 max-height: 400px; 2109 overflow-y: auto; 2110 } 2111 .suggestion-item { 2112 padding: 12px 20px !important; 2113 cursor: pointer !important; 2114 border-bottom: 1px solid #f5f5f5 !important; 2115 display: flex !important; 2116 justify-content: space-between !important; 2117 align-items: center !important; 2118 background: #fff !important; 2119 } 2120 .suggestion-item:hover { background: #f0f7ff !important; } 2121 .s-title { font-size: 15px !important; color: #1a1a1a !important; font-weight: 500 !important; } 2122 .highlight-blue { color: #007bff !important; font-weight: 700 !important; } 2123 .s-type { 2124 font-size: 10px !important; 2125 background: #007bff !important; 2126 color: white !important; 2127 padding: 2px 8px !important; 2128 border-radius: 10px !important; 2129 text-transform: uppercase !important; 2130 } 2131</style> 2132 2133<div class="container"> 2134 <div class="row"> 2135 <div class="col-md-12"> 2136 <div class="box" style="position: relative;"> 2137 <form id="hotelSearchForm" action="https://www.vagamon.com/resorts" method="GET"> 2138 <div class="input-group input-box mb-3"> 2139 <input type="text" class="form-control" placeholder="Find anything ..." name="q" autocomplete="off"> 2140 <div class="input-group-append"> 2141 <button type="submit"><i class="fa fa-search"></i> Search</button> 2142 </div> 2143 </div> 2144 </form> 2145 </div> 2146 </div> 2147 </div> 2148</div> 2149
2150<script> 2151document.addEventListener('DOMContentLoaded', function () { 2152 const searchForm = document.getElementById('hotelSearchForm'); 2153 const suggestionsBox = document.getElementById('sectionSearchSuggestions'); 2154 2155 if (searchForm) { 2156 const searchInput = searchForm.querySelector('input[name="q"]'); 2157 2158 if (searchInput) { 2159 searchInput.addEventListener('keydown', function (event) { 2160 if (event.key === 'Enter') { 2161 const query = this.value.trim(); 2162 2163 // 1. If empty, stop form submission and redirect to clean /resorts 2164 if (query === '') { 2165 event.preventDefault(); 2166 window.location.href = "https://www.vagamon.com/resorts"; 2167 return; 2168 } 2169 2170 // 2. Check if the typed text matches a visible dropdown suggestion 2171 let exactMatchFound = false; 2172 if (suggestionsBox && suggestionsBox.style.display !== 'none') { 2173 const items = suggestionsBox.querySelectorAll('.suggestion-item'); 2174 items.forEach(item => { 2175 const titleEl = item.querySelector('.s-title'); 2176 const itemText = titleEl ? titleEl.textContent : item.textContent; 2177 2178 if (itemText.trim().toLowerCase() === query.toLowerCase()) { 2179 exactMatchFound = true; 2180 } 2181 }); 2182 } 2183 2184 // 3. If they typed text but it's not a valid choice, redirect to clean /resorts without the 'q' 2185 if (!exactMatchFound) { 2186 event.preventDefault(); 2187 window.location.href = "https://www.vagamon.com/resorts"; 2188 } 2189 2190 // Otherwise, if it matches, the form will submit normally with ?q=your-match 2191 } 2192 }); 2193 } 2194 2195 // Catch manual clicks on the search button when the input is empty or invalid 2196 searchForm.addEventListener('submit', function (event) { 2197 const query = searchInput ? searchInput.value.trim() : ''; 2198 2199 let exactMatchFound = false; 2200 if (suggestionsBox && suggestionsBox.style.display !== 'none') { 2201 const items = suggestionsBox.querySelectorAll('.suggestion-item'); 2202 items.forEach(item => { 2203 const titleEl = item.querySelector('.s-title'); 2204 const itemText = titleEl ? titleEl.textContent : item.textContent; 2205 if (itemText.trim().toLowerCase() === query.toLowerCase()) { 2206 exactMatchFound = true; 2207 } 2208 }); 2209 } 2210 2211 if (query === '' || !exactMatchFound) { 2212 event.preventDefault(); 2213 window.location.href = "https://www.vagamon.com/resorts"; 2214 } 2215 }); 2216 } 2217}); 2218</script>
2218 2219
2220<script> 2221$(document).ready(function() { 2222 const $input = $('#hotelSearchForm input[name="q"]'); 2223 const $form = $('#hotelSearchForm'); 2224 2225 // Create box specifically for this section 2226 const $box = $('<div id="sectionSearchSuggestions"></div>').appendTo('body'); 2227 2228 function positionSectionBox() { 2229 const rect = $input[0].getBoundingClientRect(); 2230 $box.css({ 2231 width: rect.width + 'px', 2232 left: rect.left + window.scrollX + 'px', 2233 top: (rect.bottom + window.scrollY + 5) + 'px' 2234 }); 2235 } 2236 2237 $input.on('keyup input', function() { 2238 const query = $(this).val().trim(); 2239 2240 if (query.length < 2) { 2241 $box.hide(); 2242 return; 2243 } 2244 2245 $.ajax({ 2246 url: "https://www.vagamon.com/global-search-suggestions", // Using the global route for multi-model search 2247 method: "GET", 2248 data: { q: query }, 2249 success: function(data) { 2250 if (data.length > 0) { 2251 let html = ''; 2252 data.forEach(function(item) { 2253 const regex = new RegExp('(' + query + ')', 'gi'); 2254 const highlighted = item.title.replace(regex, '<span class="highlight-blue">$1</span>'); 2255 2256 html += ` 2257 <div class="suggestion-item" data-url="${item.url}"> 2258 <div> 2259 <i class="fa fa-map-marker-alt" style="margin-right:10px; color:#ccc;"></i> 2260 <span class="s-title">${highlighted}</span> 2261 </div> 2262 <span class="s-type">${item.type}</span> 2263 </div>`; 2264 }); 2265 2266 $box.html(html).show(); 2267 positionSectionBox(); 2268 } else { 2269 $box.hide(); 2270 } 2271 } 2272 }); 2273 }); 2274 2275 // Handle selection 2276 $(document).on('click', '.suggestion-item', function() { 2277 window.location.href = $(this).data('url'); 2278 }); 2279 2280 // Hide on click away 2281 $(document).on('mousedown', function(e) { 2282 if (!$input.is(e.target) && !$box.is(e.target) && $box.has(e.target).length === 0) { 2283 $box.hide(); 2284 } 2285 }); 2286 2287 // Reposition on window changes 2288 $(window).on('resize scroll', function() { 2289 if ($box.is(':visible')) positionSectionBox(); 2290 }); 2291}); 2292</script>
2292--> 2293<!-- </div> --> 2294<!-- </div> --> 2295<!--</div>--> 2296 2297 2298<!----> 2299 2300<div class="hotel pt-5 mt-5 mt-md-5 pt-md-3"> 2301 <div class="container"> 2302 <div class="row"> 2303 <div class="col-md-12"> 2304 <div class="heading newh1 pt-5 mt-md-5 pt-md-3"> 2305 <h1>Best Accommodation in Vagamon | Top Stays & Resorts</h1> 2306 <h3>Explore the curated collection of popular Resorts, Hotels, Homestays, Farmstays, Tree Houses and Private Pool Villas.</h3> 2307 </div> 2308 </div> 2309 </div> 2310 2311 <div class="c-category-section"> 2312 <div class="row"> 2313 <div class="col-lg-6 col-md-6 col-sm-12"> 2314 <h4 style="color:black">Resorts</h4> 2315 </div> 2316 <div class="col-lg-6 col-md-6 col-sm-12"> 2317 <a href="https://www.vagamon.com/resorts" class="viewMore"> 2318 View More 2319 </a> 2320 </div> 2321 </div> 2322 2323 <div class="row"> 2324 2325 <div class="col-lg-3 col-md-6 col-sm-12"> 2326 <div class="hotel-item effect-item"> 2327 2328 <div class="photo image-effect"> 2329 <img fetchpriority="high" 2330 loading="lazy" 2331 decoding="async" 2332 src="https://www.vagamon.com/uploads/hotel_listing_photos/675272a2a9373e1e1b90cb29a2754b6d.webp" 2333 2334 width="600" 2335 height="400" alt="Exterior view of modern resort building architecture and paved courtyard at Winter Vale Green Stay in Vagamon"> 2336 <div class="type-textr">Deluxe Resorts</div> 2337 </div> 2338 2339 <div class="text"> 2340 <div class="type-price"> 2341 <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3"> 2342 <p class="mb-0" style="color:#02403d;"> 2343 <i class="fas fa-map-marker-alt"></i> 2344 3.05 Km from Vagamon 2345 </p> 2346 </div> 2347 </div> 2348 2349 <h3>WINTER VALE GREEN STAY</h3> 2350 2351 <div class="location"> 2352 <i class="fas fa-map-marker-alt"></i> 2353 Vagamon 2354 </div> 2355 2356 2357 2358 2359 2360 2361<div class="gr-star-widget"> 2362 <!-- Top Row: Logo, Rating Number, and Star Graphics --> 2363 <div class="gr-widget-top-row"> 2364 <!-- Google Logo Graphic --> 2365 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;"> 2366 <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/> 2367 <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/> 2368 <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/> 2369 <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/> 2370 </svg> 2371 2372 <!-- Rating Value Target Display -->
2373 <span style="color: #000000; font-size: 14px; font-weight: 700;"> 2374 4.6 2375 </span> 2376 2377 <!-- JS Dynamic Star Container --> 2378 <div class="decimal-stars" data-rating="4.6" data-size="14"></div> 2379 </div> 2380 2381 <!-- Bottom Row: Review Total Count --> 2382 <div class="gr-widget-bottom-row"> 2383 <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;"> 2384 4,753 Google reviews 2385 </span> 2386 </div> 2387</div> 2388 2389 2390 </div> 2391 2392 </div> 2393 2394 2395 <a href="https://www.vagamon.com/winter-vale-green-stay" 2396 class="card-link" 2397 style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;" 2398 aria-label="WINTER VALE GREEN STAY"></a> 2399 </div> 2400 2401 <div class="col-lg-3 col-md-6 col-sm-12"> 2402 <div class="hotel-item effect-item"> 2403 2404 <div class="photo image-effect"> 2405 <img fetchpriority="high" 2406 loading="lazy" 2407 decoding="async" 2408 src="https://www.vagamon.com/uploads/hotel_listing_photos/5624f244cdecba029593653fe10fb4ba.webp" 2409 2410 width="600" 2411 height="400" alt="Spacious cottage guest room interior with double bed, wooden furniture, and dining table at Orion County Vagamon"> 2412 <div class="type-textr">Deluxe Resorts</div> 2413 </div> 2414 2415 <div class="text"> 2416 <div class="type-price"> 2417 <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3"> 2418 <p class="mb-0" style="color:#02403d;"> 2419 <i class="fas fa-map-marker-alt"></i> 2420 4.81 Km from Vagamon 2421 </p> 2422 </div> 2423 </div> 2424 2425 <h3>Orion County Vagamon</h3> 2426 2427 <div class="location"> 2428 <i class="fas fa-map-marker-alt"></i> 2429 Vagamon 2430 </div> 2431 2432 2433 2434 2435 2436 2437<div class="gr-star-widget"> 2438 <!-- Top Row: Logo, Rating Number, and Star Graphics --> 2439 <div class="gr-widget-top-row"> 2440 <!-- Google Logo Graphic --> 2441 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;"> 2442 <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/> 2443 <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/> 2444 <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/> 2445 <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/> 2446 </svg> 2447 2448 <!-- Rating Value Target Display -->
2449 <span style="color: #000000; font-size: 14px; font-weight: 700;"> 2450 4.2 2451 </span> 2452 2453 <!-- JS Dynamic Star Container --> 2454 <div class="decimal-stars" data-rating="4.2" data-size="14"></div> 2455 </div> 2456 2457 <!-- Bottom Row: Review Total Count --> 2458 <div class="gr-widget-bottom-row"> 2459 <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;"> 2460 896 Google reviews 2461 </span> 2462 </div> 2463</div> 2464 2465 2466 </div> 2467 2468 </div> 2469 2470 2471 <a href="https://www.vagamon.com/orion-county-vagamon" 2472 class="card-link" 2473 style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;" 2474 aria-label="Orion County Vagamon"></a> 2475 </div> 2476 2477 <div class="col-lg-3 col-md-6 col-sm-12"> 2478 <div class="hotel-item effect-item"> 2479 2480 <div class="photo image-effect"> 2481 <img fetchpriority="high" 2482 loading="lazy" 2483 decoding="async" 2484 src="https://www.vagamon.com/uploads/hotel_listing_photos/b214c9e8b2638c4c828658a7db6a323a.webp" 2485 2486 width="600" 2487 height="400" alt="Aerial view of The Grasmere Resort Vagamon villas"> 2488 <div class="type-textr">Deluxe Resorts</div> 2489 </div> 2490 2491 <div class="text"> 2492 <div class="type-price"> 2493 <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3"> 2494 <p class="mb-0" style="color:#02403d;"> 2495 <i class="fas fa-map-marker-alt"></i> 2496 11.82 Km from Vagamon 2497 </p> 2498 </div> 2499 </div> 2500 2501 <h3>THE GRASMERE RESORT</h3> 2502 2503 <div class="location"> 2504 <i class="fas fa-map-marker-alt"></i> 2505 Vagamon 2506 </div> 2507 2508 2509 2510 2511 2512 2513<div class="gr-star-widget"> 2514 <!-- Top Row: Logo, Rating Number, and Star Graphics --> 2515 <div class="gr-widget-top-row"> 2516 <!-- Google Logo Graphic --> 2517 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;"> 2518 <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/> 2519 <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/> 2520 <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/> 2521 <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/> 2522 </svg> 2523 2524 <!-- Rating Value Target Display -->
2525 <span style="color: #000000; font-size: 14px; font-weight: 700;"> 2526 4.1 2527 </span> 2528 2529 <!-- JS Dynamic Star Container --> 2530 <div class="decimal-stars" data-rating="4.1" data-size="14"></div> 2531 </div> 2532 2533 <!-- Bottom Row: Review Total Count --> 2534 <div class="gr-widget-bottom-row"> 2535 <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;"> 2536 1,413 Google reviews 2537 </span> 2538 </div> 2539</div> 2540 2541 2542 </div> 2543 2544 </div> 2545 2546 2547 <a href="https://www.vagamon.com/the-grasmere-resort" 2548 class="card-link" 2549 style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;" 2550 aria-label="THE GRASMERE RESORT"></a> 2551 </div> 2552 2553 <div class="col-lg-3 col-md-6 col-sm-12"> 2554 <div class="hotel-item effect-item"> 2555 2556 <div class="photo image-effect"> 2557 <img fetchpriority="high" 2558 loading="lazy" 2559 decoding="async" 2560 src="https://www.vagamon.com/uploads/hotel_listing_photos/02b0c6385617dcafaf7503b00eface74.webp" 2561 2562 width="600" 2563 height="400" alt="Modern luxury cottage surrounded by dense forest at Vanaheim Resort Vagamon"> 2564 <div class="type-textr">Deluxe Resorts</div> 2565 </div> 2566 2567 <div class="text"> 2568 <div class="type-price"> 2569 <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3"> 2570 <p class="mb-0" style="color:#02403d;"> 2571 <i class="fas fa-map-marker-alt"></i> 2572 3.74 Km from Vagamon 2573 </p> 2574 </div> 2575 </div> 2576 2577 <h3>Vanaheim Resort</h3> 2578 2579 <div class="location"> 2580 <i class="fas fa-map-marker-alt"></i> 2581 Vagamon 2582 </div> 2583 2584 2585 2586 2587 2588 2589<div class="gr-star-widget"> 2590 <!-- Top Row: Logo, Rating Number, and Star Graphics --> 2591 <div class="gr-widget-top-row"> 2592 <!-- Google Logo Graphic --> 2593 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;"> 2594 <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/> 2595 <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/> 2596 <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/> 2597 <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/> 2598 </svg> 2599 2600 <!-- Rating Value Target Display -->
2601 <span style="color: #000000; font-size: 14px; font-weight: 700;"> 2602 4.9 2603 </span> 2604 2605 <!-- JS Dynamic Star Container --> 2606 <div class="decimal-stars" data-rating="4.9" data-size="14"></div> 2607 </div> 2608 2609 <!-- Bottom Row: Review Total Count --> 2610 <div class="gr-widget-bottom-row"> 2611 <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;"> 2612 240 Google reviews 2613 </span> 2614 </div> 2615</div> 2616 2617 2618 </div> 2619 2620 </div> 2621 2622 2623 <a href="https://www.vagamon.com/vanaheim-resort" 2624 class="card-link" 2625 style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;" 2626 aria-label="Vanaheim Resort"></a> 2627 </div> 2628 </div> 2629 </div> 2630 <div class="c-category-section"> 2631 <div class="row"> 2632 <div class="col-lg-6 col-md-6 col-sm-12"> 2633 <h4 style="color:black">Hotels</h4> 2634 </div> 2635 <div class="col-lg-6 col-md-6 col-sm-12"> 2636 <a href="https://www.vagamon.com/hotels" class="viewMore"> 2637 View More 2638 </a> 2639 </div> 2640 </div> 2641 2642 <div class="row"> 2643 2644 <div class="col-lg-3 col-md-6 col-sm-12"> 2645 <div class="hotel-item effect-item"> 2646 2647 <div class="photo image-effect"> 2648 <img fetchpriority="high" 2649 loading="lazy" 2650 decoding="async" 2651 src="https://www.vagamon.com/uploads/hotel_listing_photos/dadcb6027beb2bf3e4953973207affeb.webp" 2652 2653 width="600" 2654 height="400" alt="Aerial view of Ice Hills Resort overlooking lush tea plantations and green hills in Vagamon"> 2655 </div> 2656 2657 <div class="text"> 2658 <div class="type-price"> 2659 <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3"> 2660 <p class="mb-0" style="color:#02403d;"> 2661 <i class="fas fa-map-marker-alt"></i> 2662 17.18 Km from Vagamon 2663 </p> 2664 </div> 2665 </div> 2666 2667 <h3>Ice Hills Resort</h3> 2668 2669 <div class="location"> 2670 <i class="fas fa-map-marker-alt"></i> 2671 Vagamon 2672 </div> 2673 2674 2675 2676 2677 2678 2679<div class="gr-star-widget"> 2680 <!-- Top Row: Logo, Rating Number, and Star Graphics --> 2681 <div class="gr-widget-top-row"> 2682 <!-- Google Logo Graphic --> 2683 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;"> 2684 <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/> 2685 <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/> 2686 <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/> 2687 <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/> 2688 </svg> 2689 2690 <!-- Rating Value Target Display -->
2691 <span style="color: #000000; font-size: 14px; font-weight: 700;"> 2692 4.4 2693 </span> 2694 2695 <!-- JS Dynamic Star Container --> 2696 <div class="decimal-stars" data-rating="4.4" data-size="14"></div> 2697 </div> 2698 2699 <!-- Bottom Row: Review Total Count --> 2700 <div class="gr-widget-bottom-row"> 2701 <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;"> 2702 423 Google reviews 2703 </span> 2704 </div> 2705</div> 2706 2707 2708 </div> 2709 2710 </div> 2711 2712 2713 <a href="https://www.vagamon.com/ice-hills-resort" 2714 class="card-link" 2715 style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;" 2716 aria-label="Ice Hills Resort"></a> 2717 </div> 2718 2719 <div class="col-lg-3 col-md-6 col-sm-12"> 2720 <div class="hotel-item effect-item"> 2721 2722 <div class="photo image-effect"> 2723 <img fetchpriority="high" 2724 loading="lazy" 2725 decoding="async" 2726 src="https://www.vagamon.com/uploads/hotel_listing_photos/63c6190d7a3f754debd5cf4af3d06757.webp" 2727 2728 width="600" 2729 height="400" alt="Exterior front elevation view of Vagamon Hill Chimes resort against scenic Vagamon hills"> 2730 </div> 2731 2732 <div class="text"> 2733 <div class="type-price"> 2734 <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3"> 2735 <p class="mb-0" style="color:#02403d;"> 2736 <i class="fas fa-map-marker-alt"></i> 2737 3.92 Km from Vagamon 2738 </p> 2739 </div> 2740 </div> 2741 2742 <h3>Vagamon Hill Chimes</h3> 2743 2744 <div class="location"> 2745 <i class="fas fa-map-marker-alt"></i> 2746 Vagamon 2747 </div> 2748 2749 2750 2751 2752 2753 2754<div class="gr-star-widget"> 2755 <!-- Top Row: Logo, Rating Number, and Star Graphics --> 2756 <div class="gr-widget-top-row"> 2757 <!-- Google Logo Graphic --> 2758 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;"> 2759 <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/> 2760 <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/> 2761 <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/> 2762 <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/> 2763 </svg> 2764 2765 <!-- Rating Value Target Display -->
2766 <span style="color: #000000; font-size: 14px; font-weight: 700;"> 2767 4.4 2768 </span> 2769 2770 <!-- JS Dynamic Star Container --> 2771 <div class="decimal-stars" data-rating="4.4" data-size="14"></div> 2772 </div> 2773 2774 <!-- Bottom Row: Review Total Count --> 2775 <div class="gr-widget-bottom-row"> 2776 <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;"> 2777 407 Google reviews 2778 </span> 2779 </div> 2780</div> 2781 2782 2783 </div> 2784 2785 </div> 2786 2787 2788 <a href="https://www.vagamon.com/vagamon-hill-chimes" 2789 class="card-link" 2790 style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;" 2791 aria-label="Vagamon Hill Chimes"></a> 2792 </div> 2793 2794 <div class="col-lg-3 col-md-6 col-sm-12"> 2795 <div class="hotel-item effect-item"> 2796 2797 <div class="photo image-effect"> 2798 <img fetchpriority="high" 2799 loading="lazy" 2800 decoding="async" 2801 src="https://www.vagamon.com/uploads/hotel_listing_photos/6586174c08fb13c22f567b599de90938.webp" 2802 2803 width="600" 2804 height="400" alt="Modern mountain resort building of Le Crown Hotel in Vagamon"> 2805 </div> 2806 2807 <div class="text"> 2808 <div class="type-price"> 2809 <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3"> 2810 <p class="mb-0" style="color:#02403d;"> 2811 <i class="fas fa-map-marker-alt"></i> 2812 0.64 Km from Vagamon 2813 </p> 2814 </div> 2815 </div> 2816 2817 <h3>Le Crown Hotel Vagamon</h3> 2818 2819 <div class="location"> 2820 <i class="fas fa-map-marker-alt"></i> 2821 Vagamon 2822 </div> 2823 2824 2825 2826 2827 2828 2829<div class="gr-star-widget"> 2830 <!-- Top Row: Logo, Rating Number, and Star Graphics --> 2831 <div class="gr-widget-top-row"> 2832 <!-- Google Logo Graphic --> 2833 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;"> 2834 <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/> 2835 <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/> 2836 <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/> 2837 <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/> 2838 </svg> 2839 2840 <!-- Rating Value Target Display -->
2841 <span style="color: #000000; font-size: 14px; font-weight: 700;"> 2842 4.6 2843 </span> 2844 2845 <!-- JS Dynamic Star Container --> 2846 <div class="decimal-stars" data-rating="4.6" data-size="14"></div> 2847 </div> 2848 2849 <!-- Bottom Row: Review Total Count --> 2850 <div class="gr-widget-bottom-row"> 2851 <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;"> 2852 301 Google reviews 2853 </span> 2854 </div> 2855</div> 2856 2857 2858 </div> 2859 2860 </div> 2861 2862 2863 <a href="https://www.vagamon.com/le-crown-hotel-vagamon" 2864 class="card-link" 2865 style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;" 2866 aria-label="Le Crown Hotel Vagamon"></a> 2867 </div> 2868 2869 <div class="col-lg-3 col-md-6 col-sm-12"> 2870 <div class="hotel-item effect-item"> 2871 2872 <div class="photo image-effect"> 2873 <img fetchpriority="high" 2874 loading="lazy" 2875 decoding="async" 2876 src="https://www.vagamon.com/uploads/hotel_listing_photos/73fd8f8de4af5835e84494492878dd5b.webp" 2877 2878 width="600" 2879 height="400" alt="Panoramic daytime view of Chillax Vagamon Hotel set against the rolling hills and green landscape of Vagamon"> 2880 </div> 2881 2882 <div class="text"> 2883 <div class="type-price"> 2884 <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3"> 2885 <p class="mb-0" style="color:#02403d;"> 2886 <i class="fas fa-map-marker-alt"></i> 2887 0.73 Km from Vagamon 2888 </p> 2889 </div> 2890 </div> 2891 2892 <h3>CHILLAX HOTEL</h3> 2893 2894 <div class="location"> 2895 <i class="fas fa-map-marker-alt"></i> 2896 Vagamon 2897 </div> 2898 2899 2900 2901 2902 2903 2904<div class="gr-star-widget"> 2905 <!-- Top Row: Logo, Rating Number, and Star Graphics --> 2906 <div class="gr-widget-top-row"> 2907 <!-- Google Logo Graphic --> 2908 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;"> 2909 <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/> 2910 <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/> 2911 <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/> 2912 <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/> 2913 </svg> 2914 2915 <!-- Rating Value Target Display -->
2916 <span style="color: #000000; font-size: 14px; font-weight: 700;"> 2917 3.9 2918 </span> 2919 2920 <!-- JS Dynamic Star Container --> 2921 <div class="decimal-stars" data-rating="3.9" data-size="14"></div> 2922 </div> 2923 2924 <!-- Bottom Row: Review Total Count --> 2925 <div class="gr-widget-bottom-row"> 2926 <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;"> 2927 1,957 Google reviews 2928 </span> 2929 </div> 2930</div> 2931 2932 2933 </div> 2934 2935 </div> 2936 2937 2938 <a href="https://www.vagamon.com/chillax-hotel" 2939 class="card-link" 2940 style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;" 2941 aria-label="CHILLAX HOTEL"></a> 2942 </div> 2943 </div> 2944 </div> 2945 <div class="c-category-section"> 2946 <div class="row"> 2947 <div class="col-lg-6 col-md-6 col-sm-12"> 2948 <h4 style="color:black">Homestays</h4> 2949 </div> 2950 <div class="col-lg-6 col-md-6 col-sm-12"> 2951 <a href="https://www.vagamon.com/homestays" class="viewMore"> 2952 View More 2953 </a> 2954 </div> 2955 </div> 2956 2957 <div class="row"> 2958 2959 <div class="col-lg-3 col-md-6 col-sm-12"> 2960 <div class="hotel-item effect-item"> 2961 2962 <div class="photo image-effect"> 2963 <img fetchpriority="high" 2964 loading="lazy" 2965 decoding="async" 2966 src="https://www.vagamon.com/uploads/hotel_listing_photos/a4bd89148b95797ae619f6203a558cb8.webp" 2967 2968 width="600" 2969 height="400" alt="Exterior view of Angel's Vagamon homestay villa with blue car parked on paved driveway"> 2970 </div> 2971 2972 <div class="text"> 2973 <div class="type-price"> 2974 <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3"> 2975 <p class="mb-0" style="color:#02403d;"> 2976 <i class="fas fa-map-marker-alt"></i> 2977 4.17 Km from Vagamon 2978 </p> 2979 </div> 2980 </div> 2981 2982 <h3>Angel's Vagamon</h3> 2983 2984 <div class="location"> 2985 <i class="fas fa-map-marker-alt"></i> 2986 Vagamon 2987 </div> 2988 2989 2990 2991 2992 2993 2994<div class="gr-star-widget"> 2995 <!-- Top Row: Logo, Rating Number, and Star Graphics --> 2996 <div class="gr-widget-top-row"> 2997 <!-- Google Logo Graphic --> 2998 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;"> 2999 <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/> 3000 <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/> 3001 <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/> 3002 <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/> 3003 </svg> 3004 3005 <!-- Rating Value Target Display -->
3006 <span style="color: #000000; font-size: 14px; font-weight: 700;"> 3007 4.7 3008 </span> 3009 3010 <!-- JS Dynamic Star Container --> 3011 <div class="decimal-stars" data-rating="4.7" data-size="14"></div> 3012 </div> 3013 3014 <!-- Bottom Row: Review Total Count --> 3015 <div class="gr-widget-bottom-row"> 3016 <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;"> 3017 68 Google reviews 3018 </span> 3019 </div> 3020</div> 3021 3022 3023 </div> 3024 3025 </div> 3026 3027 3028 <a href="https://www.vagamon.com/angels-vagamon" 3029 class="card-link" 3030 style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;" 3031 aria-label="Angel's Vagamon"></a> 3032 </div> 3033 3034 <div class="col-lg-3 col-md-6 col-sm-12"> 3035 <div class="hotel-item effect-item"> 3036 3037 <div class="photo image-effect"> 3038 <img fetchpriority="high" 3039 loading="lazy" 3040 decoding="async" 3041 src="https://www.vagamon.com/uploads/hotel_listing_photos/f188b9dc20af831490c14ca2fb5c1e8b.webp" 3042 3043 width="600" 3044 height="400" alt="Cozy bedroom interior with blue accent wall and window view at Monkey Tribe Vagamon"> 3045 </div> 3046 3047 <div class="text"> 3048 <div class="type-price"> 3049 <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3"> 3050 <p class="mb-0" style="color:#02403d;"> 3051 <i class="fas fa-map-marker-alt"></i> 3052 3.4 Km from Vagamon 3053 </p> 3054 </div> 3055 </div> 3056 3057 <h3>Monkey Tribe Vagamon</h3> 3058 3059 <div class="location"> 3060 <i class="fas fa-map-marker-alt"></i> 3061 Vagamon 3062 </div> 3063 3064 3065 3066 3067 3068 3069<div class="gr-star-widget"> 3070 <!-- Top Row: Logo, Rating Number, and Star Graphics --> 3071 <div class="gr-widget-top-row"> 3072 <!-- Google Logo Graphic --> 3073 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;"> 3074 <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/> 3075 <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/> 3076 <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/> 3077 <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/> 3078 </svg> 3079 3080 <!-- Rating Value Target Display -->
3081 <span style="color: #000000; font-size: 14px; font-weight: 700;"> 3082 4.5 3083 </span> 3084 3085 <!-- JS Dynamic Star Container --> 3086 <div class="decimal-stars" data-rating="4.5" data-size="14"></div> 3087 </div> 3088 3089 <!-- Bottom Row: Review Total Count --> 3090 <div class="gr-widget-bottom-row"> 3091 <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;"> 3092 2,754 Google reviews 3093 </span> 3094 </div> 3095</div> 3096 3097 3098 </div> 3099 3100 </div> 3101 3102 3103 <a href="https://www.vagamon.com/monkey-tribe-vagamon" 3104 class="card-link" 3105 style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;" 3106 aria-label="Monkey Tribe Vagamon"></a> 3107 </div> 3108 3109 <div class="col-lg-3 col-md-6 col-sm-12"> 3110 <div class="hotel-item effect-item"> 3111 3112 <div class="photo image-effect"> 3113 <img fetchpriority="high" 3114 loading="lazy" 3115 decoding="async" 3116 src="https://www.vagamon.com/uploads/hotel_listing_photos/4fa0849c3fc8a35071ff086a73b6e6b9.webp" 3117 3118 width="600" 3119 height="400" alt="Paved entrance driveway and front garden view of The Nest Homestay Vagamon"> 3120 </div> 3121 3122 <div class="text"> 3123 <div class="type-price"> 3124 <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3"> 3125 <p class="mb-0" style="color:#02403d;"> 3126 <i class="fas fa-map-marker-alt"></i> 3127 6.42 Km from Vagamon 3128 </p> 3129 </div> 3130 </div> 3131 3132 <h3>The Nest Homestay</h3> 3133 3134 <div class="location"> 3135 <i class="fas fa-map-marker-alt"></i> 3136 Vagamon 3137 </div> 3138 3139 3140 3141 3142 3143 3144<div class="gr-star-widget"> 3145 <!-- Top Row: Logo, Rating Number, and Star Graphics --> 3146 <div class="gr-widget-top-row"> 3147 <!-- Google Logo Graphic --> 3148 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;"> 3149 <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/> 3150 <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/> 3151 <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/> 3152 <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/> 3153 </svg> 3154 3155 <!-- Rating Value Target Display -->
3156 <span style="color: #000000; font-size: 14px; font-weight: 700;"> 3157 4.5 3158 </span> 3159 3160 <!-- JS Dynamic Star Container --> 3161 <div class="decimal-stars" data-rating="4.5" data-size="14"></div> 3162 </div> 3163 3164 <!-- Bottom Row: Review Total Count --> 3165 <div class="gr-widget-bottom-row"> 3166 <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;"> 3167 131 Google reviews 3168 </span> 3169 </div> 3170</div> 3171 3172 3173 </div> 3174 3175 </div> 3176 3177 3178 <a href="https://www.vagamon.com/the-nest-homestay" 3179 class="card-link" 3180 style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;" 3181 aria-label="The Nest Homestay"></a> 3182 </div> 3183 3184 <div class="col-lg-3 col-md-6 col-sm-12"> 3185 <div class="hotel-item effect-item"> 3186 3187 <div class="photo image-effect"> 3188 <img fetchpriority="high" 3189 loading="lazy" 3190 decoding="async" 3191 src="https://www.vagamon.com/uploads/hotel_listing_photos/6af29af77b4859ac46640951b41f1531.png" 3192 3193 width="600" 3194 height="400" alt="Private artificial lake surrounded by lush green tea gardens and hills at Vagamon Hues"> 3195 </div> 3196 3197 <div class="text"> 3198 <div class="type-price"> 3199 <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3"> 3200 <p class="mb-0" style="color:#02403d;"> 3201 <i class="fas fa-map-marker-alt"></i> 3202 7.04 Km from Vagamon 3203 </p> 3204 </div> 3205 </div> 3206 3207 <h3>VAGAMON HUES - VAGAMON - KERALA</h3> 3208 3209 <div class="location"> 3210 <i class="fas fa-map-marker-alt"></i> 3211 Vagamon 3212 </div> 3213 3214 3215 3216 3217 3218 3219<div class="gr-star-widget"> 3220 <!-- Top Row: Logo, Rating Number, and Star Graphics --> 3221 <div class="gr-widget-top-row"> 3222 <!-- Google Logo Graphic --> 3223 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;"> 3224 <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/> 3225 <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/> 3226 <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/> 3227 <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/> 3228 </svg> 3229 3230 <!-- Rating Value Target Display -->
3231 <span style="color: #000000; font-size: 14px; font-weight: 700;"> 3232 4.3 3233 </span> 3234 3235 <!-- JS Dynamic Star Container --> 3236 <div class="decimal-stars" data-rating="4.3" data-size="14"></div> 3237 </div> 3238 3239 <!-- Bottom Row: Review Total Count --> 3240 <div class="gr-widget-bottom-row"> 3241 <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;"> 3242 174 Google reviews 3243 </span> 3244 </div> 3245</div> 3246 3247 3248 </div> 3249 3250 </div> 3251 3252 3253 <a href="https://www.vagamon.com/vagamon-hues" 3254 class="card-link" 3255 style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;" 3256 aria-label="VAGAMON HUES - VAGAMON - KERALA"></a> 3257 </div> 3258 </div> 3259 </div> 3260 <div class="c-category-section"> 3261 <div class="row"> 3262 <div class="col-lg-6 col-md-6 col-sm-12"> 3263 <h4 style="color:black">Farm Stays</h4> 3264 </div> 3265 <div class="col-lg-6 col-md-6 col-sm-12"> 3266 <a href="https://www.vagamon.com/farm-stays" class="viewMore"> 3267 View More 3268 </a> 3269 </div> 3270 </div> 3271 3272 <div class="row"> 3273 3274 <div class="col-lg-3 col-md-6 col-sm-12"> 3275 <div class="hotel-item effect-item"> 3276 3277 <div class="photo image-effect"> 3278 <img fetchpriority="high" 3279 loading="lazy" 3280 decoding="async" 3281 src="https://www.vagamon.com/uploads/hotel_listing_photos/44300f792eb75865d8bb5230b86ba7ca.webp" 3282 3283 width="600" 3284 height="400" alt="Exterior view of modern stone cottage rooms at Vagamon Heights in misty Vagamon hills"> 3285 </div> 3286 3287 <div class="text"> 3288 <div class="type-price"> 3289 <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3"> 3290 <p class="mb-0" style="color:#02403d;"> 3291 <i class="fas fa-map-marker-alt"></i> 3292 2.26 Km from Vagamon 3293 </p> 3294 </div> 3295 </div> 3296 3297 <h3>Vagamon Heights</h3> 3298 3299 <div class="location"> 3300 <i class="fas fa-map-marker-alt"></i> 3301 Vagamon 3302 </div> 3303 3304 3305 3306 3307 3308 3309<div class="gr-star-widget"> 3310 <!-- Top Row: Logo, Rating Number, and Star Graphics --> 3311 <div class="gr-widget-top-row"> 3312 <!-- Google Logo Graphic --> 3313 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;"> 3314 <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/> 3315 <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/> 3316 <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/> 3317 <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/> 3318 </svg> 3319 3320 <!-- Rating Value Target Display -->
3321 <span style="color: #000000; font-size: 14px; font-weight: 700;"> 3322 4.6 3323 </span> 3324 3325 <!-- JS Dynamic Star Container --> 3326 <div class="decimal-stars" data-rating="4.6" data-size="14"></div> 3327 </div> 3328 3329 <!-- Bottom Row: Review Total Count --> 3330 <div class="gr-widget-bottom-row"> 3331 <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;"> 3332 1,257 Google reviews 3333 </span> 3334 </div> 3335</div> 3336 3337 3338 </div> 3339 3340 </div> 3341 3342 3343 <a href="https://www.vagamon.com/vagamon-heights" 3344 class="card-link" 3345 style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;" 3346 aria-label="Vagamon Heights"></a> 3347 </div> 3348 3349 <div class="col-lg-3 col-md-6 col-sm-12"> 3350 <div class="hotel-item effect-item"> 3351 3352 <div class="photo image-effect"> 3353 <img fetchpriority="high" 3354 loading="lazy" 3355 decoding="async" 3356 src="https://www.vagamon.com/uploads/hotel_listing_photos/297fab067cde7bf3f2d1b523346ce205.webp" 3357 3358 width="600" 3359 height="400" alt="Illuminated view of green cottage architecture at Lavender Plantation Stay set amidst nature in Pullikkanam Vagamon"> 3360 </div> 3361 3362 <div class="text"> 3363 <div class="type-price"> 3364 <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3"> 3365 <p class="mb-0" style="color:#02403d;"> 3366 <i class="fas fa-map-marker-alt"></i> 3367 4.28 Km from Vagamon 3368 </p> 3369 </div> 3370 </div> 3371 3372 <h3>LAVENDER PLANTATION STAY</h3> 3373 3374 <div class="location"> 3375 <i class="fas fa-map-marker-alt"></i> 3376 Vagamon 3377 </div> 3378 3379 3380 3381 3382 3383 3384<div class="gr-star-widget"> 3385 <!-- Top Row: Logo, Rating Number, and Star Graphics --> 3386 <div class="gr-widget-top-row"> 3387 <!-- Google Logo Graphic --> 3388 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;"> 3389 <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/> 3390 <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/> 3391 <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/> 3392 <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/> 3393 </svg> 3394 3395 <!-- Rating Value Target Display -->
3396 <span style="color: #000000; font-size: 14px; font-weight: 700;"> 3397 4.3 3398 </span> 3399 3400 <!-- JS Dynamic Star Container --> 3401 <div class="decimal-stars" data-rating="4.3" data-size="14"></div> 3402 </div> 3403 3404 <!-- Bottom Row: Review Total Count --> 3405 <div class="gr-widget-bottom-row"> 3406 <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;"> 3407 537 Google reviews 3408 </span> 3409 </div> 3410</div> 3411 3412 3413 </div> 3414 3415 </div> 3416 3417 3418 <a href="https://www.vagamon.com/lavender-plantation-stay" 3419 class="card-link" 3420 style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;" 3421 aria-label="LAVENDER PLANTATION STAY"></a> 3422 </div> 3423 3424 <div class="col-lg-3 col-md-6 col-sm-12"> 3425 <div class="hotel-item effect-item"> 3426 3427 <div class="photo image-effect"> 3428 <img fetchpriority="high" 3429 loading="lazy" 3430 decoding="async" 3431 src="https://www.vagamon.com/uploads/hotel_listing_photos/21cb460ab6ca56e46a3b4c61f3ae291e.webp" 3432 3433 width="600" 3434 height="400" alt="Exterior view of single story farmstay cottage with blue tile roof and courtyard at Thanal Farm Stay Vagamon"> 3435 </div> 3436 3437 <div class="text"> 3438 <div class="type-price"> 3439 <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3"> 3440 <p class="mb-0" style="color:#02403d;"> 3441 <i class="fas fa-map-marker-alt"></i> 3442 0.6 Km from Vagamon 3443 </p> 3444 </div> 3445 </div> 3446 3447 <h3>Thanal Farm Stay Vagamon</h3> 3448 3449 <div class="location"> 3450 <i class="fas fa-map-marker-alt"></i> 3451 Vagamon 3452 </div> 3453 3454 3455 3456 3457 3458 3459<div class="gr-star-widget"> 3460 <!-- Top Row: Logo, Rating Number, and Star Graphics --> 3461 <div class="gr-widget-top-row"> 3462 <!-- Google Logo Graphic --> 3463 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;"> 3464 <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/> 3465 <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/> 3466 <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/> 3467 <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/> 3468 </svg> 3469 3470 <!-- Rating Value Target Display -->
3471 <span style="color: #000000; font-size: 14px; font-weight: 700;"> 3472 5.0 3473 </span> 3474 3475 <!-- JS Dynamic Star Container --> 3476 <div class="decimal-stars" data-rating="5" data-size="14"></div> 3477 </div> 3478 3479 <!-- Bottom Row: Review Total Count --> 3480 <div class="gr-widget-bottom-row"> 3481 <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;"> 3482 301 Google reviews 3483 </span> 3484 </div> 3485</div> 3486 3487 3488 </div> 3489 3490 </div> 3491 3492 3493 <a href="https://www.vagamon.com/thanal-farm-stay-vagamon" 3494 class="card-link" 3495 style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;" 3496 aria-label="Thanal Farm Stay Vagamon"></a> 3497 </div> 3498 3499 <div class="col-lg-3 col-md-6 col-sm-12"> 3500 <div class="hotel-item effect-item"> 3501 3502 <div class="photo image-effect"> 3503 <img fetchpriority="high" 3504 loading="lazy" 3505 decoding="async" 3506 src="https://www.vagamon.com/uploads/hotel_listing_photos/f1da0d10c9faef5fa4c6b919cd0fe750.webp" 3507 3508 width="600" 3509 height="400" alt="Spacious open-plan resort lounge and indoor pavilion with high architectural ceilings at Ela Luxury Stay"> 3510 </div> 3511 3512 <div class="text"> 3513 <div class="type-price"> 3514 <div class="d-flex justify-content-between align-items-center flex-nowrap gap-3"> 3515 <p class="mb-0" style="color:#02403d;"> 3516 <i class="fas fa-map-marker-alt"></i> 3517 14.53 Km from Vagamon 3518 </p> 3519 </div> 3520 </div> 3521 3522 <h3>ELA LUXURY STAY</h3> 3523 3524 <div class="location"> 3525 <i class="fas fa-map-marker-alt"></i> 3526 Vagamon 3527 </div> 3528 3529 3530 3531 3532 3533 3534<div class="gr-star-widget"> 3535 <!-- Top Row: Logo, Rating Number, and Star Graphics --> 3536 <div class="gr-widget-top-row"> 3537 <!-- Google Logo Graphic --> 3538 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="16" height="16" style="flex-shrink: 0;"> 3539 <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/> 3540 <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/> 3541 <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/> 3542 <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/> 3543 </svg> 3544 3545 <!-- Rating Value Target Display -->
3546 <span style="color: #000000; font-size: 14px; font-weight: 700;"> 3547 4.9 3548 </span> 3549 3550 <!-- JS Dynamic Star Container --> 3551 <div class="decimal-stars" data-rating="4.9" data-size="14"></div> 3552 </div> 3553 3554 <!-- Bottom Row: Review Total Count --> 3555 <div class="gr-widget-bottom-row"> 3556 <span style="color: #6c757d; font-size: 12px; font-weight: 500; display: inline-block;"> 3557 21 Google reviews 3558 </span> 3559 </div> 3560</div> 3561 3562 3563 </div> 3564 3565 </div> 3566 3567 3568 <a href="https://www.vagamon.com/era-luxury-stay" 3569 class="card-link" 3570 style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;" 3571 aria-label="ELA LUXURY STAY"></a> 3572 </div> 3573 </div> 3574 </div> 3575 </div> 3576</div> 3577 3578<div class="pt-5 mt-5 mt-md-5 pt-md-3"> 3579<div class="popular-category"> 3580 <div class="container"> 3581 <div class="row"> 3582 <div class="col-md-12"> 3583 <div class="heading"> 3584 <h2>Places to stay in Vagamon</h2> 3585 <h3>Resorts, Hotels, Homestays, Farm Stays, Private Villas, Tree Houses, Pool Villas in vagamon</h3> 3586 </div> 3587 <div class="swiper category-swiper"> 3588 <div class="swiper-wrapper"> 3589 <div class="swiper-slide"> 3590 <div class="popular-category-item effect-item" 3591 style="background-image: url(https://www.vagamon.com/uploads/hotel_category_photos/a6c1c38fb48ef6a8d6937835b69c5a70.webp);"> 3592 <div class="bg image-effect"></div> 3593 <div class="text"> 3594 <h4>Resorts</h4> 3595 <p>57 properties</p> 3596 </div> 3597 <a href="https://www.vagamon.com/resorts"></a> 3598 </div> 3599 </div> 3600 <div class="swiper-slide"> 3601 <div class="popular-category-item effect-item" 3602 style="background-image: url(https://www.vagamon.com/uploads/hotel_category_photos/024657039fba69a6b3ee2e9b28beb564.webp);"> 3603 <div class="bg image-effect"></div> 3604 <div class="text"> 3605 <h4>Hotels</h4> 3606 <p>9 properties</p> 3607 </div> 3608 <a href="https://www.vagamon.com/hotels"></a> 3609 </div> 3610 </div> 3611 <div class="swiper-slide"> 3612 <div class="popular-category-item effect-item" 3613 style="background-image: url(https://www.vagamon.com/uploads/hotel_category_photos/2f54c07725582e4ec402ce1eb5bb0016.webp);"> 3614 <div class="bg image-effect"></div> 3615 <div class="text"> 3616 <h4>Glamps and Domes</h4> 3617 <p>3 properties</p> 3618 </div> 3619 <a href="https://www.vagamon.com/glamps"></a> 3620 </div> 3621 </div> 3622 <div class="swiper-slide"> 3623 <div class="popular-category-item effect-item" 3624 style="background-image: url(https://www.vagamon.com/uploads/hotel_category_photos/9d223
362412adf1f7ecac5482a8d223ff058.webp);"> 3625 <div class="bg image-effect"></div> 3626 <div class="text"> 3627 <h4>Homestays</h4> 3628 <p>17 properties</p> 3629 </div> 3630 <a href="https://www.vagamon.com/homestays"></a> 3631 </div> 3632 </div> 3633 <div class="swiper-slide"> 3634 <div class="popular-category-item effect-item" 3635 style="background-image: url(https://www.vagamon.com/uploads/hotel_category_photos/1f340062dc793e8e8d72186bb5bf7303.webp);"> 3636 <div class="bg image-effect"></div> 3637 <div class="text"> 3638 <h4>Farm Stays</h4> 3639 <p>6 properties</p> 3640 </div> 3641 <a href="https://www.vagamon.com/farm-stays"></a> 3642 </div> 3643 </div> 3644 <div class="swiper-slide"> 3645 <div class="popular-category-item effect-item" 3646 style="background-image: url(https://www.vagamon.com/uploads/hotel_category_photos/66898f8d789ba9f81f734cc3d84fc0d0.webp);"> 3647 <div class="bg image-effect"></div> 3648 <div class="text"> 3649 <h4>Restaurants</h4> 3650 <p>1 properties</p> 3651 </div> 3652 <a href="https://www.vagamon.com/restaurants"></a> 3653 </div> 3654 </div> 3655 </div> 3656 3657 </div> 3658 3659 </div> 3660 3661 3662 3663 3664 <div class="col-md-8"> 3665 <!--<div class="heading">--> 3666 <!-- <h2>Munnar </h2>--> 3667 <!-- <h3>The Tea hills</h3>--> 3668 <!--</div>--> 3669 <div class="popular-category"> 3670 <div class="container"> 3671 <div class="row"> 3672 <div class="col-md-12 mt-4"> 3673 <div class="heading"> 3674 <h2>Explore, Save and Invest in Vagamon</h2> 3675 <h3>Tour Packages, Holiday Offers, Deals and Tourism Investment Opportunities</h3> 3676 </div> 3677 <!--<div class="row">--> 3678 <!-- --> 3679 <!-- --> 3680 <!-- <div class="col-lg-3 col-md-3 col-sm-3 mb-4 wow fadeInUp">--> 3681 <!-- <div class="popular-category-item effect-item" --> 3682 <!-- style="background-image: url(https://www.vagamon.com/uploads/page_banners/1773833104_list_banner_69ba8b90e5d44.webp);">--> 3683 3684 3685 <!-- <a href="https://www.vagamon.com/tour-packages"></a>--> 3686 <!-- </div>--> 3687 <!-- </div>--> 3688 <!-- --> 3689 <!-- --> 3690 <!-- <div class="col-lg-3 col-md-3 col-sm-3 mb-4 wow fadeInUp">--> 3691 <!-- <div class="popular-category-item effect-item" --> 3692 <!-- style="background-image: url(https://www.vagamon.com/uploads/dyp_banners/1773833152_69ba8bc0c5606.webp);">--> 3693 3694 3695 <!-- <a href="https://www.vagamon.com/day-packages"></a>--> 3696 3697 <!-- </div>--> 3698 <!-- </div>--> 3699 <!-- --> 3700 <!-- --> 3701 <!-- --> 3702 <!-- <div class="col-lg-3 col-md-3 col-sm-3 mb-4 wow fadeInUp">--> 3703 <!-- <div class="popular-category-item effect-item" --> 3704 <!-- style="background-image: url(https://www.vagamon.com/uploads/holiday_banners/1773833132_69ba8bac8a2f5.webp);">--> 3705 3706 3707 <!-- <a href="https://www.vagamon.com/holiday-offers"></a>--> 3708 <!-- </div>--> 3709 <!-- </div>--> 3710 <!-- --> 3711 3712 <!-- --> 3713 <!-- --> 3714 <!-- <div class="col-lg-3 col-md-3 col-sm-3 mb-4 wow fadeInUp">--> 3715 <!-- <div class="popular-category-item effect-item" --> 3716 <!-- style="background-image: url(https://www.vagamon.com/uploads/iop_banners/1773833164_69ba8bcc3ecf4.webp);">--> 3717 3718 3719 <!-- <a href="https://www.vagamon.com/investment-opportunities"></a>--> 3720 <!-- </div>--> 3721 <!-- </div>--> 3722 3723 <!-- --> 3724 <!--</div>--> 3725 3726 <div class="Ad-outerdiv mb-5"> 3727 3728 <a href="https://kumarakom.com/houseboats" target="_blank"><img src="https://www.vagamon.com/uploads/advertisements/2fbf2e53f71b7e229189883bbe2e576f.webp" alt="Kumarakom.com travel banner featuring luxury houseboats on Kerala backwaters at sunset with a coastal lighthouse, promoting Kerala tour packages." width="700" height="180" loading="lazy"></a> 3729 3730 </div> 3731 3732 3733 <div class="mb-4"> 3734 3735 <a href="https://vagamon.com/tour-packages" target="_blank"><img src="https://www.vagamon.com/uploads/advertisements/14e5c99a410df57f74d1ff81b0f0d4b7.webp" Tour Packages" width="700" height="180" loading="lazy" alt=""></a> 3736 3737 </div> 3738 </div> 3739 </div> 3740 </div> 3741</div> 3742 3743 3744 3745 3746 3747 </div> 3748 3749 3750 3751 3752 3753 3754 <div class="col-lg-4 col-md-3 ps-md-4"> 3755 <div class="heading"> 3756 <h5>Enquire Now</h2> 3757 <h6>Give us a Quick Enquiry</h3> 3758</div> 3759 3760<div class="enquire"> 3761 <form action="https://www.vagamon.com/enquire_now" method="POST" id="enquiryForm"> 3762 <input type="hidden" name="_token" value="QPVtkY44r5ZaBRLgZL4ypFP5sdDyZB06YmE56ir3" autocomplete="off"> 3763 <!-- Hidden Security Fields --> 3764 <input type="hidden" name="form_timestamp" value="1790441354"> 3765 <input type="hidden" name="security_token" value="HwgbMA0X4jKsJ8NXUnt2lumEd6Ir3Vij"> 3766 3767 <!-- Honeypot Fields --> 3768 <div style="display: none !important; opacity: 0; position: absolute; left: -9999px;"> 3769 <input type="text" name="website" id="website" autocomplete="nope" tabindex="-1"> 3770 <input type="email" name="email_confirmation" autocomplete="nope" tabindex="-1">
3771 <input type="checkbox" name="is_human" value="0" checked tabindex="-1"> 3772 </div> 3773 3774 <div class="mb-3"> 3775 <input type="text" class="form-control" id="name" name="name" placeholder="Name" required> 3776 </div> 3777 3778 <div class="mb-3"> 3779 <input type="email" class="form-control" id="email" name="email" placeholder="Email"> 3780 </div> 3781 3782 <div class="mb-3"> 3783 <input type="text" class="form-control" id="phone" name="phone" placeholder="Phone" required> 3784 </div> 3785 3786 <div class="mb-3"> 3787 <input type="text" class="form-control" id="place" name="place" placeholder="Place" required> 3788 </div> 3789 3790 <div class="mb-3"> 3791 <input type="date" class="form-control" id="arrival_date" name="arrival_date" 3792 placeholder="Arrival Date" required 3793 min="2026-09-26"> 3794 </div> 3795 3796 <div class="mb-3"> 3797 <textarea class="form-control" id="text_message" name="text_message" placeholder="Message" rows="3"></textarea> 3798 </div> 3799 3800 3801 3802 <button type="submit" class="btn btn-primary btn-block agent-view-profile bokking-form1" id="submitBtn">Submit</button> 3803 </form> 3804</div> 3805 3806 3807 </div> 3808 </div> 3809 </div> 3810</div> 3811 3812 3813 3814 3815 3816</div> 3817 3818<div class="testimonial"> 3819 <div class="description-bg"></div> 3820 <div class="container"> 3821 <div class="row"> 3822 <div class="col-md-12"> 3823 <div class="heading"> 3824 <h2>Vagamon â Keralaâs Scenic Hill Destination</h2> 3825 </div> 3826 </div> 3827 </div> 3828 <div class="row"> 3829 <div class="col-md-12"> 3830 <div class="testimonial-carousel owl-carousel"> 3831 3832 <div class="description-item wow fadeInUp"> 3833 <div class="row align-items-center"> 3834 <!-- Content split into two columns --> 3835 <div class="col-md-12"> 3836 <div class="text text-two-columns"> 3837 <p> 3838 <h2>Vagamon-Kerala-India</h2> 3839 3840<p>Set amid the green highlands of Kerala, Vagamon is a refreshing hill destination known for rolling meadows, pine-covered slopes, misty viewpoints, waterfalls and winding mountain roads. Located in Idukki district and close to the KottayamâIdukki border, Vagamon attracts couples, families, groups, nature lovers and adventure travellers looking for a memorable holiday in the hills.</p> 3841 3842<h3>Plan Your Vagamon Holiday</h3> 3843 3844<p>Whether you are planning a weekend break or a longer Kerala holiday, Vagamon.com helps you find the information you need to plan your stay. Explore a wide choice of resorts in<strong> Vagamon, hotels in Vagamon, homestays, farmstays, glamping stays</strong> and domes to find accommodation that suits your budget and style of travel.<br><br>From comfortable family stays and romantic hill resorts to properties surrounded by plantations and open landscapes, Vagamon offers accommodation experiences for different types of travellers.</p> 3845 3846<h3>Places to Visit & Things to Do in Vagamon</h3> 3847 3848<p>A Vagamon holiday is about much more than finding a place to stay. Explore popular places to visit in Vagamon, including <a href="https://www.kakkanad.com/vagamon-meadows"><strong>Vagamon Meadows</strong></a><strong>, </strong><a href="https://www.vagamon.com/pine-forest-vagamon"><strong>Pine Forest</strong></a><strong>,</strong><a href="https://www.vagamon.com/thangal-para-vagamon"><strong> Thangal Para</strong></a><strong>, </strong><a href="https://www.vagamon.com/murugan-mala-vagamon"><strong>Murugan Mala</strong></a><strong>, </strong><a href="https://www.vagamon.com/kurisumala-ashram"><strong>Kurisumala</strong></a><strong> and Kolahalamedu,</strong> along with waterfalls, viewpoints and attractions around the hill region.<br><br>Adventure seekers can also experience activities such as<a href="https://www.kakkanad.com/paragliding"><strong> paragliding</strong></a><strong> and trekking,</strong> while leisurely drives through the hills offer another way to enjoy Vagamon's changing landscapes.<br>Â </p> 3849 3850<h3>Find Stays, Attractions & Vagamon Tour Packages</h3> 3851 3852<p>Planning your trip is easier when accommodation, sightseeing and travel information are available in one place. Browse Vagamon tour packages, explore nearby attractions, compare different types of stays and find useful travel information before your journey.0<br><br>Whether you are searching for <a href="https://www.vagamon.com/hotels"><strong>hotels</strong></a><strong>, </strong><a href="https://www.vagamon.com/resorts"><strong>resorts</strong></a><strong>, </strong><a href="https://www.vagamon.com/homestays"><strong>homestays</strong></a><strong>, </strong><a href="https://www.vagamon.com/farm-stays"><strong>farmstays</strong></a><strong>, </strong><a href="https://www.vagamon.com/glamps"><strong>glamping or domes </strong></a>in Vagamon, use Vagamon.com as your starting point for planning your visit.<br><br>Explore our <strong>Vagamon Travel Guide</strong> and start planning where to stay, what to see and what to experience in one of Kerala's distinctive hill destinations.</p> 3853 </p> 3854 </div> 3855 </div> 3856 <!-- Image on the right --> 3857 <!--<div class="col-md-6">--> 3858 <!-- <div class="photo text-md-end">--> 3859 <!-- <iframe src="https://www.youtube.com/embed/EcbnJnLugD4?si=QVxG3upkqC7QLwsu" title="Escape to Vagamon â where the clouds kiss the hills!" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;
3859 web-share" referrerpolicy="strict-origin-when-cross-origin" class="video-boarder" allowfullscreen></iframe>--> 3860 <!-- <img src="https://www.vagamon.com/uploads/site_photos/rex.jpg" class="img-fluid" alt=""> --> 3861 <!-- </div>--> 3862 <!--</div>--> 3863 </div> 3864 </div> 3865 </div> 3866 </div> 3867 </div> 3868 </div> 3869</div> 3870 3871 3872<!--index-main-section--> 3873 3874 3875<div class="ad-section"> 3876 <div class="container"> 3877 <div class="row"> 3878 <div class="col-md-6 col-sm-12 wow fadeInUp"> 3879 <div class="inner"> 3880 <a href="https://keralataxi.com/" target="_blank"><img src="https://www.vagamon.com/uploads/advertisements/9e5c8863552ec1cf4e7fc1aff8394b65.webp" alt="Reliable taxi services in Kerala-keralataxi" width="540" 3881 height="227" 3882 loading="lazy"></a> 3883 </div> 3884 </div> 3885 <div class="col-md-6 col-sm-12 wow fadeInUp"> 3886 <div class="inner"> 3887 <a href="https://www.keralatravels.com/kerala-ayurveda-packages.php" target="_blank"><img src="https://www.vagamon.com/uploads/advertisements/b8042c676fa28a9e14fdaeda74f43243.webp" alt="Kerala Ayurveda packages" width="540" 3888 height="227" 3889 loading="lazy"></a> 3890 </div> 3891 </div> 3892 </div> 3893 </div> 3894</div> 3895 3896 3897 3898<div class="popular-city"> 3899 <div class="container"> 3900 <div class="row"> 3901 <div class="col-md-12"> 3902 <div class="heading text-center"> 3903 <h2>Near by Attractions</h2> 3904 <h3>A complete guide to the best tourist spots and experiences around Vagamon.</h3> 3905 </div> 3906 </div> 3907 </div> 3908 3909 <div class="row"> 3910 <div class="col-md-12"> 3911 <div class="text-right mb-4"> 3912 <a href="https://www.vagamon.com/places-to-visit" class="more-link"> 3913 More Attractions <i class="fa fa-arrow-right"></i> 3914 </a> 3915 </div> 3916 </div> 3917 </div> 3918 3919 <div class="row"> 3920 3921 <div class="col-lg-3 col-md-6 col-sm-6"> 3922 3923 <div class="popular-city-item effect-item"> 3924 <div class="photo image-effect"> 3925 <img src="https://www.vagamon.com/uploads/page_list_banners/9bcdf26974a2471fe769985fa8634191.webp" 3926 3927 width="600" 3928 height="400" 3929 loading="lazy" alt=""> 3930 </div> 3931 <div class="text near-attraction"> 3932 <h4>Vagamon Meadows</h4> 3933 <p>Explore Vagamon Meadows: Discover Kerala's famous rolling grasslands, seasonal beauty, top outdoor activities, and essential travel tips.</p> 3934 </div> 3935 <a href="https://www.vagamon.com/vagamon-meadows" 3936 aria-label="Vagamon Meadows"></a> 3937 </div> 3938 </div> 3939 <div class="col-lg-3 col-md-6 col-sm-6"> 3940 3941 <div class="popular-city-item effect-item"> 3942 <div class="photo image-effect"> 3943 <img src="https://www.vagamon.com/uploads/page_list_banners/3cbbe55acd78d1ea855f589d2beb15d5.webp" 3944 3945 width="600" 3946 height="400" 3947 loading="lazy" alt=""> 3948 </div> 3949 <div class="text near-attraction"> 3950 <h4>Vagamon Lake</h4> 3951 <p>Vagamon Lake: A Peaceful Boating & Scenic Hilltop Destination</p> 3952 </div> 3953 <a href="https://www.vagamon.com/vagamon-lake" 3954 aria-label="Vagamon Lake"></a> 3955 </div> 3956 </div> 3957 <div class="col-lg-3 col-md-6 col-sm-6"> 3958 3959 <div class="popular-city-item effect-item"> 3960 <div class="photo image-effect"> 3961 <img src="https://www.vagamon.com/uploads/page_list_banners/0ce80f0b414e7202df430e0ced558fcc.webp" 3962 3963 width="600" 3964 height="400" 3965 loading="lazy" alt=""> 3966 </div> 3967 <div class="text near-attraction"> 3968 <h4>Thangal Para</h4> 3969 <p>Visit Thangal Para, Vagamon's sacred hilltop destination blending spirituality, history and breathtaking panoramic mountain landscapes beautifully.</p> 3970 </div> 3971 <a href="https://www.vagamon.com/thangal-para-vagamon" 3972 aria-label="Thangal Para"></a> 3973 </div> 3974 </div> 3975 <div class="col-lg-3 col-md-6 col-sm-6"> 3976 3977 <div class="popular-city-item effect-item"> 3978 <div class="photo image-effect"> 3979 <img src="https://www.vagamon.com/uploads/page_list_banners/e36591e3017dbbdf5c30493e45d5bd65.webp" 3980 3981 width="600" 3982 height="400" 3983 loading="lazy" alt=""> 3984 </div> 3985 <div class="text near-attraction"> 3986 <h4>Murugan Mala</h4> 3987 <p>Murugan Mala Vagamon: A Sacred Hilltop Temple &
3987 Scenic Mountain Viewpoint in Kerala</p> 3988 </div> 3989 <a href="https://www.vagamon.com/murugan-mala-vagamon" 3990 aria-label="Murugan Mala"></a> 3991 </div> 3992 </div> 3993 </div> 3994 3995 </div> 3996</div> 3997 3998<div class="faq-section"> 3999 <div class="container"> 4000 <div class="row justify-content-center"> 4001 <div class="col-lg-8"> 4002 4003 <div class="faq-title-wrap text-center mb-5"> 4004 <h2 class="faq-title">Vagamon Travel FAQs: Best Time, Places to Visit and Stay Options</h2> 4005 <div class="faq-title-bar"></div> 4006 </div> 4007 4008 <div class="faq-list"> 4009 <div class="faq-item"> 4010 <div class="faq-question" onclick="toggleAnswer(1518)"> 4011 <h3 class="faq-question-text">What is the best time to visit Vagamon?</h3> 4012 <span id="faqIcon1518" class="faq-icon">+</span> 4013 </div> 4014 <div id="faqAnswer1518" class="faq-answer"> 4015 <div class="faq-answer-inner faq-question-text"> 4016 <p>September to May is the best time to visit Vagamon. Winters (October to February) offer pleasant cool weather, perfect for sightseeing, trekking, and outdoor activities.</p> 4017 </div> 4018 </div> 4019 </div> 4020 <div class="faq-item"> 4021 <div class="faq-question" onclick="toggleAnswer(1519)"> 4022 <h3 class="faq-question-text">Which are the must-visit tourist places in Vagamon?</h3> 4023 <span id="faqIcon1519" class="faq-icon">+</span> 4024 </div> 4025 <div id="faqAnswer1519" class="faq-answer"> 4026 <div class="faq-answer-inner faq-question-text"> 4027 <p>Top tourist attractions in Vagamon include the Vagamon Pine Forest, Kurisumala Ashram, Vagamon Meadows (Green Meadows), Marmala Waterfall, Suicide Point, and Thangal Para.</p> 4028 </div> 4029 </div> 4030 </div> 4031 <div class="faq-item"> 4032 <div class="faq-question" onclick="toggleAnswer(1520)"> 4033 <h3 class="faq-question-text">How many days are required for a Vagamon trip?</h3> 4034 <span id="faqIcon1520" class="faq-icon">+</span> 4035 </div> 4036 <div id="faqAnswer1520" class="faq-answer"> 4037 <div class="faq-answer-inner faq-question-text"> 4038 <p>A 2-day, 1-night trip is ideal to explore all major sightseeing spots, enjoy nature walks, and relax at local resorts in Vagamon.</p> 4039 </div> 4040 </div> 4041 </div> 4042 <div class="faq-item"> 4043 <div class="faq-question" onclick="toggleAnswer(1521)"> 4044 <h3 class="faq-question-text">What types of accommodation are available in Vagamon?</h3> 4045 <span id="faqIcon1521" class="faq-icon">+</span> 4046 </div> 4047 <div id="faqAnswer1521" class="faq-answer"> 4048 <div class="faq-answer-inner faq-question-text"> 4049 <p>Vagamon offers diverse stay options, including luxury hill resorts, private eco-cottages, tea plantation bungalows, budget homestays, and adventure campsites.</p> 4050 </div> 4051 </div> 4052 </div> 4053 <div class="faq-item"> 4054 <div class="faq-question" onclick="toggleAnswer(1522)"> 4055 <h3 class="faq-question-text">How to reach Vagamon from Cochin or Kottayam?</h3>
4056 <span id="faqIcon1522" class="faq-icon">+</span> 4057 </div> 4058 <div id="faqAnswer1522" class="faq-answer"> 4059 <div class="faq-answer-inner faq-question-text"> 4060 <p>Vagamon is easily accessible by road. It is approximately 100 km from Cochin International Airport (COK) and 64 km from Kottayam Railway Station, with taxis and KSRTC buses readily available.</p> 4061 </div> 4062 </div> 4063 </div> 4064 </div> 4065 4066 </div> 4067 </div> 4068 </div> 4069</div> 4070 4071 </main> 4072 <div class="footer-area"> 4073 <div class="container"> 4074 <div class="row"> 4075 <div class="col-lg-3 col-md-4 col-sm-6"> 4076 <div class="footer-item footer-service"> 4077 <span>Categories</span> 4078 <ul class="fmain"> 4079 <li> 4080 <a href="https://www.vagamon.com/resorts">Resorts</a> 4081 </li> 4082 <li> 4083 <a href="https://www.vagamon.com/hotels">Hotels</a> 4084 </li> 4085 <li> 4086 <a href="https://www.vagamon.com/glamps">Glamps and Domes</a> 4087 </li> 4088 <li> 4089 <a href="https://www.vagamon.com/homestays">Homestays</a> 4090 </li> 4091 <li> 4092 <a href="https://www.vagamon.com/farm-stays">Farm Stays</a> 4093 </li> 4094 </ul> 4095 </div> 4096 </div> 4097 <div class="col-lg-3 col-md-4 col-sm-6"> 4098 <div class="footer-item footer-service"> 4099 <span>Locations</span> 4100 4101 <ul class="fmain"> 4102 4103 <li><a href="//www.kumarakom.com" target="_blank" title="kumarakom"> www.kumarakom.com</a></li> 4104 4105 <li><a href="//www.thekkady.com" target="_blank" title="Thekkady">www.thekkady.com</a></li> 4106 4107 <li><a href="//www.wayanad.com" target="_blank" title="Wayanad">www.wayanad.com</a></li> 4108 4109 <li><a href="//www.alappuzha.com" target="_blank" title="Alappuzha">www.alappuzha.com</a></li> 4110 4111 <li><a href="//www.kovalam.com" target="_blank" title="Kovalam">www.kovalam.com</a></li> 4112 4113 <li><a href="//www.vagamon.com" target="_blank" title="Vagamon">www.vagamon.com</a></li> 4114 4115 <li><a href="//www.athirappally.com" target="_blank" title="Athirappally">www.athirappally.com</a></li> 4116 4117 <li><a href="//www.athirappally.com" target="_blank" title="Munnar">www.munnar.com</a></li> 4118 4119 </ul> 4120 4121 </div> 4122 </div> 4123 <div class="col-lg-3 col-md-4 col-sm-6"> 4124 <div class="footer-item footer-service"> 4125 <span>Footer Menu</span> 4126 <ul class="fmain"> 4127 <li><a href="https://www.vagamon.com">Home</a></li> 4128 4129 <li><a href="https://www.vagamon.com/about">About</a></li> 4130 4131 <li><a href="https://www.vagamon.com/privacy-policy">Privacy Policy</a></li> 4132 4133 <li><a href="https://www.vagamon.com/terms-and-conditions">Terms and Conditions</a></li> 4134 4135 <li><a href="https://www.vagamon.com/blog">Blog</a></li> 4136 4137 <li><a href="https://www.vagamon.com/who-we-are">Who we are</a></li> 4138 4139 <li><a href="https://www.vagamon.com/articles">Articles</a></li> 4140 4141 </ul> 4142 </div> 4143 </div> 4144 4145 <div class="col-lg-3 col-md-4 col-sm-6"> 4146 <div class="footer-item footer-contact"> 4147 <span>Contact</span> 4148 <div class="d-flex flex-column flex-md-row justify-content-between align-items-center"> 4149 4150 <ul class="footer-contact-list mb-0 text-center text-md-left"> 4151 <li class="d-block mb-2"> 4152 <p>Kerala.com Travel Division WorldViewer Dot Com(India)Pvt.Ltd. <br> 4153II Floor, G 66, Elders Forum Road Panampilly Nagar, Cochin<br> 4154Kerala, India - 682 036</p> 4155 </li> 4156 <li class="d-inline-block mr-2"> 4157 <a href="mailto:[email protected]" class="text-white"> 4158 [email protected] 4159 </a> 4160 </li> 4161 4162 <li class="d-inline-block"> 4163 4164 <a href="tel:+91 9846043403" class="text-warning">+91 9846043403</a> 4165 , <a href="tel:+91 9388640364" class="text-warning">+91 9388640364</a> 4166 </li> 4167 4168 4169 </ul> 4170 4171 </div>
4172 </div> 4173 <div class="footer-item footer-service"> 4174 <div class="footer-social-link"> 4175 <ul> 4176 <li><a href="https://www.facebook.com/vagamonhills" target="_blank"><i class="fab fa-facebook-f"></i></a></li> 4177 <li><a href="https://www.twitter.com" target="_blank"><i class="fab fa-twitter"></i></a></li> 4178 <li><a href="https://www.linkedin.com" target="_blank"><i class="fab fa-linkedin-in"></i></a></li> 4179 <li><a href="https://www.pinterest.com" target="_blank"><i class="fab fa-pinterest-p"></i></a></li> 4180 </ul> 4181 </div> 4182 </div> 4183 </div> 4184 </div> 4185 <div class="row"> 4186 <div class="col-md-12 otherlink"> 4187 <p><b class="spam4">Destination Sites : </b><a href="//www.kumarakom.com/" target="_blank"> Kumarakom.com</a> |<a href="//athirappally.com/" target="_blank">Athirappally.com</a> | <a href="//kovalam.com/" target="_blank"> Kovalam.com</a> | <a href="//thekkady.com/" target="_blank"> Thekkady.com</a> | <a href="//www.munnar.com/" target="_blank"> Munnar.com</a>|<a href="//www.Wayanad.com/" target="_blank"> Wayanad.com</a> | <a href="//marayoortourism.com/" target="_blank"> Marayoortourism.com </a>| <a href="//cherai.in/" target="_blank"> Cherai.in</a> |<a href="//vagamon.com/" target="_blank"> Vagamon.com</a>|</b><a href="//www.alappuzha.com/" target="_blank"> alappuzha.com</a> |<a href="//bekal.com/" target="_blank"> Bekal.com</a></p> 4188 <p><b class="spam4">Other Destinations : </b><a href="https://kerala.com/nelliyampathy/" target="_blank">Nelliyampathy</a> | <a href="https://kerala.com/kodanad/" target="_blank">Kodanad </a>| <a href="https://kerala.com/fortkochi/" target="_blank">Fortkochi </a>|<a href="https://kerala.com/marari/" target="_blank"> Marari</a> | <a href="https://kerala.com/kulamavu/" target="_blank">Kulamavu</a> | 4189 <a href="https://kerala.com/cherai/" target="_blank">Cherai </a>| 4190 4191 <a href="https://kerala.com/kanyakumari/" target="_blank">Kanyakumari</a> |<a href="https://kerala.com/kumbalangi/" target="_blank"> 4192 Kumbalangi</a> |<a href="https://kerala.com/kuttikanam/" target="_blank"> Kuttikanam</a> | <a href="https://kerala.com/ramakkalmedu/" target="_blank">Ramakkalmedu </a> |<a href="https://kerala.com/vaikom/" target="_blank"> Vaikom</a> </p> 4193 </div> 4194 <div class="col-md-12"> 4195 <div class="copyright"> 4196 <p class="footer-text" >Vagamon to Anywhere in Kerala. Book Your Kerala Taxi Today -<a href="https://keralataxi.com/" target="_blank" style="color: #faff2e;"> Keralataxi.com</a></p> 4197 <p>Copyright 2000 - 26 WorldViewer Dot Com. All rights reserved</p> 4198 </div> 4199 </div> 4200 </div> 4201 </div> 4202</div> 4203 4204 4205
4206<script async src='https://d2mpatx37cqexb.cloudfront.net/delightchat-whatsapp-widget/embeds/embed.min.js' defer></script>
4206 4207 4208 4209
4210<script> 4211 function loadWidget(settings) { 4212 if (typeof _waEmbed === 'function') { 4213 _waEmbed(settings); 4214 } else { 4215 setTimeout(() => loadWidget(settings), 100); 4216 } 4217 } 4218 4219 window.onload = () => { 4220 var wa_btnSetting = { 4221 "btnColor": "#16BE45", 4222 "cornerRadius": 40, 4223 "marginBottom": 40, 4224 "marginLeft": 20, 4225 "marginRight": 20, 4226 "btnPosition": "right", 4227 "whatsAppNumber": "919388640364", 4228 "welcomeMessage": "Hello, I'd like to get more information about your services.\nPage: https:\/\/www.vagamon.com", 4229 "zIndex": 999999, 4230 "btnColorScheme": "light", 4231 }; 4232 4233 loadWidget(wa_btnSetting); 4234 }; 4235</script>
4235 4236 4237 4238 4239 4240 <!-- <div class="scroll-top">--> 4241 <!--<i class="fas fa-long-arrow-alt-up"></i>--> 4242 <!--</div>--> 4243 4244
4244<script src="https://www.vagamon.com/frontend/js/ltr.js"></script>
4244 4245 4246 4247 4248 4249 4250
4251<script> 4252 4253 document.addEventListener("DOMContentLoaded", function () { 4254 renderDecimalStars(); 4255}); 4256 4257function renderDecimalStars() { 4258 const starContainers = document.querySelectorAll('.decimal-stars'); 4259 4260 starContainers.forEach(container => { 4261 const rating = parseFloat(container.getAttribute('data-rating')) || 0; 4262 const size = container.getAttribute('data-size') || 14; 4263 const fillPercentage = (rating / 5) * 100; 4264 4265 const starSvg = ` 4266 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor"> 4267 <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/> 4268 </svg> 4269 `; 4270 4271 const fiveStars = starSvg.repeat(5); 4272 4273 container.innerHTML = ` 4274 <div class="stars-background">${fiveStars}</div> 4275 <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div> 4276 `; 4277 }); 4278} 4279</script>
4279 4280
4281<script> 4282 4283 document.addEventListener("DOMContentLoaded", function () { 4284 renderDecimalStars(); 4285}); 4286 4287function renderDecimalStars() { 4288 const starContainers = document.querySelectorAll('.decimal-stars'); 4289 4290 starContainers.forEach(container => { 4291 const rating = parseFloat(container.getAttribute('data-rating')) || 0; 4292 const size = container.getAttribute('data-size') || 14; 4293 const fillPercentage = (rating / 5) * 100; 4294 4295 const starSvg = ` 4296 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor"> 4297 <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/> 4298 </svg> 4299 `; 4300 4301 const fiveStars = starSvg.repeat(5); 4302 4303 container.innerHTML = ` 4304 <div class="stars-background">${fiveStars}</div> 4305 <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div> 4306 `; 4307 }); 4308} 4309</script>
4309 4310
4311<script> 4312 4313 document.addEventListener("DOMContentLoaded", function () { 4314 renderDecimalStars(); 4315}); 4316 4317function renderDecimalStars() { 4318 const starContainers = document.querySelectorAll('.decimal-stars'); 4319 4320 starContainers.forEach(container => { 4321 const rating = parseFloat(container.getAttribute('data-rating')) || 0; 4322 const size = container.getAttribute('data-size') || 14; 4323 const fillPercentage = (rating / 5) * 100; 4324 4325 const starSvg = ` 4326 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor"> 4327 <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/> 4328 </svg> 4329 `; 4330 4331 const fiveStars = starSvg.repeat(5); 4332 4333 container.innerHTML = ` 4334 <div class="stars-background">${fiveStars}</div> 4335 <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div> 4336 `; 4337 }); 4338} 4339</script>
4339 4340
4341<script> 4342 4343 document.addEventListener("DOMContentLoaded", function () { 4344 renderDecimalStars(); 4345}); 4346 4347function renderDecimalStars() { 4348 const starContainers = document.querySelectorAll('.decimal-stars'); 4349 4350 starContainers.forEach(container => { 4351 const rating = parseFloat(container.getAttribute('data-rating')) || 0; 4352 const size = container.getAttribute('data-size') || 14; 4353 const fillPercentage = (rating / 5) * 100; 4354 4355 const starSvg = ` 4356 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor"> 4357 <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/> 4358 </svg> 4359 `; 4360 4361 const fiveStars = starSvg.repeat(5); 4362 4363 container.innerHTML = ` 4364 <div class="stars-background">${fiveStars}</div> 4365 <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div> 4366 `; 4367 }); 4368} 4369</script>
4369 4370
4371<script> 4372 4373 document.addEventListener("DOMContentLoaded", function () { 4374 renderDecimalStars(); 4375}); 4376 4377function renderDecimalStars() { 4378 const starContainers = document.querySelectorAll('.decimal-stars'); 4379 4380 starContainers.forEach(container => { 4381 const rating = parseFloat(container.getAttribute('data-rating')) || 0; 4382 const size = container.getAttribute('data-size') || 14; 4383 const fillPercentage = (rating / 5) * 100; 4384 4385 const starSvg = ` 4386 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor"> 4387 <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/> 4388 </svg> 4389 `; 4390 4391 const fiveStars = starSvg.repeat(5); 4392 4393 container.innerHTML = ` 4394 <div class="stars-background">${fiveStars}</div> 4395 <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div> 4396 `; 4397 }); 4398} 4399</script>
4399 4400
4401<script> 4402 4403 document.addEventListener("DOMContentLoaded", function () { 4404 renderDecimalStars(); 4405}); 4406 4407function renderDecimalStars() { 4408 const starContainers = document.querySelectorAll('.decimal-stars'); 4409 4410 starContainers.forEach(container => { 4411 const rating = parseFloat(container.getAttribute('data-rating')) || 0; 4412 const size = container.getAttribute('data-size') || 14; 4413 const fillPercentage = (rating / 5) * 100; 4414 4415 const starSvg = ` 4416 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor"> 4417 <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/> 4418 </svg> 4419 `; 4420 4421 const fiveStars = starSvg.repeat(5); 4422 4423 container.innerHTML = ` 4424 <div class="stars-background">${fiveStars}</div> 4425 <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div> 4426 `; 4427 }); 4428} 4429</script>
4429 4430
4431<script> 4432 4433 document.addEventListener("DOMContentLoaded", function () { 4434 renderDecimalStars(); 4435}); 4436 4437function renderDecimalStars() { 4438 const starContainers = document.querySelectorAll('.decimal-stars'); 4439 4440 starContainers.forEach(container => { 4441 const rating = parseFloat(container.getAttribute('data-rating')) || 0; 4442 const size = container.getAttribute('data-size') || 14; 4443 const fillPercentage = (rating / 5) * 100; 4444 4445 const starSvg = ` 4446 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor"> 4447 <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/> 4448 </svg> 4449 `; 4450 4451 const fiveStars = starSvg.repeat(5); 4452 4453 container.innerHTML = ` 4454 <div class="stars-background">${fiveStars}</div> 4455 <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div> 4456 `; 4457 }); 4458} 4459</script>
4459 4460
4461<script> 4462 4463 document.addEventListener("DOMContentLoaded", function () { 4464 renderDecimalStars(); 4465}); 4466 4467function renderDecimalStars() { 4468 const starContainers = document.querySelectorAll('.decimal-stars'); 4469 4470 starContainers.forEach(container => { 4471 const rating = parseFloat(container.getAttribute('data-rating')) || 0; 4472 const size = container.getAttribute('data-size') || 14; 4473 const fillPercentage = (rating / 5) * 100; 4474 4475 const starSvg = ` 4476 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor"> 4477 <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/> 4478 </svg> 4479 `; 4480 4481 const fiveStars = starSvg.repeat(5); 4482 4483 container.innerHTML = ` 4484 <div class="stars-background">${fiveStars}</div> 4485 <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div> 4486 `; 4487 }); 4488} 4489</script>
4489 4490
4491<script> 4492 4493 document.addEventListener("DOMContentLoaded", function () { 4494 renderDecimalStars(); 4495}); 4496 4497function renderDecimalStars() { 4498 const starContainers = document.querySelectorAll('.decimal-stars'); 4499 4500 starContainers.forEach(container => { 4501 const rating = parseFloat(container.getAttribute('data-rating')) || 0; 4502 const size = container.getAttribute('data-size') || 14; 4503 const fillPercentage = (rating / 5) * 100; 4504 4505 const starSvg = ` 4506 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor"> 4507 <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/> 4508 </svg> 4509 `; 4510 4511 const fiveStars = starSvg.repeat(5); 4512 4513 container.innerHTML = ` 4514 <div class="stars-background">${fiveStars}</div> 4515 <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div> 4516 `; 4517 }); 4518} 4519</script>
4519 4520
4521<script> 4522 4523 document.addEventListener("DOMContentLoaded", function () { 4524 renderDecimalStars(); 4525}); 4526 4527function renderDecimalStars() { 4528 const starContainers = document.querySelectorAll('.decimal-stars'); 4529 4530 starContainers.forEach(container => { 4531 const rating = parseFloat(container.getAttribute('data-rating')) || 0; 4532 const size = container.getAttribute('data-size') || 14; 4533 const fillPercentage = (rating / 5) * 100; 4534 4535 const starSvg = ` 4536 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor"> 4537 <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/> 4538 </svg> 4539 `; 4540 4541 const fiveStars = starSvg.repeat(5); 4542 4543 container.innerHTML = ` 4544 <div class="stars-background">${fiveStars}</div> 4545 <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div> 4546 `; 4547 }); 4548} 4549</script>
4549 4550
4551<script> 4552 4553 document.addEventListener("DOMContentLoaded", function () { 4554 renderDecimalStars(); 4555}); 4556 4557function renderDecimalStars() { 4558 const starContainers = document.querySelectorAll('.decimal-stars'); 4559 4560 starContainers.forEach(container => { 4561 const rating = parseFloat(container.getAttribute('data-rating')) || 0; 4562 const size = container.getAttribute('data-size') || 14; 4563 const fillPercentage = (rating / 5) * 100; 4564 4565 const starSvg = ` 4566 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor"> 4567 <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/> 4568 </svg> 4569 `; 4570 4571 const fiveStars = starSvg.repeat(5); 4572 4573 container.innerHTML = ` 4574 <div class="stars-background">${fiveStars}</div> 4575 <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div> 4576 `; 4577 }); 4578} 4579</script>
4579 4580
4581<script> 4582 4583 document.addEventListener("DOMContentLoaded", function () { 4584 renderDecimalStars(); 4585}); 4586 4587function renderDecimalStars() { 4588 const starContainers = document.querySelectorAll('.decimal-stars'); 4589 4590 starContainers.forEach(container => { 4591 const rating = parseFloat(container.getAttribute('data-rating')) || 0; 4592 const size = container.getAttribute('data-size') || 14; 4593 const fillPercentage = (rating / 5) * 100; 4594 4595 const starSvg = ` 4596 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor"> 4597 <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/> 4598 </svg> 4599 `; 4600 4601 const fiveStars = starSvg.repeat(5); 4602 4603 container.innerHTML = ` 4604 <div class="stars-background">${fiveStars}</div> 4605 <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div> 4606 `; 4607 }); 4608} 4609</script>
4609 4610
4611<script> 4612 4613 document.addEventListener("DOMContentLoaded", function () { 4614 renderDecimalStars(); 4615}); 4616 4617function renderDecimalStars() { 4618 const starContainers = document.querySelectorAll('.decimal-stars'); 4619 4620 starContainers.forEach(container => { 4621 const rating = parseFloat(container.getAttribute('data-rating')) || 0; 4622 const size = container.getAttribute('data-size') || 14; 4623 const fillPercentage = (rating / 5) * 100; 4624 4625 const starSvg = ` 4626 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor"> 4627 <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/> 4628 </svg> 4629 `; 4630 4631 const fiveStars = starSvg.repeat(5); 4632 4633 container.innerHTML = ` 4634 <div class="stars-background">${fiveStars}</div> 4635 <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div> 4636 `; 4637 }); 4638} 4639</script>
4639 4640
4641<script> 4642 4643 document.addEventListener("DOMContentLoaded", function () { 4644 renderDecimalStars(); 4645}); 4646 4647function renderDecimalStars() { 4648 const starContainers = document.querySelectorAll('.decimal-stars'); 4649 4650 starContainers.forEach(container => { 4651 const rating = parseFloat(container.getAttribute('data-rating')) || 0; 4652 const size = container.getAttribute('data-size') || 14; 4653 const fillPercentage = (rating / 5) * 100; 4654 4655 const starSvg = ` 4656 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor"> 4657 <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/> 4658 </svg> 4659 `; 4660 4661 const fiveStars = starSvg.repeat(5); 4662 4663 container.innerHTML = ` 4664 <div class="stars-background">${fiveStars}</div> 4665 <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div> 4666 `; 4667 }); 4668} 4669</script>
4669 4670
4671<script> 4672 4673 document.addEventListener("DOMContentLoaded", function () { 4674 renderDecimalStars(); 4675}); 4676 4677function renderDecimalStars() { 4678 const starContainers = document.querySelectorAll('.decimal-stars'); 4679 4680 starContainers.forEach(container => { 4681 const rating = parseFloat(container.getAttribute('data-rating')) || 0; 4682 const size = container.getAttribute('data-size') || 14; 4683 const fillPercentage = (rating / 5) * 100; 4684 4685 const starSvg = ` 4686 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor"> 4687 <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/> 4688 </svg> 4689 `; 4690 4691 const fiveStars = starSvg.repeat(5); 4692 4693 container.innerHTML = ` 4694 <div class="stars-background">${fiveStars}</div> 4695 <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div> 4696 `; 4697 }); 4698} 4699</script>
4699 4700
4701<script> 4702 4703 document.addEventListener("DOMContentLoaded", function () { 4704 renderDecimalStars(); 4705}); 4706 4707function renderDecimalStars() { 4708 const starContainers = document.querySelectorAll('.decimal-stars'); 4709 4710 starContainers.forEach(container => { 4711 const rating = parseFloat(container.getAttribute('data-rating')) || 0; 4712 const size = container.getAttribute('data-size') || 14; 4713 const fillPercentage = (rating / 5) * 100; 4714 4715 const starSvg = ` 4716 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}" fill="currentColor"> 4717 <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/> 4718 </svg> 4719 `; 4720 4721 const fiveStars = starSvg.repeat(5); 4722 4723 container.innerHTML = ` 4724 <div class="stars-background">${fiveStars}</div> 4725 <div class="stars-foreground" style="width: ${fillPercentage}%;">${fiveStars}</div> 4726 `; 4727 }); 4728} 4729</script>
4729 4730
4731<script> 4732document.addEventListener('DOMContentLoaded', function() { 4733 var enquirySent = false; 4734 var popupShown = false; 4735 4736 function showEnquiryPopup() { 4737 if (popupShown) return; 4738 popupShown = true; 4739 4740 var overlay = document.createElement('div'); 4741 overlay.id = 'enquiry-overlay'; 4742 overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:999999;display:flex;align-items:center;justify-content:center;'; 4743 overlay.innerHTML = 4744 '<div style="background:#fff;border-radius:16px;padding:40px 32px 32px;max-width:420px;width:92%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,0.25);">' 4745 + '<div style="width:64px;height:64px;background:#fef9c3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;">' 4746 + '<svg width="30" height="30" viewBox="0 0 32 32" fill="none"><path d="M16 4C9.37 4 4 9.37 4 16s5.37 12 12 12 12-5.37 12-12S22.63 4 16 4zm1 17h-2v-6h2v6zm0-8h-2V9h2v4z" fill="#b45309"/></svg>' 4747 + '</div>' 4748 + '<p style="font-size:20px;font-weight:700;color:#92400e;margin:0 0 10px;">Already Enquired!</p>' 4749 + '<p style="font-size:15px;color:#374151;line-height:1.6;margin:0 0 28px;">You have already sent an enquiry. Would you like to send another one?</p>' 4750 + '<div style="display:flex;gap:12px;justify-content:center;">' 4751 + '<button id="enquiryYes" style="background:linear-gradient(135deg,#1a2980,#26d0ce);color:#fff;border:none;padding:11px 28px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;">Yes, Enquire Again</button>' 4752 + '<button id="enquiryNo" style="background:#f3f4f6;color:#374151;border:none;padding:11px 28px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;">No, Cancel</button>' 4753 + '</div>' 4754 + '</div>'; 4755 4756 document.body.appendChild(overlay); 4757 4758 // Yes â close popup, let them use the form normally 4759 document.getElementById('enquiryYes').addEventListener('click', function() { 4760 overlay.remove(); 4761 // Clear the flag so popup won't show again this session 4762 // (optional â remove if you want it to always warn) 4763 }); 4764 4765 // No â close popup and clear/disable the form 4766 document.getElementById('enquiryNo').addEventListener('click', function() { 4767 overlay.remove(); 4768 // Scroll away from form 4769 var form = document.getElementById('enquiryForm'); 4770 if (form) form.reset(); 4771 window.scrollTo({ top: 0, behavior: 'smooth' }); 4772 }); 4773 4774 // Click outside closes 4775 overlay.addEventListener('click', function(e) { 4776 if (e.target === overlay) overlay.remove(); 4777 }); 4778 } 4779 4780 // Trigger on any field focus inside the form 4781 if (enquirySent) { 4782 var form = document.getElementById('enquiryForm'); 4783 if (form) { 4784 // Trigger on first interaction with any field 4785 var fields = form.querySelectorAll('input, textarea, button'); 4786 fields.forEach(function(field) { 4787 field.addEventListener('focus', showEnquiryPopup, { once: true }); 4788 field.addEventListener('click', showEnquiryPopup, { once: true }); 4789 }); 4790 } 4791 } 4792}); 4793</script>
4793 4794 4795
4796<script> 4797const swiper = new Swiper('.category-swiper', { 4798 slidesPerView: 1, 4799 spaceBetween: 30, 4800 loop: true, 4801 autoplay: { 4802 delay: 5000, 4803 }, 4804 navigation: { 4805 nextEl: '.swiper-button-next', 4806 prevEl: '.swiper-button-prev', 4807 }, 4808 pagination: { 4809 el: '.swiper-pagination', 4810 clickable: true, 4811 }, 4812 breakpoints: { 4813 640: { slidesPerView: 2 }, 4814 768: { slidesPerView: 3 }, 4815 1024: { slidesPerView: 4 }, 4816 } 4817}); 4818</script>
4818 4819 4820 </body> 4821</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.