PageSourceSearch

https://srilanka.travel/

html srilanka.travel collected 2026-10-02 03:56:15 UTC 166,552 bytes, 4,447 lines download raw bytes

1
2    <!DOCTYPE html>
3<html lang="en" dir="ltr">
4<head>
5  <meta charset="UTF-8">
6  <meta name="keywords" content="travel sri lanka,sri lanka,sri lanka tourism,sri lanka tour,travel to sri lanka,visit sri lanka,visit sri lanka holidays,trip to srilanka,tourist in sri lanka,sri lanka travel and tours,lanka holidays,tours in sri lanka,travel and tours,about sri lanka,travel websites,srilankan,srilanka,sri lanka tourist board,Hotelsflights,Resorts,Locations,cheap flights,low cost,online booking,luxury hotels,beach hotels,air tickets,resort and spa,5 star hotels,zoo,سري لانكا السياحة,斯里兰卡旅游,Sri Lanka Tourism,श्रीलंका पर्यटन,sri lanka turismo,Sri Lanka turismo,Шри-Ланка туризма,Srí Lanka cestovního ruchu,Шры-Ланка турызму,Sri Lanka matkailu,Σρι Λάνκα τουρισμού,스리랑카 관광,スリランカ観光,luxury holidays, luxury holidays in asia, holiday cottages, luxury beach holidays, holiday plans, holiday planning, holiday plans asia, holiday plans sri lanka, Asian Holiday destinations, Best Destinations, wonderful destinations, popular destinations,sri lanka vacation,sri lanka tourism,sri lanka honeymoon,Sri Lanka Hotels,sri lanka resorts,sri lanka tourist attractions,sri lankan airlines,srilanka tour packages,Colombo,Kandy,Negambo,Galle,Unawatuna,Hikkaduwa,NuweraEliya,Tangalle,Bentota,Arugambay,Kalpitiya,Mirissa,Passikudah,travel agents,cheap hotels in sri lanka,flights to sri lanka,sri lanka beach,cheap tickets to sri lanka,hotels in Colombo,european holidays,last minute holidays,asia vacation packages,asia tour packages,tour of asia,asia travel deals,trips to asia,cheap asia flights,travel in asia,srilanka .travel,srilanka.travel" />
7 
8  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
9    <link rel="icon" href="faviconst.ico" type="image/x-icon">
10
11          <link rel="stylesheet" href="catalog/view/theme/default/stylesheet/footer.css">
12          <link rel="stylesheet" href="catalog/view/theme/default/stylesheet/header-home.css">
13
14  <title>Sri Lanka Tourism - The Official Website of Sri Lanka Tourism</title>
15  <meta name="google-translate-customization" content="2ee3eb3ade2cd6d0-8572950c2c56234d-g38afd74e05cdfcf0-13" />
16
17  <meta name="description" content="Find travel ideas for planning your holiday to Sri Lanka. Discover things to see and do, places to stay and more.. This is the official site of Sri Lanka Tourism.." />
18      <meta property="og:title" content="Sri Lanka Tourism - The Official Website of Sri Lanka Tourism" />
19    <meta property="og:description" content="Find travel ideas for planning your holiday to Sri Lanka. Discover things to see and do, places to stay and more.. This is the official site of Sri Lanka Tourism.." />
20    <meta property="og:type" content="website" />
21    <meta property="og:url" content="srilanka.travel/" />
22    <meta property="og:image" content="https://srilanka.travel/images/banner/banner2.jpg" />
23
24<link href="https://srilanka.travel/catalog/view/theme/default/image/favicon.ico" rel="icon" />
25
26    <link rel="stylesheet" type="text/css" href="catalog/view/theme/default/bootstrap4.4/css/bootstrap.css" />
27  <link rel="stylesheet" type="text/css" href="catalog/view/theme/default/bootstrap4.4/css/bootstrap.min.css" />
28
29
30<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 30-31
30
31<script async src="https://www.googletagmanager.com/gtag/js?id=
31G-6XP77QYZVK
vendor: 12 bytes, line 31
31"></script>
32<script>
33  
vendor: 134 bytes, lines 33-37
33window.dataLayer = window.dataLayer || [];
34  function gtag(){dataLayer.push(arguments);}
35  gtag('js', new Date());
36
37  gtag('config', '
37G-6XP77QYZVK
vendor: 4 bytes, line 37
37');
38</script>
38
39
40<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 40-41
40
41<script async src="https://www.googletagmanager.com/gtag/js?id=
41G-2ZYRW5NK7S
vendor: 12 bytes, line 41
41"></script>
42<script>
43  
vendor: 134 bytes, lines 43-47
43window.dataLayer = window.dataLayer || [];
44  function gtag(){dataLayer.push(arguments);}
45  gtag('js', new Date());
46
47  gtag('config', '
47G-2ZYRW5NK7S
vendor: 4 bytes, line 47
47');
48</script>
48
49
50<!-- Meta Pixel Code -->
51        
51<script>
vendor: 471 bytes, lines 51-60
51
52        !function(f,b,e,v,n,t,s)
53        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
54        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
55        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
56        n.queue=[];t=b.createElement(e);t.async=!0;
57        t.src=v;s=b.getElementsByTagName(e)[0];
58        s.parentNode.insertBefore(t,s)}(window, document,'script',
59        "https://connect.facebook.net/en_US/fbevents.js");
60        fbq('init', '
60344563150157100
vendor: 46 bytes, lines 60-62
60');
61        fbq('track', 'PageView');
62        
62</script>
62
63        <noscript><img height="1" width="1" style="display:none"
64        src="https://www.facebook.com/tr?id=344563150157100&ev=PageView&noscript=1"
65        /></noscript>
66<!-- End Meta Pixel Code -->
67
68<!-- TikTok Pixel Code Start -->
69<script>
70!function (w, d, t) {
71w.TiktokAnalyticsObject=t;var
72ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","read
73y","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConse
74nt"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arg
75uments,0)))}};for(var
76i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(
77var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return
78e},ttq.load=function(e,n){var
79r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq.
80_i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new
81Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script")
82;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsBy
83TagName("script")[0];e.parentNode.insertBefore(n,e)};
84ttq.load('D5PLEAJC77U4AEKF8OI0');
85ttq.page();
86}(window, document, 'ttq');
87</script>
87
88<!-- TikTok Pixel Code End -->
89
90<!-- Google Tag Manager -->
91<script>
vendor: 327 bytes, lines 91-95
91(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
92new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
93j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
94'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
95})(window,document,'script','dataLayer','
95GTM-PTMQLFV3
vendor: 3 bytes, line 95
95');
95</script>
95
96<!-- End Google Tag Manager -->
97
98
99</head>
100
101<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 101-102
101
102<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
102GTM-PTMQLFV3
vendor: 83 bytes, lines 102-103
102"
103height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
104<!-- End Google Tag Manager (noscript) -->
105
106
107<script class="include" type="text/javascript" src="catalog/view/theme/default/js/jquery-3.3.1.js"></script>
vendor: 1 bytes, line 107
107
108<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
vendor: 1 bytes, line 108
108
109<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
109
110
111<script class="include" type="text/javascript" src="catalog/view/theme/default/js/dropdown.js"></script>
111
112
113<script class="include" type="text/javascript" src="catalog/view/theme/default/js/popper.js"></script>
113
114
115<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
115
116
117
118<script class="include" src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.2.0/raphael-min.js" charset="utf-8"></script>
vendor: 1 bytes, line 118
118
119<script class="include" src="catalog/view/theme/default/jQuery-Mapael/js/jquery.mapael.js" charset="utf-8"></script>
119
120<!-- 
120<script
121class="include"
122type="text/javascript"
123src="catalog/view/theme/default/bootstrap4.4/js/bootstrap.min.js"
124></script>
124 -->
125<script type="text/javascript" src="https://maps.google.com/maps/api/js?key=AIzaSyDDcGNQGXqz0uAi_VywtOIWNUslBXKeJmw&sensor=true"></script>
vendor: 1 bytes, line 125
125
126<script class="include" type="text/javascript" src="catalog/view/theme/default/js/jquery.ui.map.min.js"></script>
vendor: 1 bytes, line 126
126
127<script class="include" type="text/javascript" src="catalog/view/theme/default/template/theame/js/jquery.fancybox.js?v=2.1.5"></script>
vendor: 1 bytes, line 127
127
128<script class="include" type="text/javascript" src="catalog/view/theme/default/template/theame/js/jquery.fancybox-media.js?v=1.0.6"></script>
vendor: 1 bytes, line 128
128
129<script class="include" type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
129
130
131<script class="include" type="text/javascript" src="catalog/view/theme/default/js/jquery.lazy.js"></script>
vendor: 1 bytes, line 131
131
132<script class="include" type="text/javascript" src="catalog/view/theme/default/js/lightslider.js"></script>
vendor: 1 bytes, line 132
132
133<script class="include" type="text/javascript" src="catalog/view/theme/default/js/jquery.flythat.min.js"></script>
vendor: 1 bytes, line 133
133
134<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
134
135
136
137<script type="text/javascript">
138  $(function() {
139    $("ul li ul li").hover(
140      function() {
141        $(this).find(".pop-me-new").fadeIn("fast");
142      },
143      function() {
144        $(this).find(".pop-me-new").fadeOut("fast");
145      }
146    );
147  });
148
149  function gotoPage(lang_pair) {
150    if (lang_pair.value) lang_pair = lang_pair.value;
151    if (
152      location.hostname != "translate.googleusercontent.com" &&
153      lang_pair == "en"
154    )
155      return;
156    else if (
157      location.hostname == "translate.googleusercontent.com" &&
158      lang_pair == "en"
159    )
160      location.href = unescape(gfg("u"));
161    else if (
162      location.hostname != "translate.googleusercontent.com" &&
163      lang_pair != "en"
164    )
165      location.href =
166      "https://translate.google.com/translate?client=tmpg&hl=en&langpair=en|" +
167      lang_pair +
168      "&u=" +
169      escape(location.href);
170    else
171      location.href =
172      "https://translate.google.com/translate?client=tmpg&hl=en&langpair=en|" +
173      lang_pair +
174      "&u=" +
175      unescape(gfg("u"));
176  }
177
178  function gfg(name) {
179    name = name.replace(/[[]/, "\[").replace(/[]]/, "\]");
180    var regexS = "[?&]" + name + "=([^&#]*)";
181    var regex = new RegExp(regexS);
182    var results = regex.exec(location.href);
183    if (results == null) return "";
184    return results[1];
185  }
186
187  if (top.location != self.location) top.location = self.location;
188  window["_tipoff"] = function() {};
189  window["_tipon"] = function(a) {};
190
191  $(document).ready(function() {
192    $(".no-translate").click(function() {
193      var url = $(this).attr("url");
194      window.open(url);
195    });
196
197    $("input").attr("autocomplete", "off");
198  });
199</script>
vendor: 1 bytes, line 199
199
200<script type="text/javascript">
201  $(document).ready(function() {
202    $(".accodian .accodian-title:first-child")
203      .addClass("active")
204      .next(".accodian-data")
205      .slideDown("300");
206    $(".accodian")
207      .find(".active .icon-stack .icon-plus")
208      .removeClass("icon-plus")
209      .addClass("icon-minus");
210
211    $(".accodian .accodian-title").click(function() {
212      if ($(this).hasClass("active")) {
213        return;
214      } else {
215        $(".accodian")
216          .find(".active .icon-stack .icon-minus")
217          .removeClass("icon-minus")
218          .addClass("icon-plus");
219        $(".accodian")
220          .find(".active")
221          .removeClass("active")
222          .next(".accodian-data")
223          .slideUp("300");
224
225        $(this).addClass("active");
226        $(this).next(".accodian-data").slideToggle("300");
227        $(this)
228          .find(".icon-stack .icon-plus")
229          .removeClass("icon-plus")
230          .addClass("icon-minus");
231      }
232    });
233  });
234</script>
vendor: 1 bytes, line 234
234
235<script type="text/javascript">
236  var _gaq = _gaq || [];
237  _gaq.push(["_setAccount", "UA-8472280-10"]);
238  _gaq.push(["_trackPageview"]);
239
240  (function() {
241    var ga = document.createElement("script");
242    ga.type = "text/javascript";
243    ga.async = true;
244    ga.src =
245      ("https:" == document.location.protocol ?
246        "https://ssl" :
247        "http://www") + ".google-analytics.com/ga.js";
248    var s = document.getElementsByTagName("script")[0];
249    s.parentNode.insertBefore(ga, s);
250  })();
251</script>
vendor: 1 bytes, line 251
251
252<script type="text/javascript">
253  $(document).ready(function() {
254    var $winwidth = $(window).width();
255    $("img.wrapper-main-bg").attr({
256      width: $winwidth,
257    });
258    $(window).bind("resize", function() {
259      var $winwidth = $(window).width();
260      $("img.wrapper-main-bg").attr({
261        width: $winwidth,
262      });
263    });
264  });
265
266  function showDisclaimer(url, msg) {
267    alert(url);
268    $("body").css("overflow", "hidden");
269    var message = "disclaimer";
270    if (msg != "") {
271      message = msg;
272    }
273    $("#disclaimer_msg").html(message);
274    var windowHeight = $(window).height();
275    var scrollTop = $(document).scrollTop();
276    var top = windowHeight / 2 + scrollTop;
277    $("#disclaimer_popup").css("top", top + "px");
278    $("#disclaimer_popup").show();
279    $("#disclaimer_popup_bg").show().css("opacity", 0.7);
280
281    $("#disclaimer_close").click(function() {
282      $("#disclaimer_popup").hide();
283      $("#disclaimer_popup_bg").hide();
284      $("#disclaim_agree").attr("checked", false);
285      $("body").css("overflow", "auto");
286    });
287
288    $("#disclaimer_ok").unbind("click");
289    $("#disclaimer_ok").click(function() {
290      var agreed = $("#disclaim_agree").attr("checked");
291      if (agreed != undefined && agreed != false) {
292        window.open(url);
293        $("#disclaimer_popup").hide();
294        $("#disclaimer_popup_bg").hide();
295        $("#disclaim_agree").attr("checked", false);
296        $("body").css("overflow", "auto");
297      }
298    });
299  }
300</script>
vendor: 1 bytes, line 300
300
301<script type="text/javascript">
302  $(function() {
303    $("#footer_new .corporate_link_header a").click(function() {
304      if ($(this).hasClass("open")) {
305        $("#footer_new").animate({
306            height: "40px",
307            "margin-top": "-20",
308          },
309          500
310        );
311        $(this).removeClass("open");
312      } else {
313        $(".corporate_links").hide();
314        var showboxid = $(this).attr("data-show");
315        $(showboxid).show();
316
317        $("#footer_new .corporate_link_header a").removeClass("open");
318        $("#footer_new").animate({
319            height: "70px",
320            "margin-top": "-50px",
321          },
322          500
323        );
324        $(this).addClass("open");
325      }
326    });
327  });
328</script>
vendor: 1 bytes, line 328
328
329<script type="text/javascript">
330  var flags = document.getElementsByClassName("flag_link");
331
332  Array.prototype.forEach.call(flags, function(e) {
333    e.addEventListener("click", function() {
334      var lang = e.getAttribute("data-lang");
335      var languageSelect = document.querySelector("select.goog-te-combo");
336      languageSelect.value = lang;
337      languageSelect.dispatchEvent(new Event("change"));
338    });
339  });
340</script>
340
341
342
343<script type="text/javascript">
344  var flags = document.getElementsByClassName("flag_link");
345
346  Array.prototype.forEach.call(flags, function(e) {
347    e.addEventListener("click", function() {
348      var lang = e.getAttribute("data-lang");
349      var languageSelect = document.querySelector("select.goog-te-combo");
350      languageSelect.value = lang;
351      languageSelect.dispatchEvent(new Event("change"));
352    });
353  });
354</script>
354
355
356<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 356-357
356
357<script async src="https://www.googletagmanager.com/gtag/js?id=
357G-2ZYRW5NK7S
vendor: 12 bytes, line 357
357"></script>
358<script>
359  
vendor: 134 bytes, lines 359-363
359window.dataLayer = window.dataLayer || [];
360  function gtag(){dataLayer.push(arguments);}
361  gtag('js', new Date());
362
363  gtag('config', '
363G-2ZYRW5NK7S
vendor: 4 bytes, line 363
363');
364</script>
vendor: 66 bytes, lines 364-367
364
365
366
367<script async src="https://www.googletagmanager.com/gtag/js?id=
367UA-180752820-1
vendor: 12 bytes, line 367
367"></script>
368<script>
369  
vendor: 144 bytes, lines 369-376
369window.dataLayer = window.dataLayer || [];
370
371  function gtag() {
372    dataLayer.push(arguments);
373  }
374  gtag("js", new Date());
375
376  gtag("config", "
376UA-180752820-1
vendor: 4 bytes, line 376
376");
377</script>
377
378
379
380</script>
380
381
382
383<div id="fb-root"></div>
384<script>
385  (function(d, s, id) {
386    var js,
387      fjs = d.getElementsByTagName(s)[0];
388    if (d.getElementById(id)) return;
389    js = d.createElement(s);
390    js.id = id;
391    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
392    fjs.parentNode.insertBefore(js, fjs);
393  })(document, "script", "facebook-jssdk");
394</script>
vendor: 1 bytes, line 394
394
395<script>
396  $("ul.dropdown-menu").on("click", function(event) {
397    event.stopPropagation();
398  });
399</script>
vendor: 65 bytes, lines 399-401
399
400
401<script async src="https://www.googletagmanager.com/gtag/js?id=
401UA-180752820-1
vendor: 12 bytes, line 401
401"></script>
402<script>
403  
vendor: 144 bytes, lines 403-410
403window.dataLayer = window.dataLayer || [];
404
405  function gtag() {
406    dataLayer.push(arguments);
407  }
408  gtag("js", new Date());
409
410  gtag("config", "
410UA-180752820-1
vendor: 4 bytes, line 410
410");
411</script>
vendor: 1 bytes, line 411
411
412<script type="text/javascript" id="inspectletjs">
413  (function() {
414    window.__insp = window.__insp || [];
415    __insp.push(["wid", 2111360868]);
416
417    function ldinsp() {
418      if (typeof window.__inspld != "undefined") return;
419      window.__inspld = 1;
420      var insp = document.createElement("script");
421      insp.type = "text/javascript";
422      insp.async = true;
423      insp.id = "inspsync";
424      insp.src =
425        ("https:" == document.location.protocol ? "https" : "http") +
426        "://cdn.inspectlet.com/inspectlet.js?wid=2111360868&r=" +
427        Math.floor(new Date().getTime() / 3600000);
428      var x = document.getElementsByTagName("script")[0];
429      x.parentNode.insertBefore(insp, x);
430    }
431    setTimeout(ldinsp, 500);
432    document.readyState != "complete" ?
433      window.attachEvent ?
434      window.attachEvent("onload", ldinsp) :
435      window.addEventListener("load", ldinsp, false) :
436      ldinsp();
437  })();
438</script>
vendor: 1 bytes, line 438
438
439<script>
440  (function(w, d, s, l, i) {
441    w[l] = w[l] || [];
442    w[l].push({
443      "gtm.start": new Date().getTime(),
444      event: "gtm.js",
445    });
446    var f = d.getElementsByTagName(s)[0],
447      j = d.createElement(s),
448      dl = l != "dataLayer" ? "&l=" + l : "";
449    j.async = true;
450    j.src = "//www.googletagmanager.com/gtm.js?id=" + i + dl;
451    f.parentNode.insertBefore(j, f);
452  })(window, document, "script", "dataLayer", "GTM-N2SWKH");
453</script>
vendor: 1 bytes, line 453
453
454<script>
455  "use strict";
456  document.addEventListener("DOMContentLoaded", function() {
457    if (window.hideYTActivated) return;
458    let onYouTubeIframeAPIReadyCallbacks = [];
459    for (let playerWrap of document.querySelectorAll(".hytPlayerWrap")) {
460      let playerFrame = playerWrap.querySelector("iframe");
461      let tag = document.createElement("script");
462      tag.src = "https://www.youtube.com/iframe_api";
463      let firstScriptTag = document.getElementsByTagName("script")[0];
464      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
465      let onPlayerStateChange = function(event) {
466        if (event.data == YT.PlayerState.ENDED) {
467          playerWrap.classList.add("ended");
468        } else if (event.data == YT.PlayerState.PAUSED) {
469          playerWrap.classList.add("paused");
470        } else if (event.data == YT.PlayerState.PLAYING) {
471          playerWrap.classList.remove("ended");
472          playerWrap.classList.remove("paused");
473        }
474      };
475      let player;
476      onYouTubeIframeAPIReadyCallbacks.push(function() {
477        player = new YT.Player(playerFrame, {
478          events: {
479            onStateChange: onPlayerStateChange,
480          },
481        });
482      });
483      playerWrap.addEventListener("click", function() {
484        let playerState = player.getPlayerState();
485        if (playerState == YT.PlayerState.ENDED) {
486          player.seekTo(0);
487        } else if (playerState == YT.PlayerState.PAUSED) {
488          player.playVideo();
489        }
490      });
491    }
492    window.onYouTubeIframeAPIReady = function() {
493      for (let callback of onYouTubeIframeAPIReadyCallbacks) {
494        callback();
495      }
496    };
497    window.hideYTActivated = true;
498  });
499</script>
499
500
501<script>
502  (function() {
503    var uv = document.createElement("script");
504    uv.type = "text/javascript";
505    uv.async = true;
506    uv.src = "//widget.uservoice.com/o4H845Ae6ajeAQUFU1tMvg.js";
507    var s = document.getElementsByTagName("script")[0];
508    s.parentNode.insertBefore(uv, s);
509  })();
510</script>
vendor: 1 bytes, line 510
510
511<script>
512$(window).scroll(function () {
513    if ($(this).scrollTop() > 40) {
514      $(".top-navHeader").css({
515            top: "-40px"
516      });
517
518      $(".middle-navHeader").css({
519            top: "0",
520            backgroundColor: "#fff"
521      });
522
523      $(".middle-navHeader .dropdown-menu").css({
524            top: "65px"
525      });
526
527    } else {
528      $(".top-navHeader").css({
529            top: "0"
530      });
531
532      $(".middle-navHeader").css({
533            top: "0",   // fixed
534            backgroundColor: "#fff"
535      });
536
537      $(".middle-navHeader .dropdown-menu").css({
538            top: "65px" // fixed
539      });
540    }
541  });
542</script>
vendor: 1 bytes, line 542
542
543<script type="text/javascript">
544  function googleTranslateElementInit() {
545    new google.translate.TranslateElement({
546        pageLanguage: "en"
547      },
548      "google_translate_element"
549    );
550  }
551</script>
vendor: 1 bytes, line 551
551
552<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
552
553
554<header>
555
556  <div class="head-2">
557    <!-- drop down container begins-->
558<style>
559  @import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;600;700&display=swap");
560
561  * {
562    box-sizing: border-box;
563  }
564
565  /* ============================================
566     APPLE GLASS UI EFFECT FOR MEGA MENU
567     ============================================ */
568  .dropdown-menu.drop-trangle {
569    background: rgba(255, 255, 255, 0.45) !important;
570    backdrop-filter: blur(18px) saturate(150%) !important;
571    -webkit-backdrop-filter: blur(8px) saturate(150%) !important;
572    border: none !important;
573    border-top: 1px solid rgba(255, 255, 255, 0.4) !important;
574    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important;
575    height: calc(100vh - 70px) !important;
576    top: 70px !important;
577    padding: 0 !important;
578    margin: 0 !important;
579  }
580
581  .dropdown-menu.drop-trangle>.container {
582    max-width: 100% !important;
583    width: 100% !important;
584    height: 100%;
585    padding: 0;
586    margin: 0;
587  }
588
589  .tab-container,
590  .tab-container-wrap {
591    height: 100%;
592    width: 100%;
593  }
594
595  /* ============================================
596     MEGA-MENU — PREMIUM TAB SIDEBAR
597     ============================================ */
598  div.tab {
599    float: left;
600    width: 25%;
601    height: 100%;
602    padding: 20px 0;
603    background: rgba(10, 22, 40, 0.75);
604    border-radius: 0;
605  }
606
607  div.tab .tab-in {
608    padding: 0;
609  }
610
611  div.tab .tablinks {
612    display: block;
613    width: 100%;
614  }
615
616  .dropdown-menu .active>a,
617  .dropdown-menu .active>a:hover {
618    color: #fff;
619    text-decoration: none;
620    outline: 0;
621    background-color: rgba(0, 177, 168, 0.15);
622    background-image: none;
623    filter: none;
624  }
625
626  .navbar-inverse .nav .active>a,
627  .navbar-inverse .nav .active>a:hover,
628  .navbar-inverse .nav .active>a:focus {
629    color: #ffffff;
630    background-color: rgba(0, 177, 168, 0.15);
631  }
632
633  div.tab .tablinks a {
634    display: block;
635    background: transparent !important;
636    color: rgba(255, 255, 255, 0.75) !important;
637    padding: 18px 24px;
638    width: 100%;
639    border: none;
640    outline: none;
641    text-align: left;
642    cursor: pointer;
643    transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
644    font-size: 15px;
645    font-family: "Lato", sans-serif;
646    font-weight: 400;
647    letter-spacing: 0.3px;
648    position: relative;
649    border-left: 3px solid transparent;
650  }
651
652  div.tab .tablinks a::before {
653    content: "›";
654    position: absolute;
655    right: 20px;
656    top: 50%;
657    transform: translateY(-50%);
658    font-size: 20px;
659    opacity: 0;
660    transition: all 0.3s ease;
661    color: #00b1a8;
662  }
663
664  div.tab .tablinks a:hover,
665  div.tab .tablinks.active a {
666    background: rgba(255, 255, 255, 0.06) !important;
667    color: #fff !important;
668    background-image: none !important;
669    border-left: 3px solid #00b1a8;
670    padding-left: 28px;
671  }
672
673  div.tab .tablinks a:hover::before,
674  div.tab .tablinks.active a::before {
675    opacity: 1;
676    right: 16px;
677  }
678
679  div.tab .tablinks.active {
680    background: rgba(255, 255, 255, 0.06);
681    border: none;
682    border-left: 3px solid #00b1a8;
683  }
684
685  /* ============================================
686     MEGA-MENU — CONTENT PANEL
687     ============================================ */
688  .tabcontent {
689    float: left;
690    padding: 40px 50px;
691    width: 75%;
692    border-left: none;
693    height: 100%;
694    background-color: transparent;
695    display: none;
696    font-family: "Lato", sans-serif;
697    overflow-y: auto;
698  }
699
700  .tabcontent ul {
701    list-style-type: none;
702    margin: 0;
703    padding: 0;
704  }
705
706  .tabcontent ul li {
707    float: left;
708    width: 33.33%;
709  }
710
711  .tabcontent ul li .tab-content-wrap-in {
712    padding: 8px;
713  }
714
715  .tabcontent ul li a {
716    display: block;
717    padding: 0;
718    position: relative;
719    text-decoration: none;
720  }
721
722  /* Card image container */
723  .tabcontent ul li a img {
724    width: 100%;
725    height: 160px;
726    object-fit: cover;
727    border-radius: 10px;
728    transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.4s ease;
729    display: block;
730  }
731
732  .tabcontent ul li a:hover img {
733    transform: scale(1.03);
734    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
735  }
736
737  /* Card title overlay */
738  .tabcontent ul li a p {
739    position: absolute;
740    bottom: 0;
741    padding: 10px 12px;
742    width: 100%;
743    color: #fff !important;
744    background: linear-gradient(transparent, rgba(10, 22, 40, 0.85));
745    border-radius: 0 0 10px 10px;
746    font-size: 13px;
747    font-weight: 600;
748    font-family: "Lato", sans-serif;
749    letter-spacing: 0.3px;
750    margin: 0;
751  }
752
753  /* Card description text */
754  .tabcontent ul li p {
755    color: #555;
756    font-size: 13px;
757    line-height: 1.6;
758    margin: 8px 0 0 0;
759    font-family: "Lato", sans-serif;
760  }
761
762  .tabcontent ul li p span a {
763    color: #00b1a8;
764    padding: 2px 0px;
765    font-size: 12px;
766    font-weight: 600;
767    text-decoration: none;
768    transition: color 0.3s ease;
769  }
770
771  .tabcontent ul li p span a:hover {
772    color: #008f88 !important;
773    cursor: pointer;
774    text-decoration: underline;
775  }
776
777  /* Link list below cards */
778  .tabcontent .main-menu-link-list {
779    border-top: 1px solid #eee;
780    display: inline-block;
781    margin: 16px 0 0 0;
782    width: 100%;
783    padding-top: 12px;
784  }
785
786  .tabcontent .main-menu-link-list li {
787    width: auto;
788  }
789
790  .tabcontent .main-menu-link-list li a {
791    color: #555;
792    text-align: left;
793    padding: 6px 8px;
794    font-size: 13px;
795    font-family: "Lato", sans-serif;
796    border-radius: 6px;
797    transition: all 0.3s ease;
798  }
799
800  .tabcontent .main-menu-link-list li div a:hover {
801    color: #00b1a8 !important;
802    background: rgba(0, 177, 168, 0.06);
803  }
804
805  .tabcontent .main-menu-link-list li a i {
806    font-size: 10px;
807    color: #00b1a8;
808  }
809
810  .tabcontent .single-image {
811    list-style-type: none;
812    margin: 10px 0 0 30px;
813  }
814
815  .tabcontent .single-image li {
816    float: none;
817    width: 50%;
818  }
819
820  .tabcontent .single-image li p {
821    font-size: 16px;
822    line-height: 21px;
823    margin: 0;
824  }
825
826  .tabcontent .single-image li a img {
827    width: 100%;
828    display: block;
829    height: auto;
830  }
831
832  .tabcontent .single-image li a p {
833    position: absolute;
834    bottom: 0;
835  }
836
837  @media only screen and (max-width: 1200px) {
838    .cms {
839      width: 135px;
840    }
841  }
842
843  @media only screen and (max-width: 768px) {
844    .cms {
845      margin: auto;
846      border: none;
847      width: 100%;
848      border-radius: 0px !important;
849    }
850
851    .navbar-inverse .navbar-inner {
852      padding: 0;
853    }
854
855    .container-l {
856      width: 100%;
857    }
858
859    .span12 {
860      width: 100%;
861      margin: 0;
862    }
863  }
864
865  .middle-navHeader {
866    background-color: #fff;
867    z-index: 9999;
868    position: fixed !important;
869    width: 100%;
870    top: 0;
871    left: 0;
872
873    height: 70px;
874    display: flex;
875    align-items: center;
876  }
877
878  .middle-navHeader>.container-fluid {
879    max-width: 1800px;
880    height: 70px;
881    margin: 0 auto;
882    padding: 0 clamp(18px, 3vw, 70px);
883    display: grid !important;
884    grid-template-columns: clamp(120px, 10vw, 180px) minmax(0, 1fr) clamp(120px, 10vw, 180px);
885    align-items: center;
886  }
887
888  .middle-navHeader .navbar-brand {
889    grid-column: 1;
890    height: clamp(42px, 4.2vw, 62px);
891    margin: 0;
892    padding: 0;
893    justify-self: start;
894  }
895
896  .middle-navHeader .navbar-collapse {
897    grid-column: 2;
898    width: 100%;
899    justify-content: center;
900  }
901
902  .middle-navHeader .navbar-nav {
903    width: auto !important;
904    max-width: 100%;
905    margin: 0 auto !important;
906    display: flex !important;
907    align-items: center;
908    justify-content: center !important;
909    gap: clamp(8px, 1.25vw, 28px);
910  }
911
912  .middle-navHeader .navbar-nav>.nav-item {
913    flex: 0 1 auto;
914  }
915
916  .middle-navHeader .dropdown-menu {
917    margin-top: 0 !important;
918    top: 65px !important;
919  }
920
921  .about-list a {
922    text-transform: none !important;
923  }
924
925  .about-list {
926    position: absolute !important;
927    top: 65px !important;
928    /* adjust 63/64/65px until perfectly touching */
929    margin-top: 0 !important;
930    transform: none !important;
931  }
932
933  .about-list,
934  .dropdown-menu.about-list,
935  .dropdown-menu.about-list.show {
936    top: 40px !important;
937    margin-top: 0 !important;
938    transform: none !important;
939  }
940
941  /* parent anchor */
942  .nav-item.dropdown {
943    position: relative;
944  }
945
946  .middle-mob-navHeader {
947    background-color: #fff;
948    z-index: 9999;
949    position: fixed;
950    width: 100%;
951    top: 0;
952    left: 0;
953  }
954
955  /* ============================================
956   TOP-LEVEL NAV LINK STYLES (locked to prevent
957   inheritance from footer.tpl Open Sans / Bootstrap 2)
958   ============================================ */
959
960  /* Target only the direct top-level <a> tags in the navbar */
961  .middle-navHeader .navbar-nav>.nav-item>a {
962    font-family: "BentonSansBook", Arial, Helvetica, sans-serif !important;
963    color: #000 !important;
964    font-weight: 500 !important;
965    font-size: clamp(9px, 0.56vw, 13px) !important;
966    line-height: 1.2 !important;
967    height: 70px !important;
968    /* matches .middle-navHeader height: 70px for perfect vertical centering */
969    white-space: nowrap !important;
970    display: flex !important;
971    align-items: center !important;
972    justify-content: center !important;
973    text-align: center !important;
974    padding: 0 !important;
975    text-transform: uppercase !important;
976    text-decoration: none !important;
977  }
978
979  .middle-navHeader .navbar-nav>.nav-item>a span {
980    text-align: center !important;
981    display: block !important;
982    width: 100%;
983  }
984
985  .middle-navHeader .navbar-nav>.nav-item>a:hover {
986    color: #201e52 !important;
987  }
988
989  /* Keep legacy selectors for any other places that reference them,
990   but do NOT apply nowrap/font-size to dropdown panel links */
991  .nav-item>a {
992    font-family: "BentonSansBook", Arial, Helvetica, sans-serif !important;
993    color: #000;
994    font-weight: 500;
995  }
996
997  .nav-item a:hover {
998    color: #201e52 !important;
999  }
1000
1001  .navbar-light .navbar-nav .nav-link:hover {
1002    color: #201e52 !important;
1003  }
1004
1005  /* Dropdown panel content links — allow wrapping and normal sizing */
1006  .tab-content-wrap-in a {
1007    padding: 0 !important;
1008    white-space: normal !important;
1009    font-size: 14px !important;
1010    font-family: "BentonSansBook", Arial, Helvetica, sans-serif !important;
1011  }
1012
1013  .nav-desktop {
1014    display: flex !important;
1015  }
1016
1017  .nav-mobile {
1018    display: none !important;
1019  }
1020
1021  .mobile-desktop-menu {
1022    display: none !important;
1023  }
1024
1025  .dropdown-menu.show a {
1026    font-size: 16px !important;
1027  }
1028
1029  .middle-mob-navHeader .dropdown.nav-item {
1030    padding: 5px 0 !important;
1031  }
1032
1033  .middle-mob-navHeader .dropdown.nav-item a {
1034    font-size: 14px !important;
1035    outline: none;
1036    text-decoration: none;
1037  }
1038
1039  @media only screen and (max-width: 767px) {
1040    .nav-desktop {
1041      display: none !important;
1042    }
1043
1044    .nav-mobile {
1045      display: flex !important;
1046    }
1047
1048    .dropdown-menu li>a {
1049      justify-content: center !important;
1050    }
1051
1052    .legacy-mobile-menu {
1053      display: none !important;
1054    }
1055
1056    .mobile-desktop-menu {
1057      display: block !important;
1058    }
1059
1060    .nav-mobile .middle-mob-navHeader {
1061      position: fixed !important;
1062      top: 0 !important;
1063      left: 0 !important;
1064      right: 0 !important;
1065      z-index: 10000 !important;
1066      min-height: 64px !important;
1067      background: #fff !important;
1068      border-bottom: 1px solid #e7ecef !important;
1069      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
1070    }
1071
1072    .nav-mobile .middle-mob-navHeader .container-fluid {
1073      min-height: 64px !important;
1074      height: 64px !important;
1075      display: flex !important;
1076      align-items: center !important;
1077      justify-content: space-between !important;
1078      padding: 0 14px !important;
1079    }
1080
1081    .nav-mobile .middle-mob-navHeader .position-relative {
1082      position: static !important;
1083      width: auto !important;
1084      height: auto !important;
1085      flex: 0 0 auto !important;
1086      margin-right: auto !important;
1087      text-align: left !important;
1088    }
1089
1090    .nav-mobile .middle-mob-navHeader .navbar-brand {
1091      position: static !important;
1092      height: 42px !important;
1093      display: inline-flex !important;
1094      align-items: center !important;
1095      justify-content: flex-start !important;
1096      margin: 0 !important;
1097      padding: 0 !important;
1098    }
1099
1100    .nav-mobile .middle-mob-navHeader .navbar-brand img {
1101      height: 38px !important;
1102      width: auto !important;
1103      margin: 0 !important;
1104    }
1105
1106    .nav-mobile .middle-mob-navHeader .navbar-toggler {
1107      width: 40px !important;
1108      height: 36px !important;
1109      margin: 0 !important;
1110      padding: 0 !important;
1111      display: inline-flex !important;
1112      align-items: center !important;
1113      justify-content: center !important;
1114      border: 1px solid #ef9b22 !important;
1115      border-radius: 5px !important;
1116      background: #fff !important;
1117      box-shadow: none !important;
1118    }
1119
1120    .nav-mobile .middle-mob-navHeader .navbar-toggler-icon {
1121      width: 19px !important;
1122      height: 14px !important;
1123      display: block !important;
1124      position: relative !important;
1125      background: none !important;
1126      border-top: 2px solid #374247 !important;
1127      border-bottom: 2px solid #374247 !important;
1128    }
1129
1130    .nav-mobile .middle-mob-navHeader .navbar-toggler-icon:before {
1131      content: "" !important;
1132      position: absolute !important;
1133      top: 4px !important;
1134      left: 0 !important;
1135      width: 19px !important;
1136      border-top: 2px solid #374247 !important;
1137    }
1138
1139    .nav-mobile .middle-mob-navHeader .navbar-collapse,
1140    .nav-mobile .middle-mob-navHeader .navbar-collapse.collapse,
1141    .nav-mobile .middle-mob-navHeader .navbar-collapse.collapse.in,
1142    .nav-mobile .middle-mob-navHeader .navbar-collapse.show {
1143      position: fixed !important;
1144      top: 64px !important;
1145      left: 0 !important;
1146      right: 0 !important;
1147      width: 100% !important;
1148      max-height: calc(100vh - 64px) !important;
1149      overflow-y: auto !important;
1150      background: #fff !important;
1151      padding: 28px 14px 12px !important;
1152      margin: 0 !important;
1153      border: 0 !important;
1154      box-shadow: none !important;
1155    }
1156
1157    .nav-mobile .middle-mob-navHeader .mobile-desktop-menu {
1158      width: 100% !important;
1159      margin: 0 !important;
1160      padding: 0 !important;
1161      list-style: none !important;
1162    }
1163
1164    .nav-mobile .middle-mob-navHeader .mobile-desktop-menu>.nav-item {
1165      width: 100% !important;
1166      margin: 0 0 10px !important;
1167      padding: 0 !important;
1168    }
1169
1170    .nav-mobile .middle-mob-navHeader .mobile-desktop-menu>.nav-item>a {
1171      width: 100% !important;
1172      min-height: 20px !important;
1173      display: flex !important;
1174      align-items: center !important;
1175      justify-content: center !important;
1176      padding: 0 !important;
1177      color: #000 !important;
1178      background: transparent !important;
1179      border: 0 !important;
1180      border-radius: 0 !important;
1181      font-size: 12px !important;
1182      font-weight: 500 !important;
1183      line-height: 18px !important;
1184      text-align: center !important;
1185      text-transform: none !important;
1186      text-decoration: none !important;
1187    }
1188
1189    .nav-mobile .middle-mob-navHeader .mobile-desktop-menu>.nav-item>a:hover,
1190    .nav-mobile .middle-mob-navHeader .mobile-desktop-menu>.nav-item>a:focus {
1191      background: transparent !important;
1192      color: #000 !important;
1193      text-decoration: none !important;
1194    }
1195
1196    .nav-mobile .middle-mob-navHeader .mobile-desktop-menu .dropdown-menu {
1197      position: static !important;
1198      float: none !important;
1199      width: auto !important;
1200      min-width: 0 !important;
1201      margin: 6px auto 0 !important;
1202      padding: 0 !important;
1203      background: #fff !important;
1204      border: 1px solid #e1ebee !important;
1205      border-radius: 4px !important;
1206      box-shadow: none !important;
1207    }
1208
1209    .nav-mobile .middle-mob-navHeader .mobile-desktop-menu .dropdown-menu li>a {
1210      min-height: 28px !important;
1211      display: flex !important;
1212      align-items: center !important;
1213      justify-content: center !important;
1214      padding: 6px 12px !important;
1215      color: #000 !important;
1216      background: transparent !important;
1217      border-radius: 0 !important;
1218      font-size: 12px !important;
1219      line-height: 16px !important;
1220      text-align: center !important;
1221      text-decoration: none !important;
1222      white-space: normal !important;
1223    }
1224
1225    .nav-mobile .middle-mob-navHeader .mobile-desktop-menu .dropdown-menu li>a:hover,
1226    .nav-mobile .middle-mob-navHeader .mobile-desktop-menu .dropdown-menu li>a:focus {
1227      background: #eef5f6 !important;
1228      color: #0f2b32 !important;
1229    }
1230
1231    .nav-mobile .middle-mob-navHeader .mobile-desktop-menu .flag_link img {
1232      width: 20px !important;
1233      height: 14px !important;
1234      object-fit: cover !important;
1235      margin-right: 8px !important;
1236    }
1237  }
1238
1239  .navbar-collapse.collapse {
1240    height: auto !important;
1241    padding-bottom: 0;
1242    overflow: visible !important;
1243  }
1244
1245  /* Navbar brand/logo sizing */
1246  .collapse.navbar-collapse .navbar-brand {
1247    height: 65px;
1248  }
1249
1250
1251
1252  /* hide Google translate default widget text */
1253  #google_translate_element1 {
1254    height: 0;
1255    overflow: hidden;
1256  }
1257
1258  /* hide "Powered by Google Translate" / language text */
1259  .goog-te-gadget,
1260  .goog-te-gadget-simple,
1261  .goog-te-banner-frame,
1262  .goog-te-menu-value,
1263  .goog-logo-link {
1264    display: none !important;
1265  }
1266
1267  /* remove top margin Google adds */
1268  body {
1269    top: 0 !important;
1270    padding-top: 70px !important;
1271  }
1272
1273  .skiptranslate {
1274    display: none !important;
1275  }
1276
1277  /* Make language flags bigger */
1278  .about-list .flag_link img {
1279    height: 18px !important;
1280    width: auto;
1281  }
1282</style>
1283
1284<div class="nav-desktop">
1285  <nav class="middle-navHeader navbar navbar-expand-md navbar-light p-0">
1286    <div class="container-fluid">
1287      <a class="navbar-brand" href="/"><img src="/images/theames-new/sri-lanka.png" class="h-100" /></a>
1288      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
1289        aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
1290        <span class="navbar-toggler-icon"></span>
1291      </button>
1292      <div class="collapse navbar-collapse" id="navbarNav">
1293        <ul class="navbar-nav w-100 justify-content-evenly">
1294          <li class="nav-item">
1295            <a class="nav-link" aria-current="page" href="/tourism-updates"><span>WHAT'S NEW</span></a>
1296          </li>
1297          <!-- WHAT TO DO menu changed: old desktop dropdown removed and replaced with a direct page link. -->
1298          <li class="nav-item">
1299            <a class="nav-link" href="https://srilanka.travel/what-to-do"><span>WHAT TO DO</span></a>
1300          </li>
1301          <!-- End WHAT TO DO menu change. -->
1302          <li class="nav-item dropdown">
1303            <a class="nav-link dropdown-toggle" onclick="openTab(event, 'where-to-go-1')" data-bs-toggle="dropdown"
1304              href="#"><span>WHERE TO GO</span></a>
1305
1306            <ul class="dropdown-menu drop-trangle" style="position: fixed;
1307        top: 102px;
1308        left:0px;
1309        width:100%;
1310        height: 480px;">
1311              <div class="container">
1312                <div class="tab-container">
1313                  <div class="tab-container-wrap">
1314                    <div class="tab">
1315                      <div class="tablinks" onmouseover="openTab(event, 'where-to-go-1')">
1316                        <a href="/top-attractions">Top Attractions</a>
1317                      </div>
1318                      <div class="tablinks" onmouseover="openTab(event, 'where-to-go-2')">
1319                        <a href="/top-cities-and-provinces">Top Cities and Provinces</a>
1320                      </div>
1321                      <!--<div
1322                          class="tablinks"
1323                          onmouseover="openTab(event, 'where-to-go-3')"
1324                        >
1325                          <a
1326                            href="/interactivemap/index.php"
1327                            >Explore Sri Lanka</a
1328                          >
1329                        </div>-->
1330                    </div>
1331                    <div id="where-to-go-1" class="tabcontent">
1332                      <div class="tab-content-wrap">
1333                        <ul>
1334                          <li>
1335                            <div class="tab-content-wrap-in">
1336                              <a href="/whale-watching"><img alt="srilanka" class="img-responsive"
1337                                  src="/images/where-to-go/mirissa-whale.jpg" />
1338                                <p>Mirissa Whale Watching</p>
1339                              </a>
1340                              <p>
1341                                Blue whales are the biggest animal live on the
1342                                earth and Mirissa is the one of most suitable
1343                                spot to watch blue whales and other whales
1344                                too.&nbsp;<span><a href="/whale-watching">Read More
1345                                    <i class="icon-double-angle-right"></i></a></span>
1346                              </p>
1347                            </div>
1348                          </li>
1349                          <li>
1350                            <div class="tab-content-wrap-in">
1351                              <a href="/attraction?attraction_id=163"><img alt="srilanka yala national park"
1352                                  class="img-responsive" src="/images/where-to-go/yala-national-park.jpg" />
1353                                <p>Yala National Park</p>
1354                              </a>
1355                              <p>
1356                                This is the second largest national park in
1357                                Sri Lanka.Yala is home to Asian elephants,
1358                                leopards and variety of beautiful endemic
1359                                birds.&nbsp;<span><a href="/attraction?attraction_id=163">Read More
1360                                    <i class="icon-double-angle-right"></i></a></span>
1361                              </p>
1362                            </div>
1363                          </li>
1364                          <li>
1365                            <div class="tab-content-wrap-in">
1366                              <a href="/attraction?attraction_id=160"><img alt="srilanka sigiriya"
1367                                  class="img-responsive" src="/images/where-to-go/sigiriya.jpg" />
1368                                <p>Sigiriya</p>
1369                              </a>
1370                              <p>
1371                                sigiriya popular as eighth wonder of the world
1372                                among the tourists and it was the one of
1373                                Asia&#39;s oldest landscaped
1374                                garden.&nbsp;<span><a href="/attraction?attraction_id=160">Read More
1375                                    <i class="icon-double-angle-right"></i></a></span>
1376                              </p>
1377                            </div>
1378                          </li>
1379                        </ul>
1380                        <ul class="main-menu-link-list">
1381                          <li>
1382                            <div class="tab-content-wrap-in">
1383                              <a href="/attraction?attraction_id=153"><i class="icon-chevron-right"></i>&nbsp;Gall
1384                                Fort</a>
1385                            </div>
1386                          </li>
1387                          <li>
1388                            <div class="tab-content-wrap-in">
1389                              <a href="/attraction?attraction_id=154"><i class="icon-chevron-right"></i>&nbsp;Ella</a>
1390                            </div>
1391                          </li>
1392                          <li>
1393                            <div class="tab-content-wrap-in">
1394                              <a href="/attraction?attraction_id=156"><i class="icon-chevron-right"></i>&nbsp;Hikkaduwa
1395                                Beach</a>
1396                            </div>
1397                          </li>
1398                          <li>
1399                            <div class="tab-content-wrap-in">
1400                              <a href="/attraction?attraction_id=157"><i class="icon-chevron-right"></i>&nbsp;Dambulla
1401                                Cave Temple</a>
1402                            </div>
1403                          </li>
1404                          <li>
1405                            <div class="tab-content-wrap-in">
1406                              <a href="/wild-safaris"><i class="icon-chevron-right"></i>&nbsp;Wild
1407                                Safaris</a>
1408                            </div>
1409                          </li>
1410                          <li>
1411                            <div class="tab-content-wrap-in">
1412                              <a href="/colombo-city-tour"><i class="icon-chevron-right"></i>&nbsp;
1412Colombo City Tour</a>
1413                            </div>
1414                          </li>
1415                          <li>
1416                            <div class="tab-content-wrap-in">
1417                              <b><a href="/attractions"><i class="icon-chevron-right"></i>&nbsp;See
1418                                  All Attractions</a></b>
1419                            </div>
1420                          </li>
1421                        </ul>
1422                      </div>
1423                    </div>
1424                    <div id="where-to-go-2" class="tabcontent">
1425                      <div class="tab-content-wrap">
1426                        <ul>
1427                          <li>
1428                            <div class="tab-content-wrap-in">
1429                              <a href="/things-to-do-in-colombo"><img alt="srilanka vibrant colombo"
1430                                  class="img-responsive" src="/images/where-to-go/vibrant-colombo.jpg" />
1431                                <p>12 Things to Do in Colombo</p>
1432                              </a>
1433                              <p>
1434                                Colombo is the commercial and financial
1435                                capital of the Sri Lanka. This city filled
1436                                with luxurious hotels,restaurants and many
1437                                variety of attractions. &nbsp;<span><a href="/things-to-do-in-colombo">Read More
1438                                    <i class="icon-double-angle-right"></i></a></span>
1439                              </p>
1440                            </div>
1441                          </li>
1442                          <li>
1443                            <div class="tab-content-wrap-in">
1444                              <a href="/provincial-tourism"><img alt="srilanka cultural triangle" class="img-responsive"
1445                                  src="/images/where-to-go/cultural-triangle.jpg" />
1446                                <p>Provincial Tourism</p>
1447                              </a>
1448                              <p>
1449                                Sri Lanka have divergent nine
1450                                provincials.Select what you most prefer
1451                                provincial in here and travel like your own
1452                                way. &nbsp;<span><a href="/provincial-tourism">Read More
1453                                    <i class="icon-double-angle-right"></i></a></span>
1454                              </p>
1455                            </div>
1456                          </li>
1457                          <!-- <li>
1458                              <div class="tab-content-wrap-in">
1459                                <a href="http://www.sp.gov.lk/"
1460                                  ><img
1461                                    alt="srilanka southern corridor"
1462                                    class="img-responsive"
1463                                    src="/images/where-to-go/southern-corridor.jpg"
1464                                  />
1465                                  <p>Southern Corridor</p>
1466                                </a>
1467                                <p>
1468                                  Many of gorgeous beaches are located in
1469                                  southern province of Sri Lanka and not at all,
1470                                  this city is home to ancient British and Dutch
1471                                  architectural buildings and many of ancient
1472                                  religious sites.&nbsp;<span
1473                                    ><a href="http://www.sp.gov.lk/"
1474                                      >Read More
1475                                      <i class="icon-double-angle-right"></i></a
1476                                  ></span>
1477                                </p>
1478                              </div>
1479                            </li> -->
1480                        </ul>
1481                        <ul class="main-menu-link-list">
1482                          <li>
1483                            <div class="tab-content-wrap-in">
1484                              <a href="http://wayambatourism.lk/"><i class="icon-chevron-right"></i>&nbsp;Northwest
1485                                Province</a>
1486                            </div>
1487                          </li>
1488                          <li>
1489                            <div class="tab-content-wrap-in">
1490                              <a href="http://www.sg.gov.lk/"><i class="icon-chevron-right"></i>&nbsp;Sabaragamuwa
1491                                Province</a>
1492                            </div>
1493                          </li>
1494                        </ul>
1495                      </div>
1496                    </div>
1497                    <div id="where-to-go-3" class="tabcontent">
1498                      <div class="tab-content-wrap-in">
1499                        <ul class="single-image">
1500                          <li>
1501                            <div class="tab-content-wrap-in">
1502                              <a href="/interactivemap/index.php"><img alt="explore srilanka" class="img-responsive"
1503                                  src="/images/where-to-go/explore-sri-lanka.jpg" />
1504                                <p>Explore Sri Lanka</p>
1505                              </a>
1506                            </div>
1507                          </li>
1508                          <li>
1509                            <div class="tab-content-wrap-in">
1510                              <p>
1511                                Sri Lanka is the treasure of island for all
1512                                tourists. You can discover variety of natural,
1513                                cultural and historical heritages within few
1514                                hours.&nbsp;<span><a href="/interactivemap/index.php">Read More
1515                                    <i class="icon-double-angle-right"></i></a></span>
1516                              </p>
1517                            </div>
1518                          </li>
1519                        </ul>
1520                      </div>
1521                    </div>
1522                  </div>
1523                </div>
1524              </div>
1525            </ul>
1526          </li>
1527
1528          <li class="nav-item dropdown">
1529            <a class="nav-link dropdown-toggle" onclick="openTab(event, 'plan-your-trip-1')" data-bs-toggle="dropdown"
1530              href="#"><span>PLAN YOUR TRIP</span></a>
1531            <ul class="dropdown-menu drop-trangle" style="position: fixed;
1532          top: 102px;
1533        left:0px;
1534        width:100%;
1535        height: 480px;">
1536              <div class="container">
1537                <div class="tab-container">
1538                  <div class="tab-container-wrap">
1539                    <div class="tab">
1540                      <div class="tablinks" onmouseover="openTab(event, 'plan-your-trip-1')" id="defaultOpen">
1541                        <a href="/about-sri-lanka">About Sri Lanka</a>
1542                      </div>
1543                      <div class="tablinks" onmouseover="openTab(event, 'plan-your-trip-2')">
1544                        <a href="/before-you-go">Before You Go</a>
1545                      </div>
1546                      <div class="tablinks" onmouseover="openTab(event, 'plan-your-trip-3')">
1547                        <a href="/book-your-trip">
1547Book Your Trip</a>
1548                      </div>
1549                    </div>
1550                    <div id="plan-your-trip-1" class="tabcontent">
1551                      <div class="tab-content-wrap">
1552                        <ul>
1553                          <!-- <li>
1554                            <div class="tab-content-wrap-in">
1555                              <a href="/srilanka-at-a-glance"><img alt="srilanka at a glance" class="img-responsive"
1556                                  src="/images/plan-your-trip/srilanka-at-a-glance-new.png" />
1557                                <p>Sri Lanka at a Glance</p>
1558                              </a>
1559                              <p>
1560                                As a pearl of the Indian ocean Sri Lanka have
1561                                unique cultural, geological features. Those
1562                                things will help you to find out new
1563                                experience to your life.&nbsp;<span><a href="/srilanka-at-a-glance">Read More
1564                                    <i class="icon-double-angle-right"></i></a></span>
1565                              </p>
1566                            </div>
1567                          </li> -->
1568
1569                          <li>
1570                            <div class="tab-content-wrap-in">
1571                              <a href="https://www.bbc.com/weather/0/1248991"><img alt="weather in srilanka"
1572                                  class="img-responsive" src="/images/plan-your-trip/weather-in-sri-lanka-new.png" />
1573                                <p>Weather in Sri Lanka</p>
1574                              </a>
1575                              <p>
1576                                Sri Lanka has different weather conditions.
1577                                Center of the country weather are balmy and
1578                                other sides being hot. You can feel this
1579                                different in a one day.&nbsp;<span><a href="https://www.bbc.com/weather/0/1248991">Read
1580                                    More
1581                                    <i class="icon-double-angle-right"></i></a></span>
1582                              </p>
1583                            </div>
1584                          </li>
1585
1586                          <li>
1587                            <div class="tab-content-wrap-in">
1588                              <a href="/index.php?route=information/information&information_id=223"><img
1589                                  alt="public holidays in srilanka" class="img-responsive"
1590                                  src="/images/plan-your-trip/Public-Holidays-in-Sri-Lanka-new.png" />
1591                                <p>Public Holidays in Sri Lanka</p>
1592                              </a>
1593                              <p>
1594                                Full moon Poya days and other religious
1595                                festivals make the majority of the holidays in
1596                                Sri Lanka. This will help you to plan a
1597                                wonderful journey.&nbsp;<span><a
1598                                    href="/index.php?route=information/information&information_id=223">Read More
1599                                    <i class="icon-double-angle-right"></i></a></span>
1600                              </p>
1601                            </div>
1602                          </li>
1603                        </ul>
1604                        <ul class="main-menu-link-list">
1605                          <li>
1606                            <div class="tab-content-wrap-in">
1607                              <a href="/marvels-of-sri-lanka"><i class="icon-chevron-right"></i>&nbsp;Marvels of Sri
1608                                Lanka</a>
1609                            </div>
1610                          </li>
1611                          <li>
1612                            <div class="tab-content-wrap-in">
1613                              <a href="/international-endorsements"><i
1614                                  class="icon-chevron-right"></i>&nbsp;International
1615                                Endorsements</a>
1616                            </div>
1617                          </li>
1618                          <li>
1619                            <div class="tab-content-wrap-in">
1620                              <a href="/tourist-map"><i class="icon-chevron-right"></i>&nbsp;Tourist Map of Sri
1621                                Lanka</a>
1622                            </div>
1623                          </li>
1624                          <li>
1625                            <div class="tab-content-wrap-in">
1626                              <a href="http://www.xe.com/currencyconverter/"><i
1627                                  class="icon-chevron-right"></i>&nbsp;Currency &amp; converter</a>
1628                            </div>
1629                          </li>
1630                          <li>
1631                            <div class="tab-content-wrap-in">
1632                              <a href="https://mfa.gov.lk/sri-lanka-missions/" target="_blank"><i
1633                                  class="icon-chevron-right"></i>&nbsp;Sri
1634                                Lankan Embassies</a>
1635                            </div>
1636                          </li>
1637                          <li>
1638                            <div class="tab-content-wrap-in">
1639                              <a href="https://mfa.gov.lk/sri-lanka-missions/" target="_blank"><i
1640                                  class="icon-chevron-right"></i>&nbsp;Foreign Embassies</a>
1641                            </div>
1642                          </li>
1643
1644                          <li>
1645                            <div class="tab-content-wrap-in">
1646                              <a href="/emergency-services"><i class="icon-chevron-right"></i>&nbsp;Emergency
1647                                Services</a>
1648                            </div>
1649                          </li>
1650                          <li>
1651                            <div class="tab-content-wrap-in">
1652                              <a href="/travel-news"><i class="icon-chevron-right"></i>&nbsp;Tourism News</a>
1653                            </div>
1654                          </li>
1655                        </ul>
1656                      </div>
1657                    </div>
1658                    <div id="plan-your-trip-2" class="tabcontent">
1659                      <div class="tab-content-wrap">
1660                        <ul>
1661                          <li>
1662                            <div class="tab-content-wrap-in">
1663                              <a
1664                                href="http://www.immigration.gov.lk/web/index.php?option=com_content&view=article&id=151&Itemid=196&lang=en"><img
1665                                  alt="apply for a visa srilanka" class="img-responsive"
1666                                  src="/images/plan-your-trip/Apply-for-a-Visa-new.png" />
1667                                <p>Apply for a Visa</p>
1668                              </a>
1669                            </div>
1670                          </li>
1671                          <li>
1672                            <div class="tab-content-wrap-in">
1673                              <a href="/getting-around"><img alt="srilanka getting around" class="img-responsive"
1674                                  src="/images/plan-your-trip/getting-around-new.png" />
1675                                <p>
1675Getting Around</p>
1676                              </a>
1677                            </div>
1678                          </li>
1679                          <li>
1680                            <div class="tab-content-wrap-in">
1681                              <a href="/travel-tips"><img alt="srilanka general tips and tricks" class="img-responsive"
1682                                  src="/images/plan-your-trip/general-tips-and-tricks-new.png" />
1683                                <p>General tips and tricks</p>
1684                              </a>
1685                            </div>
1686                          </li>
1687                        </ul>
1688                        <ul class="main-menu-link-list">
1689                          <li>
1690                            <div class="tab-content-wrap-in">
1691                              <a
1692                                href="http://www.immigration.gov.lk/web/index.php?option=com_content&view=article&id=151&Itemid=196&lang=en"><i
1693                                  class="icon-chevron-right"></i>&nbsp;Visa
1694                                Requirements</a>
1695                            </div>
1696                          </li>
1697                          <li>
1698                            <div class="tab-content-wrap-in">
1699                              <a href="http://www.immigrationlanka.com/Home-0.html"><i
1700                                  class="icon-chevron-right"></i>&nbsp;Visa
1701                                Services</a>
1702                            </div>
1703                          </li>
1704
1705                          <li>
1706                            <div class="tab-content-wrap-in">
1707                              <a href="/tourist-guides"><i class="icon-chevron-right"></i>&nbsp;Tour
1708                                Guides</a>
1709                            </div>
1710                          </li>
1711                          <li>
1712                            <div class="tab-content-wrap-in">
1713                              <a href="/travel-agents"><i class="icon-chevron-right"></i>&nbsp;Travel Agents</a>
1714                            </div>
1715                          </li>
1716                          <!--<li>
1717                              <div class="tab-content-wrap-in">
1718                                <a
1719                                  href="/authorized-tourist-drivers"
1720                                  ><i class="icon-chevron-right"></i
1721                                  >&nbsp;Authorized Tourist Drivers</a
1722                                >
1723                              </div>
1724                            </li>
1725                            <li>
1726                              <div class="tab-content-wrap-in">
1727                                <a
1728                                  href="/authorized-tuk-tuk-drivers"
1729                                  ><i class="icon-chevron-right"></i
1730                                  >&nbsp;Authorized Tuk Tuk Drivers</a
1731                                >
1732                              </div>
1733                            </li>-->
1734                          <li>
1735                            <div class="tab-content-wrap-in">
1736                              <a href="/transport"><i class="icon-chevron-right"></i>&nbsp;Transport</a>
1737                            </div>
1738                          </li>
1739                          <li>
1740                            <div class="tab-content-wrap-in">
1741                              <a href="/travel-magazines-and-directories"><i class="icon-chevron-right"></i>&nbsp;Travel
1742                                Magazines and Directories</a>
1743                            </div>
1744                          </li>
1745                          <li>
1746                            <div class="tab-content-wrap-in">
1747                              <a href="/travel-apps"><i class="icon-chevron-right"></i>&nbsp;Travel Apps</a>
1748                            </div>
1749                          </li>
1750
1751                          <li>
1752                            <div class="tab-content-wrap-in">
1753                              <a href="http://www.investsrilanka.com/"><i class="icon-chevron-right"></i>&nbsp;For
1754                                Business Travellers</a>
1755                            </div>
1756                          </li>
1757                        </ul>
1758                      </div>
1759                    </div>
1760                    <div id="plan-your-trip-3" class="tabcontent">
1761                      <div class="tab-content-wrap">
1762                        <ul>
1763                          <li>
1764                            <div class="tab-content-wrap-in">
1765                              <a href="/flight-booking"><img alt="srilanka book your flights" class="img-responsive"
1766                                  src="/images/plan-your-trip/Book-your-flights-new.png" />
1767                                <p>Book Your Flights</p>
1768                              </a>
1769                            </div>
1770                          </li>
1771                          <li>
1772                            <div class="tab-content-wrap-in">
1773                              <a href="/accommodation"><img alt="srilanka accommodation" class="img-responsive"
1774                                  src="/images/plan-your-trip/accommodation-new.png" />
1775                                <p>Book Your Accommodation</p>
1776                              </a>
1777                            </div>
1778                          </li>
1779                          <li>
1780                            <div class="tab-content-wrap-in">
1781                              <a href="/travel-agents"><img alt="srilanka book your trip" class="img-responsive"
1782                                  src="/images/plan-your-trip/book-your-trip-new.png" />
1783                                <p>Book Your Trip</p>
1784                              </a>
1785                            </div>
1786                          </li>
1787                        </ul>
1788                        <ul class="main-menu-link-list">
1789                          <li>
1790                            <div class="tab-content-wrap-in">
1791                              <a href="/online-services"><i class="icon-chevron-right"></i>&nbsp;Online Services</a>
1792                            </div>
1793                          </li>
1794                          <li>
1795                            <div class="tab-content-wrap-in">
1796                              <a href="/online-ticketing"><i class="icon-chevron-right"></i>&nbsp;Buy
1797                                E-Tickets for Attractions</a>
1798                            </div>
1799                          </li>
1800                          <li>
1801                            <div class="tab-content-wrap-in">
1802                              <a href="/accommodation"><i class="icon-chevron-right"></i>&nbsp;Hotels &amp; Other
1803                                Accommodation</a>
1804                            </div>
1805                          </li>
1806                          <!--<li>
1807                              <div class="tab-content-wrap-in">
1808                                <a
1809                                  href="/newly-registered-hotels-and-other-accommodation"
1810                                  ><i class="icon-chevron-right"></i>&nbsp;Newly
1811                                  Registered Hotels &amp; Other Accommodation</a
1812                                >
1813                              </div>
1814                            </li>-->
1815                          <li>
1816                            <div class="tab-content-wrap-in">
1817                              <a href="http://nationalholidayresorts.lk/"><i
1818                                  class="icon-chevron-right"></i>&nbsp;National
1819                                Holiday Resorts (Also Known as
1820                                "Tourist Board Guest Houses")</a>
1821                            </div>
1822                          </li>
1823                        </ul>
1824                      </div>
1825                    </div>
1826                  </div>
1827                </div>
1828              </div>
1829            </ul>
1830          </li>
1831
1832          <li class="nav-item text-uppercase" style="opacity: 0.7;">
1833            <a class="nav-link" href="/index.php?route=event/upcoming&dev=asd"><span>UPCOMING EVENTS</span></a>
1834          </li>
1835          <li class="nav-item text-uppercase" style="opacity: 0.7;">
1836            <a class="nav-link" href="/what_world_has_to_say"><span>WHAT THE WORLD HAS TO SAY</span></a>
1837          </li>
1838
1839          <li class="nav-item text-uppercase" style="opacity: 0.7;">
1840            <a class="nav-link" href="/travel-news"><span>TOURISM NEWS</span></a>
1841          </li>
1842
1843          <li class="nav-item text-uppercase" style="opacity: 0.7;">
1844            <a class="nav-link" href="https://www.srilanka.travel/about-us"><span>ABOUT US</span></a>
1845          </li>
1846
1847
1848          <!-- <li class="nav-item text-uppercase dropdown mobile-hide">
1849            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
1850              aria-expanded="false">
1851              <span>ABOUT US</span>
1852            </a>
1853            <ul class="dropdown-menu p-0 about-list">
1854              <li><a href="/history">History</a></li>
1855              <li><a href="/philosophy">Philosophy</a></li>
1856              <li><a href="/board-of-directors">Board of Directors</a></li>
1857              <li><a href="/directors">Directors</a></li>
1858              <li><a href="/Key_Contacts">Key Contacts</a></li>
1859              <li><a href="https://www.sltda.gov.lk/investor-relations-unit">Investor</a></li>
1860              <li><a href="/meet-us">Meet Us</a></li>
1861            </ul>
1862          </li> -->
1863
1864          <li class="nav-item text-uppercase dropdown mobile-hide">
1865            <a class="nav-link dropdown-toggle lan-color" href="#" role="button" data-bs-toggle="dropdown"
1866              aria-expanded="false">
1867              <span><img alt="english" src="/images/theames-new/britain.png"
1868                  style="height:18px; margin-right:5px; margin-top:-2px;" /> ENGLISH</span>
1869            </a>
1870            <ul class="dropdown-menu p-0 about-list">
1871              <div id="google_translate_element1" style="display:none;"></div>
1872              <li><a href="#" class="flag_link eng" data-lang="en"><img alt="english"
1873                    src="/images/theames-new/britain.png" /> &nbsp; ENGLISH</a></li>
1874              <li><a href="#" class="flag_link CHI" data-lang="zh-CN"><img alt="China"
1875                    src="/images/theames-new/China.png" /> &nbsp; MANDARIN</a></li>
1876              <li><a href="#" class="flag_link HIN" data-lang="hi"><img alt="India"
1877                    src="/images/theames-new/India.png" />&nbsp; HINDI</a></li>
1878              <li><a href="#" class="flag_link TA" data-lang="ta"><img alt="Tamil"
1879                    src="/images/theames-new/India.png" />
1880                  &nbsp; TAMIL</a></li>
1881              <li><a href="#" class="flag_link Ger" data-lang="de"><img alt="German"
1882                    src="/images/theames-new/flag-for-germany.gif" /> &nbsp;GERMAN</a></li>
1883              <li><a href="#" class="flag_link FRA" data-lang="fr"><img alt="France"
1884                    src="/images/theames-new/France.png" />&nbsp; FRENCH</a></li>
1885              <li><a href="#" class="flag_link RU" data-lang="ru"><img alt="Russia"
1886                    src="/images/theames-new/flag-for-russia.gif" /> &nbsp;RUSSIAN</a></li>
1887              <li><a href="#" class="flag_link AR" data-lang="ar"><img alt="ARABIC" style="height: 20px;"
1888                    src="/images/theames-new/flag-for-saudi-arabia-new.png" />&nbsp; ARABIC</a></li>
1889              <li><a href="#" class="flag_link JAP" data-lang="ja"><img alt="Japan"
1890                    src="/images/theames-new/Japan.png" />
1891                  &nbsp;JAPANESE</a></li>
1892              <li><a href="#" class="flag_link ITA" data-lang="it"><img alt="Italy"
1893                    src="/images/theames-new/Italy.png" />&nbsp; ITALIAN</a></li>
1894              <li><a href="#" class="flag_link BEL" data-lang="be"><img alt="Belarus"
1895                    src="/images/theames-new/Belarus.png" />&nbsp; DUTCH</a></li>
1896              <li><a href="#" class="flag_link POR" data-lang="pt"><img alt="Portugal"
1897                    src="/images/theames-new/Portugal.png" /> &nbsp;POLISH</a></li>
1898              <li><a href="#" class="flag_link SPN" data-lang="es"><img alt="Spain"
1899                    src="/images/theames-new/Spain.png" />&nbsp;SPANISH</a></li>
1900              <li><a href="#" class="flag_link KOR" data-lang="ko"><img alt="South-Korea"
1901                    src="/images/theames-new/South-Korea.png" />&nbsp; KOREAN</a></li>
1902              <li><a href="#" class="flag_link GRE" data-lang="el"><img alt="Greece"
1903                    src="/images/theames-new/Greece.png" />&nbsp; GREEK</a></li>
1904            </ul>
1905          </li>
1906
1907        </ul>
1908      </div>
1909    </div>
1910  </nav>
1911</div>
1912
1913<div class="nav-mobile">
1914  <nav class="navbar navbar-expand-lg navbar-light  middle-mob-navHeader p-0">
1915    <div class="container-fluid justify-content-end">
1916      <div class="position-relative w-100 h-100">
1917        <a class="navbar-brand" style="position:absolute;top:0;left:10px;height:50px;" href="/"><img
1918            src="/images/theames-new/sri-lanka.png" class="h-100" style="margin-top:3px" /></a>
1919      </div>
1920      <button class="navbar-toggler m-2" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
1921        aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
1922        <span class="navbar-toggler-icon"></span>
1923      </button>
1924    </div>
1925    <div class="collapse navbar-collapse" id="navbarNav">
1926      <ul class="navbar-nav m-0 mb-2 mt-3 mb-lg-0 mobile-desktop-menu">
1927        <li class="dropdown nav-item">
1928          <a class="nav-link" href="/tourism-updates" style="color:#fff">What's New</a>
1929        </li>
1930        <li class="dropdown nav-item">
1931          <a class="nav-link" href="/what-to-do" style="color:#fff">What To Do</a>
1932        </li>
1933        <li class="dropdown nav-item">
1934          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Where To Go</a>
1935          <ul class="dropdown-menu">
1936            <li><a href="/top-attractions">Top Attractions</a></li>
1937            <li><a href="/top-cities-and-provinces">Top Cities and Provinces</a></li>
1938            <li><a href="/interactivemap/index.php">Explore Sri Lanka</a></li>
1939          </ul>
1940        </li>
1941        <li class="dropdown nav-item">
1942          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Plan Your Trip</a>
1943          <ul class="dropdown-menu">
1944            <li><a href="/about-sri-lanka">About Sri Lanka</a></li>
1945            <li><a href="/before-you-go">Before You Go</a></li>
1946            <li><a href="/book-your-trip">Book Your Trip</a></li>
1947          </ul>
1948        </li>
1949        <li class="dropdown nav-item">
1950          <a class="nav-link" href="/index.php?route=event/upcoming&dev=asd" style="color:#fff">Upcoming Events</a>
1951        </li>
1952        <li class="dropdown nav-item">
1953          <a class="nav-link" href="/what_world_has_to_say" style="color:#fff">What The World Has To Say</a>
1954        </li>
1955        <li class="dropdown nav-item">
1956          <a class="nav-link" href="/travel-news" style="color:#fff">Tourism News</a>
1957        </li>
1958
1959        <li class="dropdown nav-item">
1960          
1961          <a class="nav-link" href="/about-us" style="color:#fff">About Us</a>
1962        </li>
1963       <!-- <li class="dropdown nav-item">
1964          <a href="#" class="dropdown-toggle" data-toggle="dropdown">About Us</a>
1965          <ul class="dropdown-menu">
1966            <li><a href="http://srilanka.travel/history">History</a></li>
1967            <li><a href="http://srilanka.travel/philosophy">Philosophy</a></li>
1968            <li><a href="/board-of-directors">Board of Directors</a></li>
1969            <li><a href="http://srilanka.travel/directors">Directors</a></li>
1970            <li><a href="/Key_Contacts">Key Contacts</a></li>
1971            <li><a href="https://www.sltda.gov.lk/en/investor-relations-unit" onclick="target='_blank'">Investor</a>
1972            </li>
1973            <li><a href="/meet-us" target='_blank'>Meet Us</a></li>
1974          </ul>
1975        </li> -->
1976        <li class="dropdown nav-item">
1977          <a href="#" class="dropdown-toggle lan-color" data-toggle="dropdown">
1978            <span><img alt="english" src="/images/theames-new/britain.png"
1979                style="height:18px; margin-right:5px; margin-top:-2px;" /> ENGLISH</span>
1980          </a>
1981          <ul class="dropdown-menu">
1982            <li><a href="#" class="flag_link eng" data-lang="en"><img alt="english"
1983                  src="/images/theames-new/britain.png" /> &nbsp; ENGLISH</a></li>
1984            <li><a href="#" class="flag_link CHI" data-lang="zh-CN"><img alt="China"
1985                  src="/images/theames-new/China.png" /> &nbsp; MANDARIN</a></li>
1986            <li><a href="#" class="flag_link HIN" data-lang="hi"><img alt="India"
1987                  src="/images/theames-new/India.png" />&nbsp; HINDI</a></li>
1988            <li><a href="#" class="flag_link TA" data-lang="ta"><img alt="Tamil" src="/images/theames-new/India.png" />
1989                &nbsp; TAMIL</a></li>
1990            <li><a href="#" class="flag_link Ger" data-lang="de"><img alt="German"
1991                  src="/images/theames-new/flag-for-germany.gif" /> &nbsp;GERMAN</a></li>
1992            <li><a href="#" class="flag_link FRA" data-lang="fr"><img alt="France"
1993                  src="/images/theames-new/France.png" />&nbsp; FRENCH</a></li>
1994            <li><a href="#" class="flag_link RU" data-lang="ru"><img alt="Russia"
1995                  src="/images/theames-new/flag-for-russia.gif" /> &nbsp;RUSSIAN</a></li>
1996            <li><a href="#" class="flag_link AR" data-lang="ar"><img alt="ARABIC" style="height: 20px;"
1997                  src="/images/theames-new/flag-for-saudi-arabia-new.png" />&nbsp; ARABIC</a></li>
1998            <li><a href="#" class="flag_link JAP" data-lang="ja"><img alt="Japan" src="/images/theames-new/Japan.png" />
1999                &nbsp;JAPANESE</a></li>
2000            <li><a href="#" class="flag_link ITA" data-lang="it"><img alt="Italy"
2001                  src="/images/theames-new/Italy.png" />&nbsp; ITALIAN</a></li>
2002            <li><a href="#" class="flag_link BEL" data-lang="be"><img alt="Belarus"
2003                  src="/images/theames-new/Belarus.png" />&nbsp; DUTCH</a></li>
2004            <li><a href="#" class="flag_link POR" data-lang="pt"><img alt="Portugal"
2005                  src="/images/theames-new/Portugal.png" /> &nbsp;POLISH</a></li>
2006            <li><a href="#" class="flag_link SPN" data-lang="es"><img alt="Spain"
2007                  src="/images/theames-new/Spain.png" />&nbsp;SPANISH</a></li>
2008            <li><a href="#" class="flag_link KOR" data-lang="ko"><img alt="South-Korea"
2009                  src="/images/theames-new/South-Korea.png" />&nbsp; KOREAN</a></li>
2010            <li><a href="#" class="flag_link GRE" data-lang="el"><img alt="Greece"
2011                  src="/images/theames-new/Greece.png" />&nbsp; GREEK</a></li>
2012          </ul>
2013        </li>
2014      </ul>
2015      <ul class="navbar-nav m-0 mb-2 mt-3 mb-lg-0 legacy-mobile-menu">
2016
2017        <li class="dropdown nav-item">
2018          <a class="nav-link" href="/tourism-updates" style="color:#fff">What's New</a>
2019        </li>
2020        <li class="dropdown nav-item">
2021          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
2022            Explore&nbsp;
2023          </a>
2024
2025          <ul class="dropdown-menu">
2026            <li>
2027              <a href="/srilanka-at-a-glance">
2028                Sri Lanka At A Glance
2029              </a>
2030            </li>
2031
2032            
2033              
2034              
2035              <li>
2036                <a href="http://srilanka.travel/international-endorsements">
2037                  International Endorsements                </a>
2038              </li>
2039
2040            
2041              
2042              <li>
2043                <a href="http://srilanka.travel/good-reasons-to-visit-srilanka">
2044                  10 Good Reasons to Visit Sri Lanka                </a>
2045              </li>
2046
2047            
2048              
2049              <li>
2050                <a href="http://srilanka.travel/marvels-of-sri-lanka">
2051                  Marvels of Sri Lanka                </a>
2052              </li>
2053
2054            
2055              
2056              <li>
2057                <a href="http://srilanka.travel/world-class-sri-lanka">
2058                  World Class Sri Lanka                </a>
2059              </li>
2060
2061            
2062              
2063              <li>
2064                <a href="http://srilanka.travel/sri-lankan-legends">
2065                  Sri Lankan Legends                </a>
2066              </li>
2067
2068            
2069              
2070              <li>
2071                <a href="http://srilanka.travel/things-to-do-in-colombo">
2072                   12 Things to Do in Colombo                </a>
2073              </li>
2074
2075            
2076              
2077              <li>
2078                <a href="http://srilanka.travel/suggested-itineraries">
2079                  Suggested Itineraries                </a>
2080              </li>
2081
2082            
2083              
2084              <li>
2085                <a href="http://srilanka.travel/sri-lankan-heritage">
2086                  Sri Lankan Heritage                </a>
2087              </li>
2088
2089            
2090              
2091              <li>
2092                <a href="http://srilanka.travel/provincial-tourism ">
2093                  Provincial  Tourism                 </a>
2094              </li>
2095
2096            
2097              
2098              <li>
2099                <a href="http://srilanka.travel/tourist-map">
2100                  Tourist Map of Sri Lanka                </a>
2101              </li>
2102
2103            
2104            <li>
2105              <a onclick="target='_blank'" href="/interactivemap/">
2106                Interactive Map
2107              </a>
2108            </li>
2109          </ul>
2110        </li>
2111        <li class="dropdown nav-item">
2112          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Things To See &amp; Do</a>
2113          <ul class="dropdown-menu">
2114            <li>
2115              <a href="/attractions">Tourist Attractions</a>
2116            </li>
2117            <li><a href="http://srilanka.travel/pristine-beach-holidays">Beach Holidays</a></li>
2118            <li><a href="http://srilanka.travel/wild-safaris">Wild Safaris</a></li>
2119            <li><a href="/adventure-sports">Adventure Sports</a></li>
2120            <li><a href="http://srilanka.travel/thrills-adventure-tours">Adventure Tours</a></li>
2121            <li><a href="/whale-watching">Whale Watching</a></li>
2122            <li><a href="http://srilanka.travel/heritage-discover-the-past">Discover The Past</a></li>
2123            <li>
2124              <a href="http://srilanka.travel/pilgrimage"> Pilgrimage</a>
2125            </li>
2126
2127            <li><a href="/bliss-nature-trails">Ayurveda</a></li>
2128            <li><a href="http://srilanka.travel/bliss-nature-trails">Nature Trails</a></li>
2129            <li><a href="http://srilanka.travel/scenic-beauty">Scenic Beauty</a></li>
2130
2131
2132
2133            <li>
2134              <a href="/colombo-city-tour">
2134Colombo City Tour</a>
2135            </li>
2136            <li>
2137              <a href="/eco-tourism">Eco Tourism</a>
2138            </li>
2139            <li><a href="http://srilanka.travel/night-life ">Night Life</a></li>
2140            <li>
2141              <a href="/restaurants">Dining</a>
2142            </li>
2143            <li>
2144              <a href="/eating-places">Tourist Friendly Eating Places</a>
2145            </li>
2146            <li>
2147              <a href="/spa-and-wellness-centers">Spa &amp; Wellness Centers</a>
2148            </li>
2149            <li>
2150              <a href="/spice-gardens">Spice Gardens</a>
2151            </li>
2152            <li><a href="/tourist-shops">Tourist Shops</a></li>
2153            <li><a href="http://srilanka.travel/shopping "> Shopping</a></li>
2154            <li>
2155              <a href="https://www.laksala.gov.lk/" target="_blank">
2156                Arts and Crafts</a>
2157            </li>
2158            <li>
2159              <a href="/volunteer_tourism">Volunteer Tourism</a>
2160            </li>
2161            <li>
2162              <a href="/research_tourism">Research Tourism</a>
2163            </li>
2164            <li><a href="http://srilanka.travel/things-to-see">Things to See</a></li>
2165            <li>
2166              <a href="/gemstone-srilanka">Buy Gemstone</a>
2167            </li>
2168          </ul>
2169        </li>
2170        <li class="dropdown nav-item">
2171          <a href="/index.php?route=event/upcoming&dev=asd" style="color:#fff">Upcoming Events</a>
2172        </li>
2173        <li class="dropdown nav-item">
2174          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Travel Essentials&nbsp;</a>
2175          <ul class="dropdown-menu">
2176            <li>
2177              <a href="https://www.immigration.gov.lk" target="_blank">Visa Requirements</a>
2178            </li>
2179
2180            <li>
2181              <a href="https://www.immigrationlanka.com/Home-0.html"
2182                onclick="window.open(this.href,'_blank');return false;">Visa Services</a>
2183            </li>
2184            <li>
2185              <a href="/online-services">Online Services</a>
2186            </li>
2187
2188            <li>
2189              <a href="/travel-tips">Travel Tips</a>
2190            </li>
2191            <li>
2192              <a href="/travel_habits">Travel Habits</a>
2193            </li>
2194            <li>
2195              <a href="/airports">Airports</a>
2196            </li>
2197            <li>
2198              <a href="/getting-around">Getting Around</a>
2199            </li>
2200            <li>
2201              <a href="https://distancecalculator.globefeed.com/sri_lanka_distance_calculator.asp"
2202                target="_blank">Distance Calculator</a>
2203            </li>
2204            <li>
2205              <a href="https://www.bbc.com/weather/0/1248991">Sri Lanka Weather</a>
2206            </li>
2207            <li>
2208              <a href="/emergency-services">Emergency Services</a>
2209            </li>
2210
2211            <li>
2212              <a href="/transport">Transport</a>
2213            </li>
2214            <li>
2215              <a href="/tourist-guides">Tour Guides</a>
2216            </li>
2217            <li>
2218              <a href="/authorized-tourist-drivers">Authorized Tourist Drivers</a>
2219            </li>
2220            <li>
2221              <a href="/authorized-tuk-tuk-drivers">Authorized Tuk Tuk Drivers</a>
2222            </li>
2223            <li>
2224              <a href="/online-ticketing">Buy E-Tickets for Attractions</a>
2225            </li>
2226            <li>
2227              <a href="/travel-magazines-and-directories">Travel Magazines and Directories</a>
2228            </li>
2229
2230            <li>
2231              <a href="https://www.xe.com/ucc/" onclick="target='_blank'">Currency Converter</a>
2232            </li>
2233            <li>
2234              <a href="/travel-apps">Travel Apps</a>
2235            </li>
2236            <li>
2237              <a href="/foreign-embassies">Foreign Embassies</a>
2238            </li>
2239
2240            <li>
2241              <a href="/travel-agents">Travel Agents</a>
2242            </li>
2243            <li>
2244              <a href="https://www.investsrilanka.com/" onclick="target='_blank'">Doing Business in Sri Lanka</a>
2245            </li>
2246          </ul>
2247        </li>
2248        <li class="dropdown nav-item">
2249          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Where To Stay</a>
2250          <ul class="dropdown-menu">
2251            <li>
2252              <a href="javascript:void(0)" onClick="location.href='/accommodation'">Hotels &amp; Other Accommodation</a>
2253            </li>
2254            <li>
2255              <a href="/newly-registered-hotels-and-other-accommodation">Newly Registered Hotels &amp;<br />
2256                Other Accommodation</a>
2257            </li>
2258
2259            <li>
2260              <a onclick="target='_blank'" href="https://nationalholidayresorts.lk/">National Holiday Resorts (Also
2261                Known<br />
2262                as "Tourist Board Guest Houses")</a>
2263            </li>
2264          </ul>
2265        </li>
2266
2267
2268        <li class="dropdown nav-item">
2269          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Services</a>
2270          <ul class="dropdown-menu">
2271            <li><a href="/online-services">Online Services</a></li>
2272
2273            <li><a href="/promotionalkit/">SLTPB Promotional KIT</a></li>
2274
2275          </ul>
2276        </li>
2277
2278        <li class="dropdown nav-item">
2279          <a href="#" class="dropdown-toggle" data-toggle="dropdown">About Us</a>
2280          <ul class="dropdown-menu">
2281            <li><a href="http://srilanka.travel/history">History</a></li>
2282            <li><a href="http://srilanka.travel/philosophy">Philosophy</a></li>
2283            <!-- <li><a href="http://srilanka.travel/Board">Management Team</a></li> -->
2284            <li><a href="/board-of-directors">Board of Directors</a></li>
2285            <!-- <li>
2286                <a href="/management-team" target='_blank'>Management Team</a>
2287              </li> -->
2288
2289            <li><a href="http://srilanka.travel/directors">Directors</a></li>
2290            <li><a href="/Key_Contacts">Key Contacts</a></li>
2291
2292            <!-- <li><a href="http://srilanka.travel/careers">Careers</a></li> -->
2293            <!-- <li>
2294                  <a href="/tourism-publications"
2295                    >Tourism Publications</a
2296                  >
2297                </li> -->
2298            <li>
2299              <a href="https://www.sltda.gov.lk/en/investor-relations-unit" onclick="target='_blank'">Investor</a>
2300            </li>
2301
2302            <li>
2303              <a href="/meet-us" target='_blank'>Meet Us</a>
2304            </li>
2305
2306            <!-- <li>
2307                  <a href="/tender-documents"
2308                    >Tender Documents</a
2309                  >
2310                </li> -->
2311          </ul>
2312        </li>
2313
2314
2315        <li class="dropdown nav-item">
2316          <a href="/what_world_has_to_say" style="color:#fff">What the world has to say</a>
2317        </li>
2318
2319        <li class="dropdown nav-item">
2320          <a target="_blank" href="/travel-news" style="color:#fff">Tourism News</a>
2321        </li>
2322
2323
2324      </ul>
2325    </div>
2326</div>
2327</nav>
2328</div>
2329
2330
2331
2332<script>
2333  function googleTranslateElementInit() {
2334    new google.translate.TranslateElement(
2335      {
2336        pageLanguage: 'en',
2337        includedLanguages: 'en,zh-CN,hi,ta,de,fr,ru,ar,ja,it,be,pt,es,ko,el',
2338        autoDisplay: false
2339      },
2340      'google_translate_element1'
2341    );
2342  }
2343
2344  // change language when clicking flag
2345  document.addEventListener("DOMContentLoaded", function () {
2346    let currentLang = 'en';
2347    const match = document.cookie.match(/googtrans=\/en\/([^;]+)/);
2348    if (match) {
2349      currentLang = match[1];
2350    }
2351
2352    const activeLink = document.querySelector(`.flag_link[data-lang="${currentLang}"]`);
2353    if (activeLink) {
2354      const imgElement = activeLink.querySelector('img');
2355      if (imgElement) {
2356        const imgSrc = imgElement.getAttribute('src');
2357        const langText = activeLink.textContent.trim();
2358
2359        const toggleBtn = document.querySelector('.lan-color span');
2360        if (toggleBtn) {
2361          toggleBtn.innerHTML = `<img src="${imgSrc}" style="height:18px; margin-right:5px; margin-top:-2px;" /> ${langText}`;
2362        }
2363      }
2364    }
2365
2366    document.querySelectorAll(".flag_link").forEach(function (link) {
2367      link.addEventListener("click", function (e) {
2368        e.preventDefault();
2369
2370        const lang = this.getAttribute("data-lang");
2371
2372        // set cookie for google translate
2373        document.cookie =
2374          "googtrans=/en/" + lang + ";path=/";
2375
2376        document.cookie =
2377          "googtrans=/en/" + lang + ";domain=" + location.hostname + ";path=/";
2378
2379        location.reload();
2380      });
2381    });
2382  });
2383</script>
2383
2384
2385<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
2386</script>
2386
2387
2388<script>
2389
2390
2391  function openTab(evt, cityName) {
2392    $("a nav-link dropdown-toggle").removeClass("active")
2393    var i, tabcontent, tablinks;
2394    tabcontent = document.getElementsByClassName("tabcontent");
2395    for (i = 0; i < tabcontent.length; i++) {
2396      tabcontent[i].style.display = "none";
2397    }
2398    tablinks = document.getElementsByClassName("tablinks");
2399    $("a nav-link dropdown-toggle").removeClass("active")
2400    for (i = 0; i < tablinks.length; i++) {
2401      tablinks[i].className = tablinks[i].className.replace("active", "");
2402    }
2403    document.getElementById(cityName).style.display = "block";
2404    evt.currentTarget.className += " active";
2405  }
2406
2407  $(document).ready(function () {
2408    $('.nav-item.dropdown').on('show.bs.dropdown', function () {
2409      $('body').css('overflow', 'hidden');
2410    });
2411    $('.nav-item.dropdown').on('hidden.bs.dropdown', function () {
2412      $('body').css('overflow', '');
2413    });
2414  });
2415</script>
2415  </div>
2416
2417 
2418</header>
2419
2420<script>
2421  $(function () {
2422    if (!$("#mobile-nav-click-fix").length) {
2423      $("head").append('<style id="mobile-nav-click-fix">@media (max-width:991px){.head-2,.nav-mobile,.drop-down,.middle-mob-navHeader,.navbar,.navbar-inner{position:relative;z-index:9999}.nav-mobile .navbar-collapse,.drop-down .nav-collapse{position:relative;z-index:10000}.nav-mobile .dropdown-menu,.drop-down .dropdown-menu{display:none;float:none;position:relative;top:auto!important;left:auto!important;z-index:10001;width:100%;margin:0}.nav-mobile .dropdown.open>.dropdown-menu,.drop-down .dropdown.open>.dropdown-menu{display:block}.nav-mobile .collapse.show,.drop-down .collapse.in{display:block!important}}</style>');
2424    }
2425
2426    function mobileMenuActive() {
2427      return window.matchMedia("(max-width: 991px)").matches;
2428    }
2429
2430    document.addEventListener("click", function (event) {
2431      if (!mobileMenuActive()) {
2432        return;
2433      }
2434
2435      var toggleButton = event.target.closest(".nav-mobile .navbar-toggler, .drop-down .btn-navbar");
2436      if (toggleButton) {
2437        event.preventDefault();
2438        event.stopPropagation();
2439
2440        var targetSelector = toggleButton.getAttribute("data-bs-target") || toggleButton.getAttribute("data-target");
2441        var target = targetSelector ? document.querySelector(targetSelector) : null;
2442
2443        if (!target && toggleButton.closest(".drop-down")) {
2444          target = toggleButton.closest(".drop-down").querySelector(".nav-collapse");
2445        }
2446
2447        if (target) {
2448          $(target).stop(true, true).slideToggle(200).toggleClass("in show");
2449          toggleButton.setAttribute("aria-expanded", $(target).is(":visible") ? "true" : "false");
2450        }
2451        return;
2452      }
2453
2454      var dropdownToggle = event.target.closest(".nav-mobile .dropdown > a.dropdown-toggle, .drop-down .dropdown > a.dropdown-toggle");
2455      if (dropdownToggle) {
2456        event.preventDefault();
2457        event.stopPropagation();
2458
2459        var parent = dropdownToggle.parentElement;
2460        var menu = parent ? $(parent).children(".dropdown-menu").get(0) : null;
2461
2462        if (menu) {
2463          $(".nav-mobile .dropdown, .drop-down .dropdown").not(parent).removeClass("open");
2464          $(".nav-mobile .dropdown-menu, .drop-down .dropdown-menu").not(menu).stop(true, true).slideUp(160);
2465
2466          parent.classList.toggle("open");
2467          $(menu).stop(true, true).slideToggle(180);
2468        }
2469      }
2470    }, true);
2471
2472    $(".nav-mobile .navbar-toggler, .drop-down .btn-navbar").off("click.mobileNavFix")
2473      .on("click.mobileNavFix", function (event) {
2474        if (!mobileMenuActive()) {
2475          return;
2476        }
2477
2478        event.preventDefault();
2479        event.stopPropagation();
2480
2481        var targetSelector = $(this).attr("data-bs-target") || $(this).attr("data-target");
2482        var $target = targetSelector ? $(targetSelector) : $();
2483
2484        if (!$target.length && $(this).closest(".drop-down").length) {
2485          $target = $(this).closest(".drop-down").find(".nav-collapse").first();
2486        }
2487
2488        $target.stop(true, true).slideToggle(200).toggleClass("in show");
2489        $(this).attr("aria-expanded", $target.is(":visible") ? "true" : "false");
2490      });
2491
2492    $(".nav-mobile .dropdown > a.dropdown-toggle, .drop-down .dropdown > a.dropdown-toggle").off("click.mobileDropdownFix")
2493      .on("click.mobileDropdownFix", function (event) {
2494        if (!mobileMenuActive()) {
2495          return;
2496        }
2497
2498        event.preventDefault();
2499        event.stopPropagation();
2500
2501        var $parent = $(this).parent();
2502        var $menu = $parent.children(".dropdown-menu").first();
2503
2504        $(".nav-mobile .dropdown, .drop-down .dropdown").not($parent).removeClass("open");
2505        $(".nav-mobile .dropdown-menu, .drop-down .dropdown-menu").not($menu).stop(true, true).slideUp(160);
2506
2507        $parent.toggleClass("open");
2508        $menu.stop(true, true).slideToggle(180);
2509      });
2510
2511    $(".nav-mobile .dropdown-menu, .drop-down .dropdown-menu").off("click.mobileDropdownMenuFix")
2512      .on("click.mobileDropdownMenuFix", function (event) {
2513        event.stopPropagation();
2514      });
2515  });
2516</script>
2516
2517
2518<!-- Language selection JS -->
2519<script>
2520  document.querySelectorAll(".flag_link").forEach(function(e){
2521    e.addEventListener("click", function(){
2522      var lang = e.getAttribute("data-lang");
2523      var languageSelect = document.querySelector("select.goog-te-combo");
2524      if(languageSelect){
2525        languageSelect.value = lang;
2526        languageSelect.dispatchEvent(new Event("change"));
2527      }
2528    });
2529  });
2530</script>
2530
2531
2532</html><!-- google fonts starts -->
2533
2534<style>
2535  @font-face {
2536    font-family: "GothamRoundedBold";
2537    src: url("catalog/view/theme/default/template/common/fonts/GothamRoundedBold.ttf");
2538  }
2539  @font-face {
2540    font-family: "GothamRoundedBook";
2541    src: url("catalog/view/theme/default/template/common/fonts/GothamRoundedBook.ttf");
2542  }
2543  @font-face {
2544    font-family: "GothamRoundedMedium";
2545    src: url("catalog/view/theme/default/template/common/fonts/GothamRoundedMedium.ttf");
2546  }
2547  @font-face {
2548    font-family: "BentonSansBook";
2549    src: url("catalog/view/theme/default/template/common/fonts/BentonSansBook.otf");
2550  }
2551  @font-face {
2552    font-family: "Helvetica-bold";
2553    src: url("catalog/view/theme/default/template/common/fonts/Helvetica-LT-Bold.ttf");
2554  }
2555  @import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");
2556</style>
2557
2558<!-- google fonnts ends -->
2559
2560<!-- CSS -->
2561<link rel="stylesheet" href="catalog/view/theme/default/bootstrap4.4/css/bootstrap.min.css">
2562<link rel="stylesheet" href="catalog/view/theme/default/font-awesome/css/font-awesome.min.css">
2563<link rel="stylesheet" href="catalog/view/theme/default/slick/slick.css">
2564<link rel="stylesheet" href="catalog/view/theme/default/slick/slick-theme.css">
2565<link rel="stylesheet" href="catalog/view/theme/default/aos/dist/aos.css">
2566<link rel="stylesheet" href="catalog/view/theme/default/stylesheet/style.css">
2567<link rel="stylesheet" href="catalog/view/theme/default/stylesheet/home.css">
2568
2569<!-- js starts -->
2570
2571<script class="include" type="text/javascript" src="catalog/view/theme/default/js/jquery-1.10.1.min.js"></script>
vendor: 1 bytes, line 2571
2571
2572<script class="include" type="text/javascript" src="catalog/view/theme/default/js/jquery.lazy.js"></script>
vendor: 1 bytes, line 2572
2572
2573<script class="include" type="text/javascript" src="catalog/view/theme/default/bootstrap4.4/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 2573
2573
2574<script type="text/javascript" src="catalog/view/theme/default/aos/dist/aos.js"></script>
vendor: 1 bytes, line 2574
2574
2575<script class="include" type="text/javascript" src="catalog/view/theme/default/slick/slick.js"></script>
2575
2576
2577<script>
2578  AOS.init({
2579    once: true,
2580  });
2581</script>
2581
2582
2583<style>
2584  .main_image {
2585    height: calc(100vh - 114px) !important;
2586    max-height: 820px !important;
2587    min-height: 640px !important;
2588    overflow: hidden !important;
2589  }
2590  .main_image::before {
2591    background: linear-gradient(
2592      90deg,
2593    rgba(0, 0, 0, 0.25) 0%,
2594      rgba(0, 0, 0, 0.1) 42%,
2595      rgba(0, 0, 0, 0.05) 100%
2596    ),
2597    linear-gradient(
2598      180deg,
2599      rgba(0, 0, 0, 0.04) 0%,
2600      rgba(0, 0, 0, 0.02) 54%,
2601      rgba(0, 0, 0, 0.2) 100%
2602    ) !important;
2603    z-index: 1 !important;
2604  }
2605  .main_image-video {
2606       filter: saturate(1.04) contrast(1.04) !important;
2607    transform: scale(1.01) !important;
2608  }
2609  .main_image-header {
2610    left: 50% !important;
2611    max-width: 1180px !important;
2612    padding: 0 48px !important;
2613    top: 52% !important;
2614    transform: translate(-50%, -50%) !important;
2615    z-index: 3 !important;
2616  }
2617  .main_image-header h2 {
2618    font-family: "GothamRoundedBold", Arial, sans-serif !important;
2619    font-size: 72px !important;
2620    letter-spacing: 0 !important;
2621    line-height: 1.15 !important;
2622    margin: 0 auto !important;
2623    max-width: 1020px !important;
2624    text-shadow: 0 18px 42px rgba(0, 0, 0, 0.38) !important;
2625  }
2626  .main_image .search_box {
2627    margin-top: 28px !important;
2628    max-width: 650px !important;
2629    margin-left: auto !important;
2630    margin-right: auto !important;
2631  }
2632  .main_image .search_box .col-8,
2633  .main_image .search_box .col-5 {
2634    margin-top: 0 !important;
2635  }
2636  .main_image .text-input {
2637    background: rgba(255, 255, 255, 0.78) !important;
2638    border: 1px solid rgba(255, 255, 255, 0.72) !important;
2639    border-radius: 0 !important;
2640    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.18) !important;
2641    color: #172527 !important;
2642    height: 50px !important;
2643    padding: 0 18px !important;
2644  }
2645  .main_image .search_box-btn {
2646    background: #12b7b2 !important;
2647    border: 1px solid #12b7b2 !important;
2648    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.18) !important;
2649    color: #fff !important;
2650    font-family: "GothamRoundedMedium", Arial, sans-serif !important;
2651    font-size: 18px !important;
2652    height: 50px !important;
2653    min-width: 140px !important;
2654    transition: background 0.22s ease, border-color 0.22s ease, transform 0.22s ease !important;
2655  }
2656  .main_image .search_box-btn:hover,
2657  .main_image .search_box-btn:focus {
2658    background: #0c9f9a !important;
2659    border-color: #0c9f9a !important;
2660    outline: none !important;
2661    transform: translateY(-1px) !important;
2662  }
2663  @media screen and (max-width: 1200px) {
2664    .main_image-header h2 {
2665      font-size: 60px !important;
2666    }
2667  }
2668  @media screen and (max-width: 768px) {
2669    .main_image {
2670      height: calc(100vh - 92px) !important;
2671      max-height: none !important;
2672      min-height: 620px !important;
2673    }
2674    .main_image-header {
2675      padding: 0 22px !important;
2676      top: 48% !important;
2677    }
2678    .main_image-header h2 {
2679      font-size: 40px !important;
2680      line-height: 1.22 !important;
2681      max-width: 520px !important;
2682    }
2683    .main_image .search_box {
2684      align-items: center !important;
2685      display: flex !important;
2686      flex-direction: column !important;
2687      margin-top: 24px !important;
2688      max-width: 520px !important;
2689      padding: 0 18px !important;
2690    }
2691    .main_image .search_box .col-8,
2692    .main_image .search_box .col-5 {
2693      flex: 0 0 auto !important;
2694      max-width: none !important;
2695      padding: 0 !important;
2696      width: 100% !important;
2697    }
2698    .main_image .search_box .col-8 {
2699      max-width: 620px !important;
2700    }
2701    .main_image .search_box .col-5 {
2702      margin-top: 22px !important;
2703      max-width: 390px !important;
2704    }
2705    .main_image .text-input,
2706    .main_image .search_box-btn {
2707      height: 48px !important;
2708    }
2709    .main_image .search_box-btn {
2710      font-size: 16px !important;
2711      min-width: 112px !important;
2712      width: 100% !important;
2713    }
2714  }
2715  @media screen and (max-width: 460px) {
2716    .main_image-header h2 {
2717      font-size: 34px !important;
2718    }
2719    .main_image .search_box {
2720      align-items: stretch !important;
2721      display: flex !important;
2722      flex-direction: column !important;
2723      flex-wrap: wrap !important;
2724      max-width: 390px !important;
2725      padding: 0 14px !important;
2726    }
2727    .main_image .search_box .col-8,
2728    .main_image .search_box .col-5 {
2729      margin: 0 !important;
2730      padding: 0 !important;
2731    }
2732    .main_image .search_box .col-8 {
2733      flex: 0 0 auto !important;
2734      max-width: 100% !important;
2735      width: 100% !important;
2736    }
2737    .main_image .search_box .col-5 {
2738      align-self: center !important;
2739      flex: 0 0 auto !important;
2740      margin-top: 20px !important;
2741      max-width: 260px !important;
2742      width: 72% !important;
2743    }
2744    .main_image .text-input {
2745      border-radius: 2px !important;
2746      height: 46px !important;
2747      padding: 0 14px !important;
2748    }
2749    .main_image .search_box-btn {
2750      border-radius: 2px !important;
2751      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18) !important;
2752      font-size: 15px !important;
2753      height: 46px !important;
2754      min-width: 112px !important;
2755    }
2756  }
2757</style>
2758
2759
2760<script type="text/javascript">
2761  $(document).on("ready", function () {
2762    $(".upComing-slider").slick({
2763      dots: true,
2764      fade: true,
2765      speed: 1000,
2766      arrows: false,
2767      infinite: true,
2768      autoplay: true,
2769      slidesToShow: 1,
2770      slidesToScroll: 1,
2771    });
2772  });
2773</script>
vendor: 1 bytes, line 2773
2773
2774<script type="text/javascript">
2775  $(document).on("ready", function () {
2776    $(".upComing-mobile-slider").slick({
2777      dots: false,
2778      fade: true,
2779      speed: 1000,
2780      arrows: true,
2781      infinite: true,
2782      autoplay: true,
2783      slidesToShow: 1,
2784      slidesToScroll: 1,
2785    });
2786  });
2787</script>
vendor: 1 bytes, line 2787
2787
2788<script type="text/javascript">
2789  $(document).on("ready", function () {
2790    $(".lonely_planet-slider").slick({
2791      dots: true,
2792      fade: true,
2793      speed: 1000,
2794      arrows: false,
2795      infinite: true,
2796      autoplay: true,
2797      slidesToShow: 1,
2798      slidesToScroll: 1,
2799    });
2800  });
2801</script>
2801
2802
2803
2804<script type="text/javascript">
2805  $("#button-search").keydown(function (e) {
2806    if (e.keyCode == 13) {
2807      moduleSearch();
2808    }
2809  });
2810
2811  function moduleSearch() {
2812    url = "index.php?route=common/search";
2813
2814    var key = $("#button-search").val();
2815    if (key) {
2816      url += "&keyword=" + encodeURIComponent(key);
2817    }
2818    location = url;
2819  }
2820</script>
2820
2821
2822
2823<!-- js ends -->
2824
2825
2826<body>
2827
2828<!-- <div class="modal fade" id="randoli-perahara" tabindex="-1" role="dialog">
2829    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
2830        <div class="modal-content border-0 bg-transparent">
2831
2832          
2833            <div class="modal-header border-0 justify-content-end">
2834                <button type="button" 
2835                        class="close bg-white rounded-circle d-flex align-items-center justify-content-center"
2836                        data-dismiss="modal"
2837                        style="width:35px;height:35px;opacity:1;">
2838                    <span aria-hidden="true">&times;</span>
2839                </button>
2840            </div>
2841
2842            
2843            <div class="modal-body p-0 text-center">
2844                <img src="/important_notice/SLTDA Banner2.jpg" 
2845                     class="img-fluid w-100" 
2846                     alt="Notice">
2847            </div>
2848
2849        </div>
2850    </div>
2851</div> -->
2852
2853<!-- Custom Warning Popup to avoid conflicts between Bootstrap 2 and 4 -->
2854<div id="custom-warning-popup" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 99999; align-items: center; justify-content: center;">
2855    <div style="position: relative; width: 90%; max-width: 500px; margin: auto;">
2856        
2857        <!-- Close Button -->
2858        <button type="button" 
2859                id="close-custom-popup"
2860                style="position: absolute; top: -15px; right: -15px; width: 35px; height: 35px; border-radius: 50%; border: none; outline: none; background-color: #fff; color: #000; font-size: 24px; font-weight: bold; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,0.3); z-index: 100000;">
2861            &times;
2862        </button>
2863
2864        <!-- Popup Body with Image -->
2865        <div style="background: transparent; border-radius: 4px; overflow: hidden; text-align: center;">
2866            <!-- <img src="images/1912_travel_image.png" 
2867                 style="width: 100%; height: auto; display: block; border-radius: 4px;" 
2868                 alt="Notice"> -->
2869                  <img src="image/travel-new-images/Kandy-Esala-Perahera-2026.png" 
2870                 style="width: 100%; height: auto; display: block; border-radius: 4px;" 
2871                 alt="Notice">
2872        </div>
2873
2874    </div>
2875</div>
2876
2877<script src="https://widgets.leadconnectorhq.com/loader.js" data-resources-url="https://widgets.leadconnectorhq.com/chat-widget/loader.js" data-widget-id="6a8ebe52d67a96750c7a1aae"></script>
2877
2878
2879
2880<script type="text/javascript">
2881 /*  $(document).ready(function() {
2882        // Show the popup using flex display to center the modal content
2883        $('#custom-warning-popup').css('display', 'flex');
2884       
2885        // Close the popup when clicking the close button
2886        $('#close-custom-popup').click(function() {
2887            $('#custom-warning-popup').css('display', 'none');
2888        });
2889
2890        // Close the popup when clicking outside the popup content card
2891        $('#custom-warning-popup').click(function(e) {
2892            if (e.target === this) {
2893                $('#custom-warning-popup').css('display', 'none');
2894            }
2895        });
2896    }); */
2897</script>
2897
2898
2899  <section class="container-fluid main_image">
2900    <video class="main_image-video" autoplay muted loop playsinline preload="auto">
2901      <source src="images/what-to-do/Video Project 10.mp4" type="video/mp4">
2902    </video>
2903    <div class="main_image-header w-100">
2904      <h2 class="w-100">
2905        An island escape <br />
2906        awaits you
2907      </h2>
2908      <div class="row no-gutters justify-content-center">
2909        <div class="col-md-7">
2910          <div class="row no-gutters justify-content-center search_box">
2911            <div class="col-8 col-md-5 mt-4">
2912              <input
2913                type="text"
2914                class="text-input"
2915                name="keyword"
2916                id="button-search"
2917              />
2918            </div>
2919            <div class="col-5 justify-content-center col-md-2 mt-4">
2920              <a
2921                class="
2922                  w-100
2923                  h-100
2924                  search_box-btn
2925                  d-flex
2926                  align-items-center
2927                  justify-content-center
2928                "
2929                onClick="moduleSearch()"
2930              >
2931                Search
2932              </a>
2933            </div>
2934          </div>
2935        </div>
2936      </div>
2937
2938  
2939    </div>
2940  </section>
2941
2942  <section class="container-fluid welcome_tab">
2943    <div class="row justify-content-center no-gutters">
2944      <div class="col-12 col-md-9">
2945        <div class="row">
2946          <div class="col-12 position-relative">
2947            <div class="ayubowan-svg">
2948              <img
2949                src="catalog/view/theme/default/template/common/icons/Ayubowan.svg"
2950              />
2951            </div>
2952
2953            <h1 class="welcome_heading">Welcome to Sri Lanka</h1>
2954            <p class="welcome_sub-heading">
2955              See what's waiting for you on your next island getaway.<br />
2956              Savour the unique experiences this island treasure has to offer.
2957            </p>
2958          </div>
2959        </div>
2960        <div class="row mt-4">
2961     
2962          
2963       
2964
2965    
2966         
2967          <div
2968            data-aos="fade-down"
2969            data-aos-duration="1500"
2970            class="col-md-4 col-4 dream_holiday mb-4"
2971          >
2972            <a href="https://eta.gov.lk/slvisa/" target="_blank" rel="noopener noreferrer">
2973              <div class="dream_holiday-img">
2974                <img
2975                  src="https://www.srilanka.travel/important_notice/sri-lankan-visa.png"
2976                  class="w-100"
2977                />
2978              </div>
2979              <p class="mt-2 text-center">
2980                Update on Sri Lankan Tourist Visa Process
2981              </p>
2982            </a>
2983          </div>
2984         
2985     
2986          
2987  
2988          
2989    
2990          
2991          <div
2992            data-aos="fade-down"
2993            data-aos-duration="1500"
2994            class="col-md-4 col-4 dream_holiday mb-4"
2995          >
2996            <a
2997              href="https://www.travelandleisure.com/best-places-to-go-2026-11840319"
2998              target="_blank" rel="noopener noreferrer"
2999            >
3000              <div class="dream_holiday-img">
3001                <img
3002                  src="http://www.srilanka.travel/important_notice/Best place to travel in 2026.jpg"
3003                  class="w-100"
3004                />
3005              </div>
3006              <p class="mt-2 text-center">
3007                Sri Lanka Named One of the 50 Best Places to Travel in 2026!
3008              </p>
3009            </a>
3010          </div>
3011
3012<div
3013            data-aos="fade-down"
3014            data-aos-duration="1500"
3015            class="col-md-4 col-4 dream_holiday mb-4"
3016          >
3017            <a href="http://www.srilanka.travel/important_notice/Golden Paradise Visa- Brochure-New-2.pdf" target="_blank" rel="noopener noreferrer">
3018              <div class="dream_holiday-img">
3019                <img
3020                  src="https://www.srilanka.travel/image/banner_Golden_Paradise_Visa.jpg"
3021                  class="w-100"
3022                />
3023              </div>
3024              <p class="mt-2 text-center">Golden Paradise Visa - Department of Immigration and Emigration, Sri Lanka</p>
3025            </a>
3026          </div>
3027
3028
3029     
3030
3031      
3032
3033        </div>
3034      </div>
3035    </div>
3036  </section>
3037  <!-- discover desktop -->
3038  <section class="container-fluid discover discover_desktop">
3039    <div class="row no-gutters">
3040      <div class="col-12">
3041        <div class="row">
3042          <div class="col-md-6 col-12">
3043            <div class="row">
3044              <div
3045                data-aos="zoom-in"
3046                data-aos-duration="1500"
3047                class="col-12 p-md-0 mt-3 position-relative item_box"
3048              >
3049                <a
3050                  href="https://www.srilanka.travel/wild-safaris"
3051                  target="_blank" rel="noopener noreferrer"
3052                >
3053                  <div class="discover_hover-box w-100" style="left: 0"></div>
3054                  <div class="item_box-effect h-100">
3055                    <img
3056                      src="https://www.srilanka.travel/image/travel-new-images/elephant-new.png"
3057                      class="w-100 h-100"
3058                    />
3059                    <div class="discover_box"></div>
3060                    <div
3061                      class="discover_text w-100"
3062                      style="padding-left: 15px; left: 0"
3063                    >
3064                      <img
3065                        src="catalog/view/theme/default/template/common/icons/leaf.svg"
3066                        class="icon-width"
3067                      />
3068                      <p>WILD</p>
3069                    </div>
3070                  </div>
3071                </a>
3072              </div>
3073              <div
3074                data-aos="zoom-in"
3075                data-aos-duration="1500"
3076                class="col-md-6 col-12 mt-3 pl-md-0 item_box"
3077              >
3078                <a
3079                  href="https://www.srilanka.travel/pristine-beach-holidays"
3080                  target="_blank" rel="noopener noreferrer"
3081                >
3082                  <div class="discover_hover-box" style="left: 0"></div>
3083                  <div class="item_box-effect h-100">
3084                    <img
3085                      src="https://www.srilanka.travel/image/travel-new-images/prestine.png"
3086                      class="w-100 h-100"
3087                    />
3088                    <div class="discover_box"></div>
3089                    <div
3090                      class="discover_text"
3091                      style="left: 0; padding-left: 15px"
3092                    >
3093                      <img
3094                        src="catalog/view/theme/default/template/common/icons/beach.svg"
3095                        class="icon-width"
3096                      />
3097                      <p>PRISTINE</p>
3098                    </div>
3099                  </div>
3100                </a>
3101              </div>
3102              <div
3103                data-aos="zoom-in"
3104                data-aos-duration="1500"
3105                class="col-md-6 col-12 mt-3 p-md-0 item_box"
3106              >
3107                <a
3108                  href="https://www.srilanka.travel/bliss-nature-trails"
3109                  target="_blank" rel="noopener noreferrer"
3110                >
3111                  <div class="discover_hover-box w-100" style="left: 0"></div>
3112                  <div class="item_box-effect h-100">
3113                    <img
3114                      src="https://www.srilanka.travel/image/travel-new-images/ayurweda.png"
3115                      class="w-100 h-100"
3116                    />
3117                    <div class="discover_box"></div>
3118                    <div
3119                      class="discover_text w-100"
3120                      style="left: 0; padding-left: 15px"
3121                    >
3122                      <img
3123                        src="catalog/view/theme/default/template/common/icons/wellness.svg"
3124                        class="icon-width"
3125                      />
3126                      <p>BLISS</p>
3127                    </div>
3128                  </div>
3129                </a>
3130              </div>
3131              <div
3132                data-aos="zoom-in"
3133                data-aos-duration="1500"
3134                class="col-12 mt-3 p-md-0 item_box"
3135              >
3136                <a
3137                  href="https://www.srilanka.travel/scenic-beauty"
3138                  target="_blank" rel="noopener noreferrer"
3139                >
3140                  <div class="discover_hover-box w-100" style="left: 0"></div>
3141                  <div class="item_box-effect h-100">
3142                    <img
3143                      src="https://www.srilanka.travel/image/travel-new-images/scenic.png"
3144                      class="w-100 h-100"
3145                    />
3146                    <div class="discover_box"></div>
3147                    <div
3148                      class="discover_text w-100"
3149                      style="left: 0; padding-left: 15px"
3150                    >
3151                      <img
3152                        src="catalog/view/theme/default/template/common/icons/luxury.png"
3153                        class="icon-width"
3154                      />
3155                      <p>SCENIC</p>
3156                    </div>
3157                  </div>
3158                </a>
3159              </div>
3160            </div>
3161          </div>
3162          <div
3163            class="d-flex flex-column col-md-6 col-12 justify-content-between"
3164          >
3165            <div class="row">
3166              <div
3167                data-aos="zoom-in"
3168                data-aos-duration="1500"
3169                class="col-md-6 col-12 mt-3 pr-md-0 item_box"
3170              >
3171                <a
3172                  href="https://www.srilanka.travel/thrills-adventure-tours"
3173                  target="_blank" rel="noopener noreferrer"
3174                >
3175                  <div class="discover_hover-box"></div>
3176                  <div class="item_box-effect h-100">
3177                    <img
3178                      src="https://www.srilanka.travel/image/travel-new-images/adventure.png"
3179                      class="w-100 h-100"
3180                    />
3181                    <div class="discover_box"></div>
3182                    <div class="discover_text" style="padding-left: 15px">
3183                      <img
3184                        src="catalog/view/theme/default/template/common/icons/adventure.svg"
3185                        class="icon-width"
3186                      />
3187                      <p>THRILLS</p>
3188                    </div>
3189                  </div>
3190                </a>
3191              </div>
3192              <div
3193                data-aos="zoom-in"
3194                data-aos-duration="1500"
3195                class="col-md-6 col-12 mt-3 pr-md-0 item_box"
3196              >
3197                <a href="https://www.srilanka.travel/festive" target="_blank" rel="noopener noreferrer">
3198                  <div class="discover_hover-box"></div>
3199                  <div class="item_box-effect h-100">
3200                    <img
3201                      src="https://www.srilanka.travel/image/travel-new-images/perahara.png"
3202                      class="w-100 h-100"
3203                    />
3204                    <div class="discover_box"></div>
3205                    <div class="discover_text" style="padding-left: 15px">
3206                      <img
3207                        src="catalog/view/theme/default/template/common/icons/culture.svg"
3208                        class="icon-width"
3209                      />
3210                      <p>FESTIVE</p>
3211                    </div>
3212                  </div>
3213                </a>
3214              </div>
3215            </div>
3216            <div class="row" style="padding-top: 15px; padding-bottom: 15px">
3217              <div
3218                data-aos="zoom-in"
3219                data-aos-duration="1500"
3220                class="col-12 pr-md-0 item_box"
3221              >
3222                <a
3223                  href="https://www.srilanka.travel/heritage-discover-the-past"
3224                  target="_blank" rel="noopener noreferrer"
3225                >
3226                  <div class="discover_hover-box"></div>
3227                  <div class="item_box-effect h-100">
3228                    <img
3229                      src="https://www.srilanka.travel/image/travel-new-images/heritage-statue.png"
3230                      class="w-100 h-100"
3231                    />
3232                    <div class="discover_box"></div>
3233                    <div class="discover_text" style="padding-left: 15px">
3234                      <img
3235                        src="catalog/view/theme/default/template/common/icons/culture.svg"
3236                        class="icon-width"
3237                      />
3238                      <p>HERITAGE</p>
3239                    </div>
3240                  </div>
3241                </a>
3242              </div>
3243            </div>
3244
3245            <!-- <div class="row">
3246            <div class="col-12 pr-md-0 mt-3" style="min-height: 140px">
3247              <h6 class="discover_more-heading mb-3 pr-3 pl-4">
3248                Discover Sri Lanka
3249              </h6>
3250              <p class="discover-text-para pr-3 pl-4">
3251                From a thrilling safari adventure in the depths of Yala, to a
3252                soothing yoga session among tea bushes in the cool 
3252countryside,
3253                Sri Lanka has a special experience for every traveller. So dive
3254                in, your adventure awaits!
3255              </p>
3256              <div class="d-flex justify-content-start align-items-center pl-4">
3257                <button type="button" class="custom-btn">EXPLORE MORE</button>
3258              </div>
3259            </div>
3260          </div> -->
3261            <div class="row">
3262              <div
3263                data-aos="zoom-in"
3264                data-aos-duration="1500"
3265                class="col-12 pr-md-0 item_box"
3266              >
3267                <a
3268                  href="https://www.srilanka.travel/culinary-tourism"
3269                  target="_blank" rel="noopener noreferrer"
3270                >
3271                  <div class="discover_hover-box"></div>
3272                  <div class="item_box-effect h-100">
3273                    <img
3274                      src="https://www.srilanka.travel/image/travel-new-images/spices.png"
3275                      class="w-100 h-100"
3276                    />
3277                    <div class="discover_box"></div>
3278                    <div class="discover_text" style="padding-left: 15px">
3279                      <img
3280                        src="catalog/view/theme/default/template/common/icons/food.svg"
3281                        class="icon-width"
3282                      />
3283                      <p>ESSENCE</p>
3284                    </div>
3285                  </div>
3286                </a>
3287              </div>
3288            </div>
3289          </div>
3290        </div>
3291      </div>
3292    </div>
3293  </section>
3294  <!-- discover mobile -->
3295  <section class="container-fluid discover discover_mobile">
3296    <div class="row">
3297      <div class="col-12 mb-4">
3298        <h6 class="discover_more-heading mb-3">Discover Sri Lanka</h6>
3299        <p class="discover-text-para">
3300          From a thrilling safari adventure in the depths of Yala, to a soothing
3301          yoga session among tea brushes in the cool countryside,Sri Lanka has a
3302          special experience for every traveller.So dive in,your adventure
3303          awaits!
3304        </p>
3305        <!-- <div class="d-flex justify-content-start align-items-center">
3306          <button type="button" class="custom-btn">EXPLORE MORE</button>
3307        </div> -->
3308      </div>
3309      <div
3310        data-aos="zoom-in"
3311        data-aos-duration="1500"
3312        class="col-6 mt-3"
3313        style="padding-right: 7.5px"
3314      >
3315        <a href="https://www.srilanka.travel/wild-safaris" target="_blank" rel="noopener noreferrer">
3316          <img
3317            src="https://www.srilanka.travel/image/travel-new-images/elephant-new.png"
3318            class="w-100 h-100"
3319          />
3320          <div class="discover_hover-box-mobile"></div>
3321          <div
3322            class="
3323              pr-0
3324              flex-column
3325              discover_text
3326              align-items-start
3327              justify-content-center
3328            "
3329            style="padding-left: 15px; bottom: 0"
3330          >
3331            <img
3332              src="catalog/view/theme/default/template/common/icons/leaf.svg"
3333              class="icon-width"
3334            />
3335            <p class="pl-0" style="min-height: 75px">WILD</p>
3336          </div>
3337        </a>
3338      </div>
3339      <div
3340        data-aos="zoom-in"
3341        data-aos-duration="1500"
3342        class="col-6 mt-3"
3343        style="padding-left: 7.5px"
3344      >
3345        <a
3346          href="https://www.srilanka.travel/pristine-beach-holidays"
3347          target="_blank" rel="noopener noreferrer"
3348        >
3349          <img
3350            src="https://www.srilanka.travel/image/travel-new-images/prestine-mob.png"
3351            class="w-100 h-100"
3352          />
3353          <div class="discover_hover-box-mobile"></div>
3354          <div
3355            class="
3356              pr-0
3357              flex-column
3358              discover_text
3359              align-items-start
3360              justify-content-center
3361            "
3362            style="padding-left: 15px; bottom: 0"
3363          >
3364            <img
3365              src="catalog/view/theme/default/template/common/icons/beach.svg"
3366              class="icon-width"
3367            />
3368            <p class="pl-0" style="min-height: 75px">PRISTINE</p>
3369          </div>
3370        </a>
3371      </div>
3372      <div
3373        data-aos="zoom-in"
3374        data-aos-duration="1500"
3375        class="col-6 mt-3"
3376        style="padding-right: 7.5px"
3377      >
3378        <a
3379          href="https://www.srilanka.travel/bliss-nature-trails "
3380          target="_blank" rel="noopener noreferrer"
3381        >
3382          <img
3383            src="https://www.srilanka.travel/image/travel-new-images/ayurweda-mob.png"
3384            class="w-100 h-100"
3385          />
3386
3387          <div class="discover_hover-box-mobile"></div>
3388          <div
3389            class="
3390              pr-0
3391              flex-column
3392              discover_text
3393              align-items-start
3394              justify-content-center
3395            "
3396            style="padding-left: 15px; bottom: 0"
3397          >
3398            <img
3399              src="catalog/view/theme/default/template/common/icons/wellness.svg"
3400              class="icon-width"
3401            />
3402            <p class="pl-0" style="min-height: 75px">BLISS</p>
3403          </div>
3404        </a>
3405      </div>
3406      <div
3407        data-aos="zoom-in"
3408        data-aos-duration="1500"
3409        class="col-6 mt-3"
3410        style="padding-left: 7.5px"
3411      >
3412        <a href="https://www.srilanka.travel/scenic-beauty " target="_blank" rel="noopener noreferrer">
3413          <img
3414            src="https://www.srilanka.travel/image/travel-new-images/scenic-mob.png"
3415            class="w-100 h-100"
3416          />
3417          <div class="discover_hover-box-mobile"></div>
3418          <div
3419            class="
3420              pr-0
3421              flex-column
3422              discover_text
3423              align-items-start
3424              justify-content-center
3425            "
3426            style="padding-left: 15px; bottom: 0"
3427          >
3428            <img
3429              src="catalog/view/theme/default/template/common/icons/luxury.png"
3430              class="icon-width"
3431            />
3432            <p class="pl-0" style="min-height: 75px">SCENIC</p>
3433          </div>
3434        </a>
3435      </div>
3436      <div
3437        data-aos="zoom-in"
3438        data-aos-duration="1500"
3439        class="col-6 mt-3"
3440        style="padding-right: 7.5px"
3441      >
3442        <a
3443          href="https://www.srilanka.travel/thrills-adventure-tours"
3444          target="_blank" rel="noopener noreferrer"
3445        >
3446          <img
3447            src="https://www.srilanka.travel/image/travel-new-images/adventures-mob.png"
3448            class="w-100 h-100"
3449          />
3450          <div class="discover_hover-box-mobile"></div>
3451          <div
3452            class="
3453              pr-0
3454              flex-column
3455              discover_text
3456              align-items-start
3457              justify-content-center
3458            "
3459            style="padding-left: 15px; bottom: 0"
3460          >
3461            <img
3462              src="catalog/view/theme/default/template/common/icons/adventure.svg"
3463              class="icon-width"
3464            />
3465            <p class="pl-0" style="min-height: 75px">THRILLS</p>
3466          </div>
3467        </a>
3468      </div>
3469      <div
3470        data-aos="zoom-in"
3471        data-aos-duration="1500"
3472        class="col-6 mt-3"
3473        style="padding-left: 7.5px"
3474      >
3475        <a href="https://www.srilanka.travel/festive" target="_blank" rel="noopener noreferrer">
3476          <img
3477            src="https://www.srilanka.travel/image/travel-new-images/perahara-mob.png"
3478            class="w-100 h-100"
3479          />
3480          <div class="discover_hover-box-mobile"></div>
3481          <div
3482            class="
3483              pr-0
3484              flex-column
3485              discover_text
3486              align-items-start
3487              justify-content-center
3488            "
3489            style="padding-left: 15px; bottom: 0"
3490          >
3491            <img
3492              src="catalog/view/theme/default/template/common/icons/culture.svg"
3493              class="icon-width"
3494            />
3495            <p class="pl-0" style="min-height: 75px">FESTIVE</p>
3496          </div>
3497        </a>
3498      </div>
3499      <div
3500        data-aos="zoom-in"
3501        data-aos-duration="1500"
3502        class="col-6 mt-3"
3503        style="padding-right: 7.5px"
3504      >
3505        <a
3506          href="https://www.srilanka.travel/heritage-discover-the-past"
3507          target="_blank" rel="noopener noreferrer"
3508        >
3509          <img
3510            src="https://www.srilanka.travel/image/travel-new-images/heritage-mob.png"
3511            class="w-100 h-100"
3512          />
3513          <div class="discover_hover-box-mobile"></div>
3514          <div
3515            class="
3516              pr-0
3517              flex-column
3518              discover_text
3519              align-items-start
3520              justify-content-center
3521            "
3522            style="padding-left: 15px; bottom: 0"
3523          >
3524            <img
3525              src="catalog/view/theme/default/template/common/icons/culture.svg"
3526              class="icon-width"
3527            />
3528            <p class="pl-0" style="min-height: 75px">HERITAGE</p>
3529          </div>
3530        </a>
3531      </div>
3532
3533      <div
3534        data-aos="zoom-in"
3535        data-aos-duration="1500"
3536        class="col-6 mt-3"
3537        style="padding-left: 7.5px"
3538      >
3539        <a href="https://www.srilanka.travel/culinary-tourism" target="_blank" rel="noopener noreferrer">
3540          <img
3541            src="https://www.srilanka.travel/image/travel-new-images/spices-mob.png"
3542            class="w-100 h-100"
3543          />
3544          <div class="discover_hover-box-mobile"></div>
3545          <div
3546            class="
3547              pr-0
3548              flex-column
3549              discover_text
3550              align-items-start
3551              justify-content-center
3552            "
3553            style="padding-left: 15px; bottom: 0"
3554          >
3555            <img
3556              src="catalog/view/theme/default/template/common/icons/food.svg"
3557              class="icon-width"
3558            />
3559            <p class="pl-0" style="min-height: 75px">ESSENCE</p>
3560          </div>
3561        </a>
3562      </div>
3563    </div>
3564  </section>
3565  <section class="container-fluid stories_tab">
3566    <div class="row no-gutters justify-content-center mt-5 mb-5">
3567      <div class="col-md-9 col-12">
3568        <div class="row justify-content-center">
3569          <div class="col-md-7 col-12">
3570            <h4 class="stories_tab-heading">Explore Island Stories</h4>
3571            <p class="stories_tab-para">
3572              Each place, and each smile in Sri Lanka has a story to tell. We
3573              have so much to share with you, so come along to our island in
3574              paradise!
3575            </p>
3576          </div>
3577          <div
3578            class="
3579              d-flex
3580              col-md-5 col-12
3581              align-items-center
3582              justify-content-start
3583            "
3584          >
3585            <a href="https://www.srilanka.travel/travel-news" target="_blank" rel="noopener noreferrer">
3586              <button type="button" class="custom-btn">EXPLORE MORE</button>
3587            </a>
3588          </div>
3589        </div>
3590      </div>
3591    </div>
3592  </section>
3593  <!-- wild life safari -->
3594
3595 
3596
3597  <section
3598    class="
3599      container-fluid
3600      upComing_events
3601      p-0
3602      position-relative
3603      upComing_events-desktop
3604    "
3605  >
3606    <!-- slick -->
3607
3608    <div class="upComing_events-slider">
3609      <div class="upComing_events-box">
3610        <div class="upComing_events-box-item">
3611          <h4>Upcoming Events <br />& Festivals</h4>
3612          <div class="d-flex">
3613            <a
3614              class="text-start"
3615              href="https://www.srilanka.travel/index.php?route=event/upcoming&dev=asd"
3616              target="_blank" rel="noopener noreferrer"
3617            >
3618              <button type="button" class="custom-btn">SEE ALL EVENTS</button>
3619            </a>
3620          </div>
3621        </div>
3622      </div>
3623
3624      <div class="upcoming_container-box">
3625        <div class="upComing-slider slider" style="z-index: 10;">
3626    
3627
3628          <!-- <div class="theme-img-div position-relative" >
3629          
3630            <a href="https://www.srilanka.travel/index.php?route=event/upcoming&dev=asd" target="_blank" rel="noopener noreferrer" >
3631              <img class="w-100 h-100"  style="margin-top: 70px" src="https://www.srilanka.travel/image/data/2025_upcoming_events/WhatsApp Image 2025-04-22 at 14.40.36_071fa9e1new.png" />
3632            </a>
3633            <div class="upComing-slider-text">
3634            
3635            </div>
3636          </div>
3637
3638
3639          <div class="theme-img-div position-relative" >
3640          
3641            <a href="https://www.srilanka.travel/index.php?route=event/upcoming&dev=asd" target="_blank" rel="noopener noreferrer" >
3642              <img class="w-100 h-100"  alt="Wild" src="https://www.srilanka.travel/image/data/2025_upcoming_events/CEYLON_FEST.jpg" />
3643            </a>
3644            <div class="upComing-slider-text">
3645            
3646            </div>
3647          </div> -->
3648
3649          <div class="theme-img-div position-relative" style="margin-top: 50px">
3650          
3651            <a href="https://www.srilanka.travel/index.php?route=event/upcoming&dev=asd" target="_blank" rel="noopener noreferrer" >
3652              <img class="w-100 h-100"  alt="Wild" src="https://www.srilanka.travel/image/data/events_2026/travel_fair_1060x800.jpg" />
3653            </a>
3654            <div class="upComing-slider-text">
3655            
3656            </div>
3657          </div>
3658
3659           <div class="theme-img-div position-relative" >
3660          
3661            <a href="https://www.srilanka.travel/index.php?route=event/upcoming&dev=asd" target="_blank" rel="noopener noreferrer" >
3662              <img class="w-80 h-30"  alt="Wild" src="https://srilanka.travel/image/data/events_2025/Ride_Colombo_Flyer_2.png" />
3663            </a>
3664            <div class="upComing-slider-text">
3665            
3666            </div>
3667          </div>
3668
3669                <div class="theme-img-div position-relative" style="margin-top: 15px">
3670          
3671            <a href="https://www.srilanka.travel/index.php?route=event/upcoming&dev=asd" target="_blank" rel="noopener noreferrer" >
3672              <img class="w-100 h-100" style="margin-top:75px" alt="Wild" src="https://srilanka.travel/image/data/events_2025/ggg.png" />
3673            </a>
3674            <div class="upComing-slider-text">
3675            
3676            </div>
3677          </div>
3678
3679          <div class="theme-img-div position-relative" style="margin-top: 15px">
3680          
3681            <a href="https://www.srilanka.travel/index.php?route=event/upcoming&dev=asd" target="_blank" rel="noopener noreferrer" >
3682              <img class="w-80 h-80" alt="Wild" src="https://srilanka.travel/image/data/events_2025/Independance_day_77.png" />
3683            </a>
3684            <div class="upComing-slider-text">
3685            
3686            </div>
3687          </div>
3688          
3689          <div class="theme-img-div position-relative" style="margin-top: 15px">
3690          
3691            <a href="https://www.srilanka.travel/index.php?route=event/upcoming&dev=asd" target="_blank" rel="noopener noreferrer" >
3692              <img class="w-80 h-80" alt="Wild" src="https://srilanka.travel/image/data/events_2025/jfs.png" />
3693            </a>
3694            <div class="upComing-slider-text">
3695            
3696            </div>
3697          </div>
3698
3699          
3700          <div class="theme-img-div position-relative" style="margin-top: 15px">
3701          
3702            <a href="https://www.srilanka.travel/index.php?route=event/upcoming&dev=asd" target="_blank" rel="noopener noreferrer" >
3703              <img class="w-80 h-80" alt="Wild" src="https://srilanka.travel/image/data/events_2025/GEM.png" />
3704            </a>
3705            <div class="upComing-slider-text">
3706            
3707            </div>
3708          </div>
3709
3710
3711        </div>
3712      </div>
3713    </div>
3714  </section>
3715  <section class="container-fluid upComing_events upComing_events-mobile">
3716    <div class="upComing-mobile-box"></div>
3717    <div class="upComing-mobile-box-size">
3718      <div class="upComing-mobile-slider">
3719
3720         <!-- <div class="theme-img-div position-relative" style="margin-top: 15px">
3721          
3722            <a
3723              href="https://srilanka.travel/index.php?route=event/events&event=312&id=22"
3724              target="_blank" rel="noopener noreferrer"
3725            >
3726              <img
3727                class="w-100 h-80"
3728                alt="Wild"
3729                src="https://srilanka.travel/image/data/2025_upcoming_events/WhatsApp Image 2025-04-22 at 14.40.36_071fa9e1new.png"
3730              />
3731            </a>
3732            <div class="upComing-slider-text">
3733            
3734            </div>
3735          </div>
3736
3737            <div class="theme-img-div position-relative" style="margin-top: 15px">
3738          
3739            <a
3740              href="https://srilanka.travel/upcoming-events&event=316&dev=asd"
3741              target="_blank" rel="noopener noreferrer"
3742            >
3743              <img
3744                class="w-100 h-100"
3745                alt="Wild"
3746                src="https://www.srilanka.travel/image/data/2025_upcoming_events/CEYLON_FEST.jpg"
3747              />
3748            </a>
3749            <div class="upComing-slider-text">
3750            
3751            </div>
3752          </div> -->
3753
3754              <div class="theme-img-div position-relative" style="margin-top: 15px">
3755          
3756            <a
3757              href="https://srilanka.travel/upcoming-events&event=316&dev=asd"
3758              target="_blank" rel="noopener noreferrer"
3759            >
3760              <img
3761                class="w-100 h-100"
3762                alt=""
3763                src="https://www.srilanka.travel/image/data/events_2026
3763/travel_fair_1060x800.jpg"
3764              />
3765            </a>
3766            <div class="upComing-slider-text">
3767            
3768            </div>
3769          </div>
3770
3771           <div class="theme-img-div position-relative" style="margin-top: 15px">
3772          
3773            <a
3774              href="https://srilanka.travel/upcoming-events&event=316&dev=asd"
3775              target="_blank" rel="noopener noreferrer"
3776            >
3777              <img
3778                class="w-100 h-100"
3779                alt=""
3780                src="https://www.srilanka.travel/image/data/events_2026/travel_fair_1060x800.jpg"
3781              />
3782            </a>
3783            <div class="upComing-slider-text">
3784            
3785            </div>
3786          </div>
3787
3788           <div class="theme-img-div position-relative" style="margin-top: 15px">
3789          
3790            <a
3791              href="https://srilanka.travel/upcoming-events&event=316&dev=asd"
3792              target="_blank" rel="noopener noreferrer"
3793            >
3794              <img
3795                class="w-100 h-50"
3796                alt="Wild"
3797                src="https://srilanka.travel/image/data/events_2025/Ride_Colombo_Flyer_2.png"
3798              />
3799            </a>
3800            <div class="upComing-slider-text">
3801            
3802            </div>
3803          </div>
3804
3805
3806
3807
3808          <div class="theme-img-div position-relative" style="margin-top: 15px">
3809          
3810            <a
3811              href="https://srilanka.travel/upcoming-events&event=316&dev=asd"
3812              target="_blank" rel="noopener noreferrer"
3813            >
3814              <img
3815                class="w-80 h-100"
3816                alt="Wild"
3817                src="https://srilanka.travel/image/data/events_2025/ggg.jpg"
3818              />
3819            </a>
3820            <div class="upComing-slider-text">
3821            
3822            </div>
3823          </div>
3824        
3825          <div class="theme-img-div position-relative" style="margin-top: 15px">
3826          
3827            <a
3828              href="https://srilanka.travel/upcoming-events&event=316&dev=asd"
3829              target="_blank" rel="noopener noreferrer"
3830            >
3831              <img
3832                class="w-100 h-80"
3833                alt="Wild"
3834                src="https://srilanka.travel/image/data/events_2025/Independance_day_77.png"
3835              />
3836            </a>
3837            <div class="upComing-slider-text">
3838            
3839            </div>
3840          </div>
3841           <div class="theme-img-div position-relative" style="margin-top: 15px">
3842          
3843            <a
3844              href="https://srilanka.travel/index.php?route=event/events&event=312&id=22"
3845              target="_blank" rel="noopener noreferrer"
3846            >
3847              <img
3848                class="w-100 h-80"
3849                alt="Wild"
3850                src="https://srilanka.travel/image/data/events_2025/jfs.png"
3851              />
3852            </a>
3853            <div class="upComing-slider-text">
3854            
3855            </div>
3856          </div>
3857
3858
3859          
3860        
3861      
3862
3863        <div class="theme-img-div position-relative" style="margin-top: 15px">
3864        
3865          </div>
3866        </div>
3867   
3868      </div>
3869    </div>
3870    <div
3871      class="
3872        w-100
3873        mt-3
3874        mb-3
3875        d-flex
3876        flex-column
3877        align-items-center
3878        upComing_events-mobile-box
3879      "
3880      style="z-index: 2"
3881    >
3882      <h4>Upcoming Events & Festivals</h4>
3883      <div>
3884        <a
3885          href="https://www.srilanka.travel/index.php?route=event/upcoming&dev=asd"
3886          target="_blank" rel="noopener noreferrer"
3887        >
3888          <button type="button" class="custom-btn">SEE ALL EVENTS</button>
3889        </a>
3890      </div>
3891    </div>
3892  </section>
3893  <section class="container-fluid planYourDream_tab">
3894    <div class="row no-gutters justify-content-center">
3895      <div class="col-md-9 col-12">
3896        <div class="row justify-content-center mb-3">
3897          <div class="col-md-7 col-12">
3898            <h4 class="stories_tab-heading">Plan Your Dream Holiday</h4>
3899            <p class="stories_tab-para">
3900              Each day on this island promises new experiences, discoveries, and
3901              life-long memories. With so much to do,let us help you with these
3902              itineraries created just for you!
3903            </p>
3904          </div>
3905          <div
3906            class="
3907              d-flex
3908              col-md-5 col-12
3909              align-items-center
3910              justify-content-start
3911            "
3912          >
3913            <div>
3914              <a href="https://www.srilanka.travel/attractions" target="_blank" rel="noopener noreferrer">
3915                <button type="button" class="custom-btn">VIEW ALL</button>
3916              </a>
3917            </div>
3918          </div>
3919        </div>
3920        <div class="row mt-5">
3921          <div
3922            data-aos="fade-down"
3923            data-aos-duration="1000"
3924            class="col-md-4 col-4 dream_holiday mb-4"
3925          >
3926            <a href="https://srilanka.travel/attractions" target="_blank" rel="noopener noreferrer">
3927              <div class="dream_holiday-img">
3928                <img
3929                  src="https://www.srilanka.travel/image/travel-new-images/unique-places.png"
3930                  class="w-100"
3931                />
3932              </div>
3933              <p class="mt-2 text-center">Things to See and Do</p>
3934            </a>
3935          </div>
3936          <div
3937            data-aos="fade-down"
3938            data-aos-duration="1500"
3939            class="col-md-4 col-4 dream_holiday mb-4"
3940          >
3941            <a href="https://www.srilanka.travel/travel-agents" target="_blank" rel="noopener noreferrer">
3942              <div class="dream_holiday-img">
3943                <img
3944                  src="https://www.srilanka.travel/image/travel-new-images/trav-agent.png"
3945                  class="w-100"
3946                />
3947              </div>
3948              <p class="mt-2 text-center">Find a Travel Agent</p>
3949            </a>
3950          </div>
3951          <div
3952            data-aos="fade-down"
3953            data-aos-duration="1500"
3954            class="col-md-4 col-4 dream_holiday mb-4"
3955          >
3956            <a href="https://www.immigration.gov.lk/" target="_blank" rel="noopener noreferrer">
3957              <div class="dream_holiday-img">
3958                <img
3959                  src="https://www.srilanka.travel/image/travel-new-images/pass.png"
3960                  class="w-100"
3961                />
3962              </div>
3963              <p class="mt-2 text-center">Apply Sri Lankan Visa Online</p>
3964            </a>
3965          </div>
3966          <div
3967            data-aos="fade-down"
3968            data-aos-duration="1500"
3969            class="col-md-4 col-4 dream_holiday mb-4"
3970          >
3971            <a
3972              href="https://www.srilanka.travel/flight-booking"
3973              target="_blank" rel="noopener noreferrer"
3974            >
3975              <div class="dream_holiday-img">
3976                <img
3977                  src="https://www.srilanka.travel/image/travel-new-images/plane.png"
3978                  class="w-100"
3979                />
3980              </div>
3981              <p class="mt-2 text-center">Book a Flight</p>
3982            </a>
3983          </div>
3984          <div
3985            data-aos="fade-down"
3986            data-aos-duration="1500"
3987            class="col-md-4 col-4 dream_holiday mb-4"
3988          >
3989            <a
3990              href="https://srilanka.travel/accommodation"
3991              target="_blank" rel="noopener noreferrer"
3992            >
3993              <div class="dream_holiday-img">
3994                <img
3995                  src="https://www.srilanka.travel/image/travel-new-images/hotel.png"
3996                  class="w-100"
3997                />
3998              </div>
3999              <p class="mt-2 text-center">Find your Accommodation</p>
4000            </a>
4001          </div>
4002          <div
4003            data-aos="fade-down"
4004            data-aos-duration="1500"
4005            class="col-md-4 col-4 dream_holiday mb-4"
4006          >
4007            <a href="https://srilanka.travel/tourist-guides" target="_blank" rel="noopener noreferrer">
4008              <div class="dream_holiday-img">
4009                <img
4010                  src="https://www.srilanka.travel/image/travel-new-images/tourist-g.png"
4011                  class="w-100"
4012                />
4013              </div>
4014              <p class="mt-2 text-center">Find a Tour Guide</p>
4015            </a>
4016          </div>
4017          
4018
4019<div
4020            data-aos="fade-down"
4021            data-aos-duration="1500"
4022            class="col-md-4 col-4 dream_holiday mb-4"
4023          >
4024            <a
4025              href="https://www.srilanka.travel/index.php?route=travel/tostay&hotel_type=20&hotel_district="
4026              target="_blank" rel="noopener noreferrer"
4027            >
4028              <div class="dream_holiday-img">
4029                <img
4030                  src="http://www.srilanka.travel/catalog/view/theme/default/img/hotes_tiles/camping.jpg"
4031                  class="w-100"
4032                />
4033              </div>
4034              <p class="mt-2 text-center">Camping Sites</p>
4035            </a>
4036          </div>
4037
4038         
4039 <div
4040            data-aos="fade-down"
4041            data-aos-duration="1500"
4042            class="col-md-4 col-4 dream_holiday mb-4"
4043          >
4044            <a
4045              href="https://www.sltda.gov.lk/en/blacklisted-service-providers"
4046              target="_blank" rel="noopener noreferrer"
4047            >
4048              <div class="dream_holiday-img">
4049                <img
4050                  src="http://www.srilanka.travel/catalog/view/theme/default/img/hotes_tiles/Blacklisted_Service_Providers.jpg"
4051                  class="w-100"
4052                />
4053              </div>
4054              <p class="mt-2 text-center">Blacklisted Service Providers</p>
4055            </a>
4056          </div>
4057
4058
4059
4060        </div>
4061      </div>
4062    </div>
4063  </section>
4064
4065  <section class="container-fluid new_product">
4066    <div class="row justify-content-center no-gutters">
4067      <div class="col-12 col-md-9">
4068        <div class="row">
4069          <div class="col-12 position-relative">
4070            <h1 class="new_product-heading">New Products</h1>
4071          </div>
4072        </div>
4073        <div class="row mt-4">
4074          <div
4075            data-aos="fade-down"
4076            data-aos-duration="1000"
4077            class="mb-3 mt-3 welcome_tab-boxs position-relative col-md-4 col-6"
4078          >
4079            <a href="https://www.srilanka.travel/ramayanaya" target="_blank" rel="noopener noreferrer">
4080              <div class="welcome_tab-boxs-item">
4081                <img
4082                  src="https://www.srilanka.travel/image/travel-new-images/Ramayana.jpg"
4083                  class="w-100"
4084                />
4085                <div class="welcome_box"></div>
4086                <div class="welcome_box-text">
4087                  <p class="text-uppercase">ramayanaya yathra</p>
4088                </div>
4089              </div>
4090            </a>
4091          </div>
4092          <div
4093            data-aos="fade-down"
4094            data-aos-duration="1500"
4095            class="mb-3 mt-3 welcome_tab-boxs position-relative col-md-4 col-6"
4096          >
4097            <a
4098              href="https://www.srilanka.travel/buddhist-places"
4099              target="_blank" rel="noopener noreferrer"
4100            >
4101              <div class="welcome_tab-boxs-item">
4102                <img
4103                  src="https://www.srilanka.travel/image/travel-new-images/Bubbhas-place.jpg"
4104                  class="w-100"
4105                />
4106                <div class="welcome_box"></div>
4107                <div class="welcome_box-text">
4108                  <p class="text-uppercase">buddhist places</p>
4109                </div>
4110              </div>
4111            </a>
4112          </div>
4113
4114           <div
4115            data-aos="fade-down"
4116            data-aos-duration="1500"
4117            class="mb-3 mt-3 welcome_tab-boxs position-relative col-md-4 col-6"
4118          >
4119              <a
4120                href="/ArrivebyaCruise"
4121                target="_blank" rel="noopener noreferrer"
4122              >
4123                <div class="welcome_tab-boxs-item">
4124                  <img
4125                    src="/image/travel-new-images/Cruise1.png"
4126                    class="w-100"
4127                  />
4128                  <div class="welcome_box"></div>
4129                  <div class="welcome_box-text">
4130                    <p class="text-uppercase">Cruise Tourism</p>
4131                  </div>
4132                </div>
4133              </a>
4134          </div>
4135
4136          <div
4137            data-aos="fade-down"
4138            data-aos-duration="1500"
4139            class="mb-3 mt-3 welcome_tab-boxs position-relative col-md-4 col-6"
4140          >
4141              <a
4142                href="https://srilankaweddingdestination.com/"
4143                target="_blank" rel="noopener noreferrer"
4144              >
4145                <div class="welcome_tab-boxs-item">
4146                  <img
4147                    src="/image/travel-new-images/wedding1.png"
4148                    class="w-100"
4149                  />
4150                  <div class="welcome_box"></div>
4151                  <div class="welcome_box-text">
4152                    <p class="text-uppercase">Destination Wedding</p>
4153                  </div>
4154                </div>
4155              </a>
4156          </div>
4157          
4158        <div
4159            data-aos="fade-down"
4160            data-aos-duration="2000"
4161            class="mb-3 mt-3 welcome_tab-boxs position-relative col-md-4 col-6"
4162          >
4163            <a
4164              href="/wellness-tourism/"
4165              target="_blank" rel="noopener noreferrer"
4166            >
4167              <div class="welcome_tab-boxs-item">
4168                <img
4169                  src="/image/travel-new-images/Welness.jpg"
4170                  class="w-100"
4171                />
4172                <div class="welcome_box"></div>
4173                <div class="welcome_box-text">
4174                  <p class="text-uppercase">wellness tourism</p>
4175                </div>
4176              </div>
4177            </a>
4178          </div>
4179
4180          <div
4181            data-aos="fade-down"
4182            data-aos-duration="2000"
4183            class="mb-3 mt-3 welcome_tab-boxs position-relative col-md-4 col-6"
4184          >
4185            <a
4186              href="/digitalnomad/"
4187              target="_blank" rel="noopener noreferrer"
4188            >
4189              <div class="welcome_tab-boxs-item">
4190                <img
4191                  src="/image/travel-new-images/Tem - Web - Thum.jpg"
4192                  class="w-100"
4193                />
4194                <div class="welcome_box"></div>
4195                <div class="welcome_box-text">
4196                    <p class="text-uppercase">Digital Nomads</p>
4197                  </div>
4198              </div>
4199            </a>
4200          </div>
4201
4202          
4203        </div>
4204      </div>
4205    </div>
4206  </section>
4207
4208
4209
4210  <section class="container-fluid whats_new">
4211    <div class="row no-gutters justify-content-center">
4212      <div class="col-md-9 col-12">   
4213        <div class="row justify-content-start mb-3">
4214          <div class="col-md-7 col-12">
4215            <h4 class="stories_tab-heading">What's New</h4>
4216          </div>
4217        </div>
4218        <div class="row mt-5">
4219         
4220          <div
4221            data-aos="fade-down"
4222            data-aos-duration="1500"
4223            class="col-md-3 col-4 dream_holiday mb-4"
4224          >
4225            <a
4226              href="https://au.srilanka.travel/"
4227              target="_blank" rel="noopener noreferrer"
4228            >
4229              <div class="dream_holiday-img">
4230                <img
4231                  src="https://www.srilanka.travel/images/sl-tourism-elephant-2.png"
4232                  class="w-100"
4233                />
4234              </div>
4235              <p class="mt-2">Discover Sri Lanka: Your Australian Gateway</p>
4236            </a>
4237          </div>
4238
4239
4240          <div
4241            data-aos="fade-down"
4242            data-aos-duration="1500"
4243            class="col-md-3 col-4 dream_holiday mb-4"
4244          >
4245            <a
4246              href="https://www.srilanka.travel/international-endorsements"
4247              target="_blank" rel="noopener noreferrer"
4248            >
4249              <div class="dream_holiday-img">
4250                <img
4251                  src="https://www.srilanka.travel/image/travel-new-images/International_Endorsement_2025.jpg"
4252                  class="w-100"
4253                />
4254              </div>
4255              <p class="mt-2">International Endorsements</p>
4256            </a>
4257          </div>
4258          <div
4259            data-aos="fade-down"
4260            data-aos-duration="1500"
4261            class="col-md-3 col-4 dream_holiday mb-4"
4262          >
4263            <a
4264              href="https://perahera.live"
4265              target="_blank" rel="noopener noreferrer"
4266            >
4267              <div class="dream_holiday-img">
4268                <!-- <img
4269                  src="https://www.srilanka.travel/image/travel-new-images/Kandy_Esala_Perahara.jpg"
4270                  class="w-100"
4271                /> -->
4272                <img
4273                  src="https://www.srilanka.travel/image/travel-new-images/Kandy-Esala-Perahera-2026.png"
4274                  class="w-100"
4275                />
4276
4277              </div>
4278              <!--  <p class="mt-2">Greatest Shows on Earth</p> -->
4279              <p class="mt-2">Kandy Esala Perahera 2026</p>
4280            </a>
4281
4282          </div>
4283          <div
4284            data-aos="fade-down"
4285            data-aos-duration="1500"
4286            class="col-md-3 col-4 dream_holiday mb-4"
4287          >
4288            <a
4289              href="https://www.srilanka.travel/promotionalkit/"
4290              target="_blank" rel="noopener noreferrer"
4291            >
4292              <div class="dream_holiday-img">
4293                <img
4294                  src="https://www.srilanka.travel/image/travel-new-images/Promotional-Kit.jpg"
4295                  class="w-100"
4296                />
4297              </div>
4298              <p class="mt-2">SLTPB Promotional KIT</p>
4299            </a>
4300          </div>
4301        </div>
4302      </div>
4303    </div>
4304  </section>
4305
4306
4307
4308
4309  <!--bottom slider script Close-->
4310
4311
4312
4313</body>
4314    <footer class="footer-back cms-footer">
4315        <div class="row no-gutters justify-content-center">
4316            <div class="col-md-11 col-10">
4317                <div class="row">
4318                    <div class="col-lg-4 col-md-12 col-sm-12">
4319                        <div class="footer-logo">
4320                            <img src="catalog/view/theme/default/template/common/icons/footer-logo.png" alt="logo">
4321                        </div>
4322                        <div class="link-wrap">
4323                            <p class="link-topic mb-0">Tourism Hotline</p>
4324                            <a class="link-phone" href="tel:1912">1912</a>
4325                        </div>
4326                        <div class="link-wrap">
4327                            <p class="link-topic mb-0">Ambulance Service</p>
4328                            <a class="link-phone" href="tel:1990">1990</a>
4329                        </div>
4330                    </div>
4331                    <div class="col-lg-3 col-md-6 col-sm-6">
4332                        <div class="link-wrap">
4333                            <p class="link-topic mb-2">Quick Links</p>
4334                            <a class="link-item" href="/terms-and-conditions">Terms of Use</a>
4335                            <a class="link-item" href="/sitemap">Site Map</a>
4336                            <!-- <a class="link-item" href="/subscribe">Subscribe</a> -->
4337                            <a class="link-item" href="/about-us#contact-us">Contact Us</a>
4338                            <a class="link-item" href="https://sltda.gov.lk/en/investor-relations-unit">Investor
4339                                Relations Unit</a>
4340                            <a class="link-item" href="https://complaints.sltda.gov.lk/">Complaints</a>
4341                            
4342                            <a class="link-item" href="/tender-documents">Tenders</a>
4343                            <a class="link-item" href="/Important-Notices">Important Notices</a>
4344                            <a class="link-item" target="_blank" href="https://www.caa.lk/en/drones">How to Fly Your Drone Legitimately</a>
4345                            
4346
4347
4348                            <!--  <a class="link-item" href="/sltpb-progress-report">SLTPB Progress Report</a> -->
4349                        </div>
4350                    </div>
4351                    <div class="col-lg-5 col-md-6 col-sm-6">
4352                        <div class="link-wrap">
4353                            <p class="link-topic mb-2 text-uppercase">Other Sites</p>
4354                            <a class="link-item" target="_blank" href="https://www.sltda.gov.lk/">Sri Lanka Tourism
4355                                Development Authority</a>
4356                            <a class="link-item" target="_blank" href="https://meetinsrilanka.com/">Sri Lanka Tourism
4357                                Convention Bureau</a>
4358                            <a class="link-item" target="_blank" href="https://www.slithm.edu.lk/">Sri Lanka Institute of
4359                                Tourism &
4360                                Hotel Management </a>
4361                            <a class="link-item" target="_blank" href="https://mfa.gov.lk/">Ministry of Foreign Affairs, Foreign Employment &amp; Tourism</a>
4362                            <a class="link-item" target="_blank" href="https://tourismmin.gov.lk/web/en/">Ministry of Tourism</a>
4363                            <a class="link-item" target="_blank" href="https://www.srilankan.com/">SriLankan Airlines</a>
4364                            <a class="link-item" target="_blank" href="https://www.airport.lk/">Sri Lanka Airport & Aviation
4365                                Services</a>
4366                            <a class="link-item" target="_blank" href="https://www.immigration.gov.lk/">Department of
4367                                Immigration and
4368                                Emigration</a>
4369                            <a class="link-item" target="_blank" href="https://eta.gov.lk/slvisa/">Electronic Travel
4370                                Authorization System</a>
4371                            <a class="link-item" target="_blank" href="https://www.thasl.lk/">Tourist Hotels Association of
4372                                Sri Lanka</a>
4373                            <a class="link-item" target="_blank" href="https://www.slaito.com/">Sri Lanka Association of
4374                                Inbound Tour Operators</a>
4375
4376                            <!--  <a class="link-item" target="_blank" href="https://expo2020.srilanka.travel/">Sri Lanka Pavilion at EXPO 2020 in Dubai</a> -->
4377                        </div>
4378                    </div>
4379                    <!-- <div class="col-lg-3 col-md-6 col-sm-6">
4380                        <div class="link-wrap">
4381                            <p class="link-topic mb-2 text-uppercase">Newsletter Sign Up</p>
4382                            <p class="link-item">Sign Up Now To Receive Information About The Best Tours!</p>
4383                        </div>
4384                        <div class="newsletter-wrap">
4385                            <form>
4386                                <div class="input-group">
4387                                    <input type="text" class="form-control" placeholder="enter your email address"
4388                                           aria-label="email address" aria-describedby="basic-addon2">
4389                                    <div class="input-group-append">
4390                                        <span class="input-group-text" id="basic-addon2">
4391                                            <span class="send-icon">
4392                                                <img src="catalog/view/theme/default/template/common/icons/send.png" alt="send icon">
4393                                            </span>
4394                                        </span>
4395                                    </div>
4396                                </div>
4397                            </form>
4398                        </div>
4399                    </div> -->
4400                    <div class="col-md-12 footer-bottom">
4401                        <div class="social-icon-wrap mb-2">
4402                            <a class="social-icon-link" target="_blank"
4403                               href="https://www.facebook.com/tourismsrilanka.gov.lk">
4404                                <img src="catalog/view/theme/default/template/common/icons/facebook-icon.png" alt="social icon">
4405                            </a>
4406                            <a class="social-icon-link" target="_blank"
4407                               href="https://www.youtube.com/user/srilankatravelvideo?feature=mhee">
4408                                <img src="catalog/view/theme/default/template/common/icons/youtube-icon.png" alt="social icon">
4409                            </a>
4410                               <a class="social-icon-link" target="_blank" href="https://twitter.com/tourismlk">
4411                                <img src="catalog/view/theme/default/template/common/icons/new_twitter_logo.png" alt="Twitter">
4412                            </a>
4413                            <a class="social-icon-link" target="_blank"
4414                               href="https://www.instagram.com/destination_srilanka/">
4415                                <img src="catalog/view/theme/default/template/common/icons/instagram-icon.png" alt="social icon">
4416                            </a>
4417                            <a class="social-icon-link" target="_blank"
4418                               href="https://www.tiktok.com/@destinationsrilanka">
4419                                <img src="catalog/view/theme/default/template/common/icons/tiktok-icon.png" alt="social icon">
4420                            </a>
4421                            <a class="social-icon-link" target="_blank"
4422                               href="https://www.pinterest.com/DestinationSriLankaOfficial/">
4423                                <img src="catalog/view/theme/default/template/common/icons/pinterest-icon.png" alt="social icon">
4424                            </a>
4425                            <a class="social-icon-link" target="_blank"
4426                               href="https://www.visitsrilankawonders.com/">
4427                                <img src="catalog/view/theme/default/template/common/icons/blog-icon.png" alt="social icon">
4428                            </a>
4429                        </div>
4430                        <div class="text-center">
4431                            <div class="link-wrap mb-0">
4432                                <p class="link-item">© 2026 All Rights Reserved by Sri Lanka Tourism Promotion Bureau<br />
4433                                Developed by Sri Lanka Tourism Development Authority ICT Department.</p>
4434                                <div class="d-flex justify-content-center">
4435                                    <a class="link-item mr-3" href="/terms-and-conditions">Privacy Policy</a>
4436                                    <a class="link-item ml-3" href="/terms-and-conditions">Terms & Conditions</a>
4437                                </div>
4438                            </div>
4439                        </div>
4440                    </div>
4441                </div>
4442            </div>
4443        </div>
4444    </footer>
4445
4446</body>
4447</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.