test
Hotel:
Scripts:
<style>
.desktop-menu-container {
width: 90% !important;
height: 90% !important;
}
/*Floating Back-To-Top Button*/
#myBtn {
z-index:999999;
position: fixed;
bottom: 10px;
float: right;
right: 10%;
left: 90%;
max-width: 50px;
width: 100%;
font-size: 16px;
border-color: rgba(85, 85, 85, 0.2);
background-color: rgb(100,100,100);
padding: .5px;
border-radius: 4px;
}
/*On Hover Color Change*/
#myBtn:hover {
background-color: #7dbbf1;
}
@media (max-width: 767px) {
.tablemobile
{
width: 90% !important;
margin-top: 38px;
}
.tablemobiledec
{
width: 88% !important;
text-align: justify !important;
}
}
@media only screen and (min-width: 480px){
.special-notice-wrapper
{
max-height: 595px !important;
}
}
@media only screen and (min-width: 480px){
.special-notice-wrapper .title-notice
{
top: 265px !important;
}
}
@media only screen and (max-width: 481px){
.con
{
padding-top: 61px !important;
}
}
@media only screen and (min-width: 480px){
.special-notice-wrapper .notice-content .con {
width: calc(121% - 134px);
text-align: justify;
margin-top:-6px;
}
}
.img-responsive
{
display: block !important;
}
</style>
<button id="myBtn"><a href="#top" style="color: white">↑</a></button>
<div class="myheadercss" id="myHeader" style="display:none">
<span class="closebtn mobile" onclick="this.parentElement.style.display='none';">×</span>
<h3><span style="font-size:22px;">COVID-19 Updates:</span> <u><a href="https://www.berjayahotel.com/clean-and-safe.html" target="_blank" style="color:#fff;">Our Clean & Safe Commitment</a></u></h3>
</div>
<style>
body {
margin:0 !important;
}
.myheadercss{
z-index: 9999 !important;
position: static;
margin-top:40px;
padding: 1px 16px;
background: #000;
color: #f1f1f1;
}
.content {
padding: 16px;
}
.sticky {
position: fixed;
top: 57px;
width: 40% !important;
}
.sticky + .content {
padding-top: 102px;
margin-top:0px;
}
.closebtn {
float: right;
color: white;
font-weight: 500;
font-size: 40px;
line-height: 59px;
cursor: pointer;
transition: 0.3s;
}
@media only screen and (max-device-width: 768px) {
.closebtn.mobile{
width: 100% !important;
color: white;
font-weight: 500;
font-size: 40px;
line-height: 59px;
cursor: pointer;
transition: 0.3s;
position: static;
margin-left: 98% !important;
}
.sticky {
position: fixed;
top: 11px;
width: 100% !important;
}
h3{
margin-top: -41px !important;
font-size: 18px;
}
.closebtn
{
float:none !important;
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
.closebtn.mobile
{
color: white;
font-weight: 500;
font-size: 40px;
line-height: 59px;
cursor: pointer;
transition: 0.3s;
position: fixed;
margin-left:60% !important;
}
h3
{
margin-top:19px !important;
}
.sticky
{
67% !important;
}
}
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2)
{
.sticky
{
width: 50%;
}
}
a:hover
{
color:#521b43;
}
</style>
<script>
//window.onload = function() {header.classList.add("sticky");};
//window.onscroll = function() {myFunction()};
var header = document.getElementById("myHeader");
var sticky = header.offsetTop;
function myFunction() {
if (window.pageYOffset > sticky) {
header.classList.add("sticky");
} else {
header.classList.remove("sticky");
}
}
</script>
<script>
document.addEventListener("DOMContentLoaded", function(event) {
//document.getElementsByClassName("title-notice")[0].innerHTML = "NOTICE";
//document.getElementsByClassName("lazyImg")[0].style.display='none';
//document.getElementsByClassName("con")[0].innerHTML = " <span><span>Dear Valued Guest,<br><br> We have implemented cleanliness protocols and specific initiatives as part of our <a href='https://www.berjayahotel.com/clean-and-safe.html' target='_blank'><u>Clean & Safe Commitment</u></a> to further enhance safety and minimise risk for our guests and associates. We seek your kind cooperation in practising social distancing and complying with our safety measures during your stay.<br><br>Thank you for your patience and understanding. Stay safe!<br><br>The Management <br><a href='https://www.berjayahotel.com'>Berjaya Hotels & Resorts</a></span>";
});
HideWebNotice();
function HideWebNotice(){
try{
document.getElementsByClassName("title-notice")[0].style.display='none';
}catch(e){}
}
HideBRG();
function HideBRG(){
try{
document.getElementsByClassName('best-rate-guarenty-link')[0].style.display='none';
}catch(e){}
try{
document.getElementsByClassName('text-best-rate-wrapper')[0].style.display='none';
document.getElementsByClassName('svg-icon')[0].style.display='none';
}catch(e){}
}
InitPromo();
function InitPromo(){
try{
var myDiv = document.querySelector("div[data-desktopimg$='botf-last-call-1920x1080.jpg']");
myDiv.style.cursor="pointer";
myDiv.addEventListener('click', function(){location.href='https://campaign.berjayahotel.com/berjaya-online-travel-fair/';});
}catch(e){}
try{
var myDiv = document.querySelector("div[data-desktopimg$='botf-last-call-800x800.jpg']");
myDiv.style.cursor="pointer";
myDiv.addEventListener('click', function(){location.href='https://campaign.berjayahotel.com/berjaya-online-travel-fair/';});
}catch(e){}
try{
var myDiv = document.querySelector("div[data-desktopimg$='bwh-book-direct-1920x1080.jpg']");
myDiv.style.cursor="pointer";
myDiv.addEventListener('click', function(){location.href='https://www.berjayahotel.com/colombo/offers/book-direct-save-more.html';});
}catch(e){}
try{
var myDiv = document.querySelector("div[data-desktopimg$='bwh-book-direct-800x800_0.jpg']");
myDiv.style.cursor="pointer";
myDiv.addEventListener('click', function(){location.href='https://www.berjayahotel.com/colombo/offers/book-direct-save-more.html';});
}catch(e){}
try{
var myDiv = document.querySelector("div[data-desktopimg$='member-deals-1920x1080.jpg']");
myDiv.style.cursor="pointer";
myDiv.addEventListener('click', function(){location.href='https://www.berjayahotel.com/colombo/offers/member-deals.html';});
}catch(e){}
try{
var myDiv = document.querySelector("div[data-desktopimg$='MEMBER%20DEALS_800x800.jpg']");
myDiv.style.cursor="pointer";
myDiv.addEventListener('click', function(){location.href='https://www.berjayahotel.com/colombo/offers/member-deals.html';});
}catch(e){}
try{
var myDiv = document.querySelector("div[data-desktopimg$='plan-ahead-1920x1080.jpg']");
myDiv.style.cursor="pointer";
myDiv.addEventListener('click', function(){location.href='https://www.berjayahotel.com/colombo/offers/plan-ahead.html';});
}catch(e){}
try{
var myDiv = document.querySelector("div[data-desktopimg$='Plan-Ahead-800x800.jpg']");
myDiv.style.cursor="pointer";
myDiv.addEventListener('click', function(){location.href='https://www.berjayahotel.com/colombo/offers/plan-ahead.html';});
}catch(e){}
}
InitVCode();
function InitVCode(){
try{
const params = new URLSearchParams(window.location.search);
var myCode = document.getElementById("iataNumber");
myCode.value=params.get('identifier');
}catch(e){}
}
const myFAQTimeout= setTimeout(AddFAQOption, 100);
function AddFAQOption(){
try{
if(window.location.href.includes("colombo")){
var linkFAQ=document.querySelectorAll("a[href*='https://www.berjayahotel.com/bhr/frequently-asked-questions.html']");
var i;
for(i = 0; i < linkFAQ.length; i++){
linkFAQ[i].style.cursor="pointer";
linkFAQ[i].href='https://www.berjayahotel.com/colombo/frequently-asked-questions.html';
}
}
}catch(e){}
clearTimeout(myFAQTimeout);
}
const myContactUsTimeout= setTimeout(AddContactUsOption, 100);
function AddContactUsOption(){
try{
if(window.location.href.includes("colombo")){
document.querySelectorAll('a[href="/contact-us.html"]').forEach(function($el)
{
$el.setAttribute('href','/colombo/contact-us.html');
});
}
}catch(e){}
clearTimeout(AddContactUsOption);
}
//removeTollFreeLine
if(window.location.href.indexOf("contact-us.html") > -1) {
try {
document.getElementsByClassName('col-xs-2')[3].style.display="none";
}
catch(e){}
}
if(window.location.href.indexOf("contact-us.html") > -1) {
try {
document.getElementsByClassName('col-xs-10')[3].style.display="none";
}
catch(e){}
}
//removeduplicatectabutton
if(window.location.href.indexOf("plan-ahead.html") > -1) {
try {
document.getElementsByClassName('btn-default')[2].style.display="none";
}
catch(e){}
}
</script>
<!--Begin WA-->
<style>
.WA-floating{
position:fixed;
width:60px;
height:60px;
bottom:100px;
right:10px;
background-color:#25d366;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow: 2px 2px 3px #999;
z-index:100;
}
.WA-float-button{
margin-top:16px;
}
</style>
<!--End of WA-->
<a href="https://api.whatsapp.com/send?phone=94777420519" class="WA-floating" target="_blank" id="aWhatsapp"><i class="fa fa-whatsapp WA-float-button"></i></a>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">