1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <!--baseURL--> 5 6 <meta charset="utf-8"> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8 9 <title>Best deals for Altamont West Hotel in Jamaica.</title> 10 <meta name="description" content="Book a romantic getaway at Altamont West Hotel in Jamaica. Enjoy cozy rooms and intimate amenities."> 11 <meta name="keywords" content="Hotel room booking, affordable Hotel rooms, luxury Hotel deals, book a Hotel room online, last minute Hotel bookings, best Hotel rates, top Hotel deals, cheap Hotel rooms, family Hotel bookings"> 12 13 <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. --> 14 <!--[if lt IE 9]> 15
15<script src="js/html5shiv.js"></script>
15 16
16<script src="js/respond.min.js"></script>
16 17 <![endif]--> 18 19 <!--headerIncludes--> 20 21<link href="bundles/Professional_skeleton.css" rel="stylesheet"> 22
23<script type="text/javascript"> 24function googleTranslateElementInit() { 25 new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element'); 26} 27</script>
27 28
29<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
29 30
31<script> 32var link = document.querySelector("link[rel~='icon']"); 33if (!link) { 34 link = document.createElement('link'); 35 link.rel = 'icon'; 36 document.getElementsByTagName('head')[0].appendChild(link); 37} 38 39link.href = 'images/uploads/143/63e4d352c636b_AWFavicon122.png'; 40</script>
40 41
42<script type="text/javascript"> 43$(document).ready(function() { 44 $(".navbar-nav [href]").each(function() { 45 if (this.href == window.location.href) { 46 $(this).parent("li").addClass("active"); 47 } 48 }); 49}); 50</script>
vendor: 66 bytes, lines 50-53
50 51 52 53<script async src="https://www.googletagmanager.com/gtag/js?id=
53G-HH12BGKFTT
vendor: 12 bytes, line 53
53"></script>
54<script> 55
vendor: 134 bytes, lines 55-59
55window.dataLayer = window.dataLayer || []; 56 function gtag(){dataLayer.push(arguments);} 57 gtag('js', new Date()); 58 59 gtag('config', '
59G-HH12BGKFTT
vendor: 4 bytes, line 59
59');
60</script>
60 61
62<script> 63document.addEventListener("DOMContentLoaded", function () { 64 var metaTag = document.createElement("meta"); 65 metaTag.setAttribute("name", "robots"); 66 metaTag.setAttribute("content", "index,follow"); 67 document.head.appendChild(metaTag); 68}); 69</script>
69 70 71 72 <style>.videoWrapper{ 73position: relative; 74overflow: hidden; 75height: initial; 76padding: 0; 77} 78.videoWrapper>iframe{ 79position:relative; 80height: 820px; 81margin-top: -60px; 82margin-bottom: -60px; 83} 84@media (max-width: 991px){ 85.videoWrapper>iframe{ 86height: 600px; 87} 88} 89@media (max-width: 480px){ 90.videoWrapper>iframe{ 91height: 360px; 92} 93} 94</style> 95 96 <style>.topbar{min-height:50px;border-bottom:1px solid rgba(0,0,0,.1)}.grecaptcha-badge{display:none!important}p{color:#686868}[contenteditable]{pointer-events:none}.homebanner .carousel-inner>.item .bnr-img img{animation:image-zoom 8s ease-out both;animation-iteration-count:infinite}.yummy .dropdown-menu>.active>a,.yummy .dropdown-menu>.active>a:focus,.yummy .dropdown-menu>.active>a:hover,.yummy .dropdown-menu>li>a:focus,.yummy .dropdown-menu>li>a:hover{background-color:transparent}p{font-weight:400;text-align:justify}.city-about p{line-height:30px}body{background:#fff!important}.bbres_fieldset.bbres_fieldset1{display:flex!important}.topbar .btn-wide{border-radius:4px!important}.contact-info p,.contact-info a{word-break:break-word}.first-slider{position:absolute!important;text-align:center!important;padding-left:1em!important;padding-right:1em!important;width:100%!important;top:50%!important;left:50%!important;opacity:0!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;-webkit-transition:all .3s ease-in-out 0s!important;-moz-transition:all .3s ease-in-out 0s!important;transition:all .3s ease-in-out 0s!important}.fadeIn-top{top:20%!important}.fadeIn-right{left:80%!important}.homebanner .carousel-caption{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-flow:column;max-height:150px}.carousel-inner>.active .first-slider{top:50%!important;left:50%!important;opacity:1!important}.fadeIn-left{left:20%!important}.header-contact{padding:5px 0;margin-right:15px}ul.checklist li{color:#666!important}ul.checklist li:before,ul.checklist li:after{border-color:#666!important}.grecaptcha-badge{display:none!important}[contenteditable]{pointer-events:none}.yummy a:focus{outline:0!important}.header-nav .navbar-nav li.active a{color:#b19f6a!important}.header-nav .navbar-collapse a{font-size:13px!important;font-weight:600!important}#google_translate_element{height:30px;overflow:hidden;margin-right:15px}.bnr-img img{width:100%}.goog-te-gadget .goog-te-combo{width:100%;background:transparent;border:1px solid rgba(0,0,0,.1);height:30px;padding:0;margin:0;color:#000;font-weight:400;padding-right:25px;-webkit-appearance:none;-moz-appearance:none}#google_translate_element{position:relative}.row.rooms-list{display:flex;justify-content:center;flex-wrap:wrap}.goog-te-gadget:before{content:"";position:absolute;right:10px;top:9px;border:solid #fff;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg);pointer-events:none}.goog-te-gadget .goog-te-combo{padding-left:5px!important;margin:0!important}.goog-te-gadget .goog-te-combo + .goog-te-combo{display:none!important}.btn{background:#ffac0d!Important}.btn:hover{background:#000!Important}h2.block-header{font-size:36px!important;font-weight:400!important;margin-bottom:5px!important}h3.room-name{font-size:18px;font-weight:600;color:rgb(48,53,62);margin:0 0 10px}.room-day-price p{font-size:18px;color:#fff;margin:0;font-weight:600;font-style:italic}.room-day-price p span{font-size:18px!important;color:#b19f6a;font-weight:600;font-style:italic}.room-indicatior-badge{position:absolute;right:10px;transform:translateY(-50%);z-index:999;width:68px;height:68px;border-radius:50%;display:flex;flex-flow:column;justify-content:center;align-items:center;background:#ed1c24}.room-indicatior-badge [data-component=icon]{margin-top:-5px}.room-indicatior-badge::before{content:"";position:absolute;width:60px;height:60px;border:1px solid #fff;border-radius:50%}.footer-area span,.footer-area a{margin-right:10px!important}.amenities-list{display:flex;flex-flow:row wrap}.lhAmenitiList img{min-width:48px;min-height:48px}#whatsapp-message{position:fixed;margin-bottom:1vh;bottom:70px;right:5px;width:65px;height:65px;overflow:hidden;visibility:visible;z-index:2147483639;background:0;border:0;transition:transform .2s ease-in-out;backface-visibility:hidden;opacity:1;transform:translateY(0%)}.highlight-feature{border-bottom:1px solid rgba(0,0,0,.1)}select.goog-te-combo option{color:#000!important}.logo img{transition:.3s ease-in-out;max-height:90px;border-radius:10px!important}.btn{background-color:#17616c!important;text-transform:uppercase!important;cursor:pointer!important;line-height:50px;font-size:12px!important;border-color:rgba(255,255,255,0)!important;border-radius:40px!important;padding:0 50px!important;color:rgb(255,255,255)!important;border-width:0!important;border-style:none!important;margin-top:20px!important}.btn:hover{background:#b19f6a!important;color:#fff!important}i.fa.fa-long-arrow-right{transition:.3s ease}.goog-te-gadget .goog-te-combo:focus{outline:0!important}.rooms h2{color:#000;text-align:center;font-size:50px!important;margin-bottom:50px!important;font-weight:700!important}
96.yummy .navbar.navbar-plain ul.nav li:active a{color:#b19f6a}.rooms-list a:hover{text-decoration:none}a.btn.btn-default{transition:all .8s ease!important}div#navbar5{position:sticky;top:0;z-index:9999;box-shadow:0 10px 10px -15px}body form .bb_resbox button.ui-datepicker-trigger{background-position:0 -26px!important}@media(max-width:1199px){div#cta9{width:30%!important;padding:10px;margin-top:-255px!important;right:10px}}@media(max-width:991px){.top-contact{width:auto!important;margin-left:-45px}.bookingsection{display:none}.subscribe-form .btn.btn-default{width:100%}#navbar5 .navbar{z-index:99}.topbar a.btn.btn-info.btn-wide .fa{color:#17616c!important}#title4{z-index:-1}.features .feture-content{z-index:9}div#cta9{width:80%!important;margin:20px auto!important;position:unset}}@media (min-width:768px){.header-nav .navbar{display:flex;align-items:center}.header-nav .navbar .navbar-collapse{width:100%}.header-nav .navbar .navbar-collapse .navbar-nav li{display:inline-block!important}}@media (max-width:991px){.header-nav .navbar-collapse a{font-size:12px!important;font-weight:600!important}.highlight-feature{border-bottom:0}}@media (min-width:768px) and (max-width:991px){#footer1 .sbpro-bg-styler .row{display:flex}#footer1 .sbpro-bg-styler .row .col-sm-4{margin-left:auto}.logo img{max-height:80px!important}}@media (max-width:991px){.major-features .info-content .side-margin [data-component]{padding:0 15px}}@media (min-width:768px) and (max-width:991px){.rooms .rooms-list,.amenities .amenities-list,.about-services{display:flex;flex-flow:row wrap;justify-content:center}.rooms .rooms-list .col-md-4,.amenities .amenities-list .col-md-6,.about-services .col-md-4{width:50%}.highlight-feature{display:flex;padding:0 calc(50% - 375px)!important}.major-features{width:50%}}@media (max-width:767px){.padding-top-100{padding-top:50px!important}.parallax-window h1.text-center strong{background-color:transparent!important}.logo img{max-height:50px!important;margin-top:5px!important}.padding-bottom-100{padding-bottom:50px!important}div#navbar5{position:unset;padding-bottom:10px!important}.header-contact{padding:2px 0}h2.block-header{margin-bottom:20px!important}.highlight-feature .major-features [data-component=image] img{padding-bottom:40px;border-bottom:1px solid rgba(0,0,0,.1)}.highlight-feature .major-features + .major-features [data-component=image] img{padding-bottom:0;border-bottom:0}.topbar .col-sm-5 [data-component=button]{position:absolute;top:50px;width:initial!important;right:45px}.navbar-toggle{position:absolute;right:-10px}#google_translate_element{position:absolute;right:0;top:0}.header-nav .navbar-collapse.in{position:absolute;width:100%}h2.block-header{font-size:28px!important}#footer1 .col-sm-4{margin-top:20px}.footer h2{font-size:30px!important;line-height:40px!important}}@media(max-width:575px){.padding-top-100{padding-top:30px!important}.padding-bottom-100{padding-bottom:30px!important}}@media (max-width:360px){.navbar-header img{margin-top:10px}.topbar .col-sm-7{display:none}#google_translate_element{left:50%;transform:translate3d(-50%,0,0)}.goog-te-gadget .goog-te-combo{max-width:140px}}</style> 97</head> 98<body> 99 <div id="page" class="mypage"> 100 <style scoped="scoped">.topbar .col-sm-5 { display: flex; justify-content: flex-end; align-items: center; } .header-social { display: flex; justify-content: flex-end; } .header-social > div { margin-left: 10px; } .header-contact { display: flex; align-items: center; } .header-contact [data-component="icon"] { display: flex; align-items: center; margin-right: 5px !important; } .topbar a.btn.btn-info.btn-wide:hover { color: #b19f6a !important; } .topbar a.btn.btn-info.btn-wide:hover .fa { color: #b19f6a; transform: translateX(4px) !important; } .topbar a.btn.btn-info.btn-wide .fa { color: #fff; font-size: 12px; transition: all 0.4s ease !important; } .topbar .header-contact:hover .fa { animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } .goog-te-gadget .goog-te-combo { border-color: #fff !important; color: #fff !important; } div#\:0\.targetLanguage:focus { outline-color: #fff; } .top-left { justify-content: space-between !important; } .top-contact { width: 50% !important; margin-left: -90px; } .header-contact { margin-right: 0 !important; } .header-contact a, .header-contact a:hover { text-decoration: none; } .topbar-contact { display: flex; justify-content: center; align-items: center; } @media (max-width: 991px) { .top-contact { width: auto !important; margin-left: -45px; } } @media (max-width: 767px) { .topbar-contact { display: block; } .top-contact { margin-left: 0px; } .topbar { position: absolute; z-index: 999 !important; right: 0 !important; width: 100% !important; } .topbar .col-sm-7 { position: absolute; } .topbar .col-sm-7 .inline-wrapper .header-contact + .header-contact { display: none !important; } .topbar.yummy .btn-wide { min-width: initial; color: #003e4e !important; } .navbar-header { top: 15px; } } @media (max-width: 575px) { .navbar-header { top: 0; } } @media (max-width: 419px) { } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } </style> 101 <div class="block topbar yummy bg-layer footer padding-top-50 padding-bottom-50 background-cover center-center" id="onTo
101p" style="background-color: #17616c; background-image: none; padding-top: 5px; padding-bottom: 5px;"> 102 <!--<div class="overly" style="background-color: rgba(0, 0, 0, 0);"></div> --> 103 <div class="container"> 104 <div class="row topbar-contact" data-component="grid" id="Qpv0a"> 105 <div class="col-sm-7 padding-bottom-0"> 106 <div class="inline-wrapper pull-left pull-left-xs" data-container="true" style="display: flex; flex-flow: row;"> 107 <div data-content="true" data-component="text" class="header-contact"> 108 <div data-component="icon" class=""> 109 <span class="fa fa-mobile-phone" style="color: #fff; font-size: 18px;" id="ui-id-87"></span> 110 </div> 111 <a href="tel:+18769799378" class="small text-left" style="line-height: 25px; margin: 0px 10px 0px 0px; font-size: 14px; color: #fff; font-weight: 700;">+1 876 979 9378 </a> 112 </div> 113 <div data-content="true" data-component="text" class="header-contact"> 114 <div data-component="icon" class=""> 115 <span class="fa fa-envelope-o" style="color: #fff; font-size: 16px;" id="ui-id-87"></span> 116 </div> 117 <a href="mailto:[email protected]" class=""> 118 <p class="small text-left" style="line-height: 25px; margin: 0px 10px 0px 0px; font-size: 14px; color: #fff; font-weight: 700;">[email protected]</p> 119 </a> 120 </div> 121 </div> 122 </div> 123 <div class="col-sm-5 padding-bottom-0" style="text-align: right;"> 124 <div id="google_translate_element"> 125 </div> 126 <div data-component="button"> 127 <a href="https://live.ipms247.com/booking/book-rooms-altamontwesthotel" class="btn btn-info btn-wide" style="line-height: 28px !important; font-size: 10px !important; border-radius: 0px; margin-top: 0px !important; margin-bottom: 0px; background-color: transparent !important; border-color: rgba(0, 0, 0, 0); color: rgb(255, 255, 255); padding: 8px !important;">BOOK NOW <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> 128 </div> 129 </div> 130 </div> 131 </div> 132 </div> 133 <style scoped="scoped">.header-nav .navbar-collapse { display: flex !important; justify-content: space-between; overflow: hidden; } .header-nav .navbar-collapse:before, .header-nav .navbar-collapse:after { content: normal; } /*.header-nav .navbar-collapse a{*/ /* font-size: 12px;*/ /* font-weight: 400 !important;*/ /*}*/ .navbar-toggle .fa-bars { color: #000; } #navbar-inverse-collapse-navbar5 .navbar-nav li a:hover{ color: #b19f6a !important; transition: 0.3s ease; } .dropdown-menu li{ width: 100%; } .header-nav .navbar .navbar-collapse .navbar-nav li a:after { content: ""; display: block; width: 0; height: 2px; background: #b19f6a; transition: width 0.3s; } /*.header-nav .navbar .navbar-collapse .navbar-nav li:hover a:after { width: 100%; display: none; }*/ /* .header-nav .navbar-nav li.active a:after{ width: 100%; } */ @media (max-width: 991px) { .navbar-collapse { padding: 0; } .header-nav .navbar-collapse a { padding: 10px !important; font-size: 12px; } } @media (max-width: 767px) { /*.header-nav{position:absolute;z-index: 99;}*/ .header-nav { padding-top: 50px !important; } .navbar-header { position: relative; display: flex; left: 0 !important; transform: initial !important; width: 100%; padding: 0 15px; } .header-nav { padding-top: 10px; padding-bottom: 10px; } .header-nav .navbar-collapse { display: none !important; flex-flow: column; margin-top: 59px; } .header-nav .navbar-collapse.in { display: flex !important; flex-flow: column; margin-top: 59px; background: #fff; margin-bottom: -11px; } .header-nav .navbar-collapse a { padding: 10px 15px !important; color: #000 !important; } .header-nav .container { padding: 0; } .header-nav .navbar-nav a { padding-top: 10px; padding-bottom: 10px; } .navbar-header { top: 0px !important; } } @media (max-width: 419px) { .navbar-brand img { width: 120px !important; } } </style> 134 <div class="header-nav block yummy bg-layer navbars background-cover padding-bottom-30 center-center" id="navbar5" style="background-color: rgb(255, 255, 255); padding-top: 20px; padding-bottom: 20px; background-image: none; z-index: 99;"> 135 <div class="overly" style="background-color: rgba(0, 0, 0, 0);"> 136 </div> 137 <div class="container"> 138 <nav class="navbar navbar-plain sbpro-navbar-centered" style="position: relative; margin-bottom: 0px; margin-top: 0px;"> 139 <!-- Brand and toggle get grouped for better mobile display --> 140 <div class="navbar-header" style="position: absolute; left: 50%; transform: translateX(-50%);"> 141 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-inverse-collapse-navbar5"><span class="sr-only">Toggle navigation</span> <span class="fa fa-bars"></span> 142 </button> 143 <div data-component="image"> 144 <a href="index.html" class="logo"> 145 <div data-component="image" id="Iyr5Y"> 146 <img src="images/uploads/143/63e35ffc1aec5_AW-Logo.png?0.12916264918436027" class="" style="border-radius: 0px; border-color: rgb(87, 160, 222); border-style: none; border-width: 1px;" alt="image" /> 147 </div> 148 </a> 149 </div> 150 </div> 151 <!-- Collect the nav links, forms, and other content for toggling --> 152 <div class="collapse navbar-collapse" id="navbar-inverse-collapse-navbar5"> 153 <ul class="nav navbar-nav" data-dnd-list=""> 154 <li><a href="aboutus.html" data-parent="1" class="" style="color: rgb(0, 0, 0); font-weight: 600; text-transform: uppercase; background-color: rgba(0, 0, 0, 0); border-color: transparent;">ABOUT</a> </li> 155 <li class="dropdown"><a href="rooms.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true" data-parent="1" style="color: rgb(0, 0, 0); font-weight: 600; text-transform: uppercase; background-color: rgba(0, 0, 0, 0); border-color: transparent;">ROOMS <span class="caret"></span> </a> 156 <ul class="dropdown-menu"> 157 <li><a href="StandardBudget.html">Standard Budget Room</a></li> 158 <li><a href="StandardKing.html">Standard King Room</a></li> 159 <li><a href="StandardDouble.html">Standard Double Room</a></li> 160 <li><a href="SuperiorKing.html">Superior King Room</a></li> 161 <li><a href="SuperiorDouble.html">Superior Double Room</a></li> 162 <li><a href="LuxuryKing.html">Luxury King Room</a></li> 163 <li><a href="AlexanderSuite.html">Alexander Suite</a></li> 164 <li><a href="CharlesSuite.html">Charles Suite</a></li> 165 <li><a href="JuniorSuite.html">Junior Suite</a></li> 166 </ul> 167 </li> 168 <!-- <li draggable="true"> 169 <a href="rooms.html" data-parent="1" class="" style="color: rgb(0, 0, 0); font-weight: 600; text-transform: uppercase; background-color: rgba(0, 0, 0, 0); border-color: transparent;" data-selector="nav a">ROOMS</a> 170 </li> --> 171 <li class=""><a href="amenities.html" data-parent="1" class="" style="color: rgb(0, 0, 0); font-weight: 600; text-transform: uppercase; background-color: rgba(0, 0, 0, 0); border-color: transparent;">AMENITIES </a> </li> 172 </ul> 173 <ul class="nav navbar-nav" data-dnd-list=""> 174 <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true" data-parent="1" style="color: rgb(0, 0, 0); font-weight: 600; text-transform: uppercase; background-color: rgba(0, 0, 0, 0); border-color: transparent;">EXPLORE <span class="caret"></span> </a> 175 <ul class="dropdown-menu"> 176 <li><a href="events.html">Events & Banquets</a></li> 177 <li><a href="restaurant.html">Eats & Drinks</a></li> 178 <li><a href="spa.html">Spa</a></li> 179 <li><a href="attraction.html">Attractions</a></li> 180 </ul> 181 </li> 182 <li><a href="gallery.html" data-parent="1" class="" style="color: rgb(0, 0, 0); font-weight: 600; text-transform: uppercase; background-color: rgba(0, 0, 0, 0); border-color: transparent;">GALLERY </a> </li> 183 <li><a href="contactus.html" data-parent="1" class="" style="color: rgb(0, 0, 0); font-weight: 600; text-transform: uppercase; background-color: rgba(0, 0, 0, 0); border-color: transparent;">CONTACT </a> </li> 184 </ul> 185 </div> 186 <!-- /.navbar-collapse --> 187 </nav> 188 </div> 189 <!-- /.container --> 190 </div> 191 <!-- /.navbars --> 192 <style scoped="scoped">.homebanner { z-index: 0; } .homebanner .carousel-inner > .item .bnr-img img { -webkit-animation: image-zoom 8s ease-out both; animation: image-zoom 8s ease-out both; animation-iteration-count: infinite; } .homebanner .carousel-caption { position: absolute; top: 50%; transform: translateY(-50%); display: flex; flex-flow: column; max-height: 150px; } .homebanner .carousel-inner .item [data-component="image"]:before { content: ""; position: absolute; width: 100%; height: calc(100% + 2px); background: rgb(0 0 0 / 30%); z-index: 1; } .carousel-indicators-wrapper { display: none; } .carousel-caption h3 { font-size: 52px !important; } /*.slideshow .overly{*/ /* background-color: rgba(36,50,74,.7);*/ /* z-index: 99;*/ /*}*/ .glyphicon-chevron-left:before, .glyphicon-chevron-right:before { color: #e4a853; } .carousel-caption p { font-family: PT serif; text-transform: capitalize; } .homebanner a.book-btn { background-color: rgb(235, 188, 121) !important; text-transform: uppercase !important; cursor: pointer !important; line-height: 50px !important; font-size: 12px !important; border-color: rgba(255, 255, 255, 0) !important; border-radius: 40px !important; padding: 0px 50px !important; color: rgb(255, 255, 255) !important; border-width: 0px !important; border-style: none !important; margin-top: 20px !important; } .homebanner a.btn.btn-info.btn-wide.book-btn:hover { background-color: #fff !important; color: #000 !important; } @media (min-width: 768px) and (max-width: 991px) { .carousel-caption h3 { font-size: 40px !important; } } @media (min-width: 768px) { .header-nav .navbar-collapse .navbar-nav li { display: inline-block !important; } } @media (max-width: 768px) { .bb_resbox { width: 100% !important; margin: -71px auto 0 !important; } } @media (max-width: 767px) { .bb_resbox { position: relative !important; margin: 0 auto 0 !important; flex-flow: row wrap !important; width: 100% !important; }
192 p.bbres_fieldset, p.bbres_fieldset ~ select { width: 48% !important; margin-bottom: 15px !important; } p.bbres_fieldset, p.bbres_fieldset ~ select { margin-right: 15px !important; padding-right: 0 !important; } p.bbres_fieldset + p.bbres_fieldset, p.bbres_fieldset ~ select + select { margin-right: 0 !important; } .boxwrapper { position: absolute; width: 100%; } [data-component="button"] { margin: 0 auto !important; } } @media (min-width: 640px) and (max-width: 767px) { .carousel-caption h3 { font-size: 32px !important; } } @media (max-width: 640px) { .carousel-caption { display: initial !important; } .carousel-caption h3 { font-size: 24px !important; } .carousel-caption h5 { font-size: 12px !important; } } @media (max-width: 360px) { .carousel .item .carousel-caption { padding-left: 20px !important; padding-right: 20px !important; bottom: 0 !important; } } /** The Keyframes --------------------------------------**/ @-webkit-keyframes image-zoom { 0% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); -webkit-transform-origin: 50% 16%; transform-origin: 50% 16%; } 100% { -webkit-transform: scale(1.25) translateY(-15px); transform: scale(1.25) translateY(-15px); -webkit-transform-origin: top; transform-origin: top; } } </style> 193 <div class="block yummy bg-layer slideshow homebanner" id="slideshow7"> 194 <div data-container="true"> 195 <div data-component="carousel"> 196 <div id="carousel-example-generic-slideshow7" class="carousel slide nav-arrows-in nav-indicators-in" data-ride="carousel"> 197 <div class="carousel-indicators-wrapper"> 198 <ol class="carousel-indicators"> 199 <li data-target="#carousel-example-generic-slideshow7" data-slide-to="0" class="active"></li> 200 <li data-target="#carousel-example-generic-slideshow7" data-slide-to="1" class=""></li> 201 <li data-target="#carousel-example-generic-slideshow7" data-slide-to="2" class=""></li> 202 <li data-target="#carousel-example-generic-slideshow7" data-slide-to="2" class=""></li> 203 <li data-target="#carousel-example-generic-slideshow7" data-slide-to="2" class=""></li> 204 </ol> 205 </div> 206 <div class="carousel-inner" role="listbox"> 207 <div class="item active" data-carousel-item=""> 208 <div data-container="true"> 209 <div data-component="image" class="bnr-img"> 210 <img src="images/uploads/143/1675928788PIC1.jpg" class="img-responsive" style="border-radius: 0px; border-color: transparent; border-style: none; border-width: 1px;" alt="image" /> 211 </div> 212 <div class="carousel-caption fadeIn-top first-slider" data-container="true"> 213 <div data-content="true" data-component="heading"> 214 <h3 class="text-center" style="font-size: 52px; color: rgb(255, 255, 255); margin: 0 0 10px;">Welcome To Altamont West Hotel</h3> 215 </div> 216 </div> 217 </div> 218 </div> 219 <div class="item" data-carousel-item=""> 220 <div data-container="true"> 221 <div data-component="image" class="bnr-img"> 222 <img src="images/uploads/143/1675928788PIC2.jpg" class="img-responsive" style="border-radius: 0px; border-color: transparent; border-style: none; border-width: 1px;" alt="image" /> 223 </div> 224 <div class="carousel-caption fadeIn-right first-slider" data-container="true"> 225 <div data-content="true" data-component="heading"> 226 <h3 class="text-center" style="font-size: 52px; color: rgb(255, 255, 255); margin: 0 0 10px;">A Boutique Hotel in the Heart of It All</h3> 227 </div> 228 </div> 229 </div> 230 </div> 231 <div class="item" data-carousel-item=""> 232 <div data-container="true"> 233 <div data-component="image" class="bnr-img"> 234 <img src="images/uploads/143/1675928788PIC3.jpg" class="img-responsive" style="min-width: 100%; border-radius: 0px; border-color: transparent; border-style: none; border-width: 1px;" alt="image" /> 235 </div> 236 <div class="carousel-caption fadeIn-left first-slider" data-container="true"> 237 <div data-content="true" data-component="heading"> 238 <h3 class="text-center" style="font-size: 52px; color: rgb(255, 255, 255); margin: 0 0 10px;">A Gourmet Dining Experience</h3> 239 </div> 240 </div> 241 </div> 242 </div> 243 <div class="item" data-carousel-item=""> 244 <div data-container="true"> 245 <div data-component="image" class="bnr-img"> 246 <img src="images/uploads/143/1675928788PIC4.jpg" class="img-responsive" style="min-width: 100%; border-radius: 0px; border-color: transparent; border-style: none; border-width: 1px;" alt="image" /> 247 </div> 248 <div class="carousel-caption fadeIn-top first-slider" data-container="true"> 249 <div data-content="true" data-component="heading"> 250 <h3 class="text-center" style="font-size: 52px; color: rgb(255, 255, 255); margin: 0 0 10px;">Spend Happy Holidays With Us</h3> 251 </div> 252 </div> 253 </div> 254 </div> 255 <div class="item" data-carousel-item=""> 256 <div data-container="true"> 257 <div data-component="image" class="bnr-img"> 258 <img src="images/uploads/143/1675928788PIC5.jpg" class="img-responsive" style="min-width: 100%; border-radius: 0px; border-color: transparent; border-style: none; border-width: 1px;" alt="image" /> 259 </div> 260 <div class="carousel-caption fadeIn-right first-slider" data-container="true"> 261 <div data-content="true" data-component="heading"> 262 <h3 class="text-center" style="font-size: 52px; color: rgb(255, 255, 255); margin: 0 0 10px;">All is Calm, All is Bright</h3> 263 </div> 264 </div> 265 </div> 266 </div> 267 </div>
268 <a class="left carousel-control" data-target="#carousel-example-generic-slideshow7" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" data-target="#carousel-example-generic-slideshow7" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span> <span class="sr-only">Next</span> </a> 269 </div> 270 </div> 271 </div> 272 </div> 273 <style scoped="scoped">.bb_resbox{ padding-bottom: 0 !important; } .bb_resbox p{ margin-bottom: 0 !important; } #bb_resBookingBox { font-size: 11px; display: block; justify-content: center; align-items: flex-end; padding-bottom: 15px !important; } p.bbres_fieldset{ min-width: 100% !important; } .bb_resbox input[type="text"]{ width: 100%; } .bb_resbox input#bb_resBtn{ height: 40px; background: #17616c !important; border-color: #17616c !important; } .bb_resbox input#bb_resBtn:hover{ background: #b19f6a !important; border-color: #b19f6a !important; } .bb_resbox button.ui-datepicker-trigger{ top: 46px !important; } #ui-datepicker-div.ui-datepicker .ui-datepicker-header{ background: #17616c!important; } #ui-datepicker-div.ui-datepicker td a.ui-state-active, #ui-datepicker-div.ui-datepicker td a.ui-state-hover { background: #17616c!important; color: #fff !important; border: 1px solid #17616c!important; } .bb_resbox label{ color: #000; } div#cta9 { z-index: 10; width: 25%; margin: 0 auto; box-shadow: 0 10px 10px -15px; } .city-booking { position: absolute; right: 22px; margin-top: -280px !important; opacity: 1; padding: 20px; background: #edebe5de !important; border: 2px solid #17616c; border-radius: 5px; } .bb_resbox label { color: #333; } input#eZ_chkin, input#eZ_chkout{ color: #333 !important; border-color: #333 !important; background-color: #edebe554 !important; } @media (min-width:992px){ #bb_resBookingBox{ margin-top: 0px; } } @media (max-width: 991px){ .bb_resbox input#bb_resBtn{ border: 0 !important; } .city-booking { margin-top: -295px !important } } @media (max-width: 768px){ #bb_resBookingBox.bb_resbox{ margin-top: 0 !important; } } @media (max-width: 767px){ .bb_resbox p{ font-size: 15px; } div#cta9 { /* margin-top: 0px !important; */ } .city-booking { position: unset; background: #fff!important; } input#eZ_chkin, input#eZ_chkout { background-color: #fff!important; } } @media (max-width: 575px){ p.bbres_fieldset{ min-width: auto; } .bb_resbox p { min-width: 100% !important; margin: 0 !important; } p.bbres_fieldset, p.bbres_fieldset ~ select{ margin-right: 0; } } @media (max-width: 419px){ p.bbres_fieldset { min-width: 100% !important; margin-right: 0 !important; padding: 10px 10px 0 !important; margin-bottom: 5px; } .bb_resbox button.ui-datepicker-trigger { top: 41px !important; right: 30px !important; } } </style> 274 <div class="block yummy bg-layer cta v-align v-center top-left city-booking" style="background-color: #ffffffc7; background-image: none;" id="cta9"> 275 <div class="overly" style="background-color: rgba(0, 0, 0, 0);"> 276 </div> 277 <div class="container"> 278 <div class="row" data-component="grid"> 279
279<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"> 280 </script>
280 281<link href="https://live.ipms247.com/themes/reservation/css/bookingbtn/resui_bookingbox.css" rel="stylesheet" type="text/css" /><link href="https://live.ipms247.com/themes/reservation/css/bookingbtn/resui_datepicker.css" rel="stylesheet" type="text/css" /><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css" type="text/css" /> 282 <div class="fixed"><div class="text-block">
282<script src="https://live.ipms247.com/themes/reservation/js/bookingbtn/jquery-ui.js" type="text/javascript"> 283 </script>
283 284
284<script src="https://live.ipms247.com/themes/reservation/js/bookingbtn/common.js" type="text/javascript"> 285 </script>
285
285<script src="https://live.ipms247.com/themes/reservation/js/bookingbtn/resui_resbookingbox.js" type="text/javascript"> 286 </script>
286 287 <form name="_resBBBox" action="https://live.ipms247.com/booking/book-rooms-altamontwesthotel" target="_blank" method="post" class=""> 288 <div class="bb_resbox" id="bb_resBookingBox" style="width: 100%; background: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: none;"> 289 <p class="bbres_fieldset bbres_fieldset3" style="font-family: Arial, Helvetica, sans-serif; color: rgb(255, 255, 255);"> 290 <label class="cilabel">Arrival</label> 291 <input name="eZ_chkin" type="text" id="eZ_chkin" class="bbres_fieldset datepicker res_chkin2 hasDatepicker" placeholder="dd-mm-yy" readonly="readonly" style="font-family: Arial, Helvetica, sans-serif; color: rgb(255, 255, 255); background: none; border: 1px solid rgb(255, 255, 255);" /> 292 <button type="button" class="ui-datepicker-trigger ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" style="background-position: 1px 0px;"><span class="ui-button-text">...</span> 293 </button></p> 294 <p class="bbres_fieldset bbres_fieldset4" style="font-family: Arial, Helvetica, sans-serif; color: rgb(255, 255, 255);"> 295 <label class="cilabel">Departure</label> 296 <input name="eZ_chkout" type="text" id="eZ_chkout" class="bbres_fieldset datepicker res_chkout2 hasDatepicker" placeholder="dd-mm-yy" readonly="readonly" style="font-family: Arial, Helvetica, sans-serif; color: rgb(255, 255, 255); background: none; border: 1px solid rgb(255, 255, 255);" /> 297 <button type="button" class="ui-datepicker-trigger ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" style="background-position: 1px 0px;"><span class="ui-button-text">...</span> 298 </button></p> 299 <input name="eZ_Nights" id="eZ_Nights" type="hidden" class="txtbox res_nights2" value="1" /> 300 <input name="eZ_adult" id="eZ_adult" type="hidden" class="txtbox" value="1" /> 301 <input name="eZ_child" id="eZ_child" type="hidden" value="0" class="txtbox" /> 302 <input name="eZ_room" id="eZ_room" type="hidden" class="txtbox" value="1" /> 303 <input name="hidBodyLanguage" id="hidBodyLanguage" type="hidden" class="txtbox" value="en" /> 304 <p class="bbres_fieldset bbres_fieldset10 bb_btn" style="font-family: Arial, Helvetica, sans-serif; color: rgb(255, 255, 255);"> 305 <input type="button" name="bb_resBtn" id="bb_resBtn" value="Book Now" class="bbres_booknow bb_resBtn resbtn234" onclick="BB_valiDateFomData();" style="background: none; border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-left: 80px;" /></p> 306 <input name="calformat" id="calformat" type="hidden" class="txtbox" value="dd-mm-yy" /> 307 <input type="hidden" name="ArDt" id="ArDt" value="19-06-2025" /> 308 <input type="hidden" name="acturl" id="acturl" value="https://eweb247.com/sites/getframe/https://live.ipms247.com/booking/book-rooms-altamontwesthotel" /> 309 </div> 310 </form> 311
311<script> 312 jQuery("#bb_resBookingBox").bb_resBookingBox({ 313btnContainer: "bb_resBookingBox", 314headerColor: "#fff", 315bodyColor: "none", 316showborder: false, 317BorderColor: "#2cdede", 318BorderWidth: 1, 319BorderType: "solid", 320FontFamily: "Arial, Helvetica, sans-serif", 321BodyLanguage:"en", 322FontSize: "12", 323TextColor: "#fff", 324InputBorderColor: "#fff", 325InputbackColor: "none", 326InputTextColor: "#fff", 327ButnBackColor: "intial", 328ButnBorderColor: "intial", 329ButnTextColor: "intial", 330HeaderTextColor: "#515151", 331HeaderFontSize: "30", 332ShowHeader: "0", 333boxwidth: "100", 334boxwidthtype: "TYPE_PER", 335ShowInlineCSS: "1", 336type: "htype", 337acr:false, 338ShowChild:false, 339rooms:false, 340promotion:false, 341defaultadult:13, 342defaultchild:1, 343defaultroom:16, 344ShowNights:false, 345Nonights:48, 346HTextCaption: "Reservation", 347BtnTextCaption: "Book Now", 348LblPromoCaption: "Promo", 349LblChkOutCaption: "Departure", 350Calinit: true, 351CalShowOn: "both", 352CalDefaultDt: "+0w", 353CalChangeMonth: true, 354CalMinDate: "0", 355CalMaxDate: "", 356CalDtFormat: "dd-mm-yy", 357CalCutoffDays: "1", 358CalImage: "1px 0", 359CalBackColor: "#a0f2ea", 360CalHeaderColor: "#d5f2f1", 361CalCellActiveColor: "#101414", 362CalCellInActiveColor: "#c8dbda", 363LblArrivalCaption: "Arrival", 364LblNightsCaption: "Nights", 365LblAdultsCaption: "Adult", 366LblChildsCaption: "Child", 367LblRoomsCaption: "Rooms", 368LblPerRoomCaption: "Per Room", 369HotelId: "927753" 370}); 371 </script>
371 372 <style type="text/css" scoped="scoped">.btn-primary:focus{background:#00244e;border:1px solid #00244e!important;color:#fff}.bb_resbox p{margin:0 0 22px 0;line-height:normal;vertical-align:bottom;font-size:17px}p.bbres_fieldset{min-width:100%}.bb_resbox label{font-weight:400}.bb_resbox select{line-height:normal;padding:7px 0 7px 7px}.bb_resbox input[type="text"]{padding:9px 0 9px 7px}input#bb_resBtn{margin:0;padding:3px 13px 0!important;background:#00244e!important;border:1px solid #00244e!important}input#bb_resBtn:hover{background:transparent!important;border:1px solid #00244e!important}.ui-datepicker .ui-datepicker-header{background:#00244e!important}.ui-datepicker{z-index:999}.ui-datepicker td a.ui-state-active,.ui-datepicker td a.ui-state-hover{background:#00244e!important;border:1px solid #00244e!important}.contactadd{border:1px solid #00244e!important}@media (max-width:991px){input#bb_resBtn{background-color:transparent!important;border:1px solid #fff!important;color:#fff!important}input#bb_resBtn:hover,input#bb_resBtn:focus{background-color:transparent!important;border:1px solid #fff!important;color:#fff!important}.bb_resbox{padding:10px 0 10px 0px!important}}</style> 373 </div> 374 </div> 375 </div> 376 <!-- /.row --> 377 </div> 378 <!-- /.container --> 379</div> 380<style type="text/css" media="screen" scoped="scoped">#content4 h2{ color: #000000; text-align: center; font-size: 50px; } #content4 .city-about{ padding:0 30px; } #content4 .city-about p.lead{ color: #686868; font-size: 16px; text-align: center; font-weight: 400; line-height: 30px; } #content4 .about-img{ clip-path: polygon(0% 0%, calc(50% - 5px) 0, calc(50% - 5px) 100%, calc(50% + 5px) 100%, calc(50% + 5px) 50px, 100% 50px, 100% 100%, calc(50% - 5px) 100%, calc(50% - 5px) calc(100% - 50px), 0 calc(100% - 50px), 0 50px); } #content4 .about-img img{ transition:transform .8s; transform: scale3d(1.05,1.05,1); } #content4 .about-img:hover img{ transform: scale3d(1,1,1); transition:transform .8s; } a.btn.btn-default:hover{ transition: all 0.4s ease !important; } a.btn.btn-default:hover .fa{ transform: translateX(4px) !important; transition: all 0.4s ease !important; } @media(max-width: 1199px){ #content4 h2{ font-size: 40px; } } @media(max-width: 991px){ #content4{ padding-top: 100px !important; } #content4 .about-img img{ margin: 0 auto; } #content4 h2{ font-size: 35px; } } @media(max-width: 767px){ #content4 h2{ font-size: 30px; } } </style> 381<div class="block yummy bg-layer content background-cover center-center padding-top-100 padding-bottom-100" id="content4" style="background-color: #edebe5;"> 382 <div class="overly"> 383 </div> 384 <div class="container"> 385 <div class="row v-center" data-component="grid"> 386 <div class="col-md-6"> 387 <div class="sbpro-bg-styler city-about" data-container="true"> 388 <div data-content="true" data-component="heading"> 389 <h2 class="text-center">About Us</h2> 390 </div> 391 <div data-content="true" data-component="text"> 392 <p class="lead">Altamont West was established in 2006. On the Hip Strip of Montego Bay, Altamont West Hotel is a small, 31 room Boutique Hotel set in a shopping/beach area of Montego Bay and gives access to all of what Montego Bay has to offer within a few minutes walk. Be sure to visit the Harmony Beach Park reachable on foot. Enjoy an outdoor child friendly swimming pool, massage treatments and a spa centre on property. The venue is literally less than 10 minutes walk from the city centre.</p> 393 <p class="lead">Approximately a 10-minute walk separates guests from The world famous Doctors Cave Beach or markets, shops, malls, and banking. The accommodation is only a 1 hour drive to Negril.</p> 394 </div> 395 <div data-component="button" class="text-center"> 396 <a href="aboutus.html" class="btn btn-default" style="background-color: rgb(247, 167, 13); border-color: transparent; color: rgb(255, 255, 255);">Read More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a> 397 </div> 398 </div> 399 <!-- /data-container --> 400 </div> 401 <!-- /.col --> 402 <div class="col-md-6"> 403 <div data-container="true"> 404 <div data-component="image" class="about-img"> 405 <img src="images/uploads/143/63e4a5b4017f3_Front.jpg?0.7102311344774533" class="img-responsive" alt="image" /> 406 </div>
407 </div> 408 <!-- /data-container --> 409 </div> 410 <!-- /.col --> 411 </div> 412 <!-- /.row --> 413 </div> 414 <!-- /.container --> 415</div> 416<style type="text/css" media="screen" scoped="scoped">.offer-section h1{ color: #fff; text-align: center; font-size: 50px; } .offer-section{ min-height: 450px; } @media(max-width: 1199px){ .offer-section h1{ font-size: 40px; } } @media(max-width: 991px){ .offer-section h1{ font-size: 35px; } } @media(min-width: 768px) and (max-width: 991px){ .offer-section { min-height: 300px; } } @media(max-width: 767px){ .offer-section{ background-image: none !important; min-height: 290px !important; } .offer-section h1{ font-size: 30px; color: #000; } } </style> 417<div class="block yummy bg-layer countdown-timer background-cover center-center padding-top-100 padding-bottom-100 offer-section" id="countdown2" style="background-image: url('images/uploads/54/1617956440offer-bg.jpg'); padding-top: 50px;padding-bottom: 50px;"> 418 <div class="overly"> 419 </div> 420 <div class="container"> 421 <div class="row" data-component="grid"> 422 <div class="col-md-8 col-md-offset-2 text-center"> 423 <div data-container="true"> 424 <div data-content="true" data-component="heading"> 425 <h1 class="" style="margin-top: 50px">Explore & Enjoy</h1> 426 </div> 427 </div> 428 <!-- /data-container --> 429 </div> 430 <!-- /.col --> 431 </div> 432 <!-- /.row --> 433 </div> 434 <!-- /.container --> 435</div> 436<style type="text/css" media="screen" scoped="scoped">.features { padding: 0; top: -200px; } .features img { position: relative; } .features .feture-content { position: absolute; bottom: 0px; background-color: #000000cc; z-index: 999; width: 100%; padding: 30px !important; transition: all 0.9s; } .features .feture-content .btn { opacity: 0; transform: translate3d(0, 50px, 0); /* transition: all 0.9s ; */ width: 60%; margin: 0 auto; } .features .feture-content:hover { transition: all 0.9s; } .features .feture-content:hover .btn { /* display: block; */ transition: all 0.9s; transform: translate3d(0, 0px, 0); background-color: #17616c !important; border-color: #17616c !important; color: #fff !important; opacity: 1; } .features .feture-content .btn .fa { color: #fff; font-size: 12px; transition: 0.3s ease all; } .features .feture-content .btn:hover .fa, .features .feture-content-mid
436dle .btn:hover .fa { transform: translateX(4px) !important; transition: 0.3s ease all; } .features .feture-content h4, .features .feture-content-middle h4 { margin: 0; letter-spacing: 4.8px; text-transform: uppercase; font-size: 12px; color: #fff; } .features .feture-content h4 { transform: translate3d(0, 30px, 0); transition: opacity 0.35s, transform 0.35s; } .features .feture-content h2 { font-size: 21px; margin: 0; color: #fff; letter-spacing: 0.50px; transform: translate3d(0, 30px, 0); transition: opacity 0.35s, transform 0.35s; } .features .feture-content:hover h2, .features .feture-content:hover h4 { transform: translate3d(0, 00px, 0); transition: opacity 0.35s, transform 0.35s; } .features .feture-content-middle { background-color: transparent; position: absolute; top: 60px; padding: 15px 30px !important; } .features .feture-content-middle h2 { font-size: 30px; color: #fff; } .features .feture-content-middle p { color: #fff; font-size: 16px; line-height: 30px; font-weight: 400; text-transform: capitalize; text-shadow: 2px 2px #000000b8; }
436 .features .feture-content-middle .btn { background-color: #17616c !important; color: #fff !important; width: 60%; margin: 0 auto; } @media (max-width: 1199px) { .features .feture-content-middle h2, .features .feture-content h2 { font-size: 25px; } .features .feture-content-middle .btn, .features .feture-content .btn { width: 80%; } .features .feture-content-middle { top: 20px; } } @media (max-width: 991px) { .features img, .features .feture-content, .features .feture-content-middle { width: 100%; } .features .feture-content-middle h2, .features .feture-content h2 { font-size: 20px; } .features .feture-content-middle p { display: none; } .features .feture-content-middle .btn, .features .feture-content .btn { width: auto; padding: 0 35px !important; } .features { top: -120px; } } @media (max-width: 767px) { .features .col-sm-4 { width: 80%; margin: 0 auto; } .features .feture-content-middle { top: 300px; } } @media (max-width: 480px) { .features .col-sm-4 { width: auto; margin: 0 auto; } .features .feture-content-middle { top: 250px; } }
436 @media (max-width: 420px) { .features .feture-content-middle { top: 100px; } } </style> 437<div class="block yummy bg-layer features padding-top-100 background-cover" id="features15" style="padding-bottom: 0 !important;"> 438 <div class="overly"> 439 </div> 440 <div class="container"> 441 <div class="row" data-component="grid"> 442 <div class="col-sm-4"> 443 <div class="sbpro-bg-styler"> 444 <div data-container="true"> 445 <div data-component="image"> 446 <img src="images/uploads/143/63e4a68d89b5f_Spa.jpg?0.03117327618834953" class="" alt="image" /> 447 </div> 448 <div class="sbpro-bg-styler padding-sm text-center feture-content"> 449 <div data-container="true"> 450 <!-- <div data-content="true" data-component="heading" draggable="true"> 451 <h4 data-selector='*[data-component="heading"] > *'>up to 30% off</h4> 452 </div> --> 453 <div data-content="true" data-component="heading"> 454 <h2 class="">Spa</h2> 455 </div> 456 <div data-component="button"> 457 <a href="spa.html" target="_blank" class="btn btn-block btn-primary btn-sm">Read More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a> 458 </div> 459 </div> 460 <!-- /data-container --> 461 </div> 462 <!-- /.sbpro-bg-styler --> 463 </div> 464 <!-- /data-container --> 465 </div> 466 <!-- /.sbpro-bg-styler --> 467 </div> 468 <!-- /.col --> 469 <!-- <div class="col-sm-4"> 470 <div class="sbpro-bg-styler" data-selector=".sbpro-bg-styler"> 471 <div data-container="true"> 472 <div data-component="image" draggable="true"> 473 <img src="images/uploads/143/632733cd371c6_Secunderabad-Railway-Station.jpg?0.4348808769207684" class="" data-selector="img"> 474 </div> 475 476 <div class="sbpro-bg-styler padding-sm text-center feture-content-mid
476dle" data-selector=".sbpro-bg-styler"> 477 <div data-container="true"> 478 479 480 <div data-content="true" data-component="heading" draggable="true"> 481 <h2 class="" data-selector="*[data-component="heading"] > *">Secunderabad Railway Station</h2> 482 </div> 483 484 <div data-content="true" data-component="" draggable="true"> 485 <p>Secunderabad Junction is a major intercity junction railway station and a commuter rail hub in the Hyderabad urban area.</p> 486 </div> 487 488 <div data-component="button" draggable="true"> 489 <a href="attraction.html" target="_blank" class="btn btn-block btn-primary btn-sm" data-selector="a.btn, button.btn">Read More <i class="fa fa-long-arrow-right" aria-hidden="true" data-selector="span.fa, i.fa"></i></a> 490 </div> 491 </div> 492 493 </div> 494 495 </div> 496 497 </div> 498 499 </div> --> 500 <div class="col-sm-4"> 501 <div class="sbpro-bg-styler"> 502 <div data-container="true"> 503 <div data-component="image"> 504 <img src="images/uploads/143/63e4a67856ac8_Attraction.jpg?0.9703145374947102" class="" alt="image" /> 505 </div> 506 <div class="sbpro-bg-styler padding-sm text-center feture-content"> 507 <div data-container="true"> 508 <!-- <div data-content="true" data-component="heading" draggable="true"> 509 <h4 data-selector='*[data-component="heading"] > *'>Membership</h4> 510 </div> --> 511 <div data-content="true" data-component="heading"> 512 <h2 class="">Attractions</h2> 513 </div> 514 <div data-component="button"> 515 <a href="attraction.html" target="_blank" class="btn btn-block btn-primary btn-sm">Read More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a> 516 </div> 517 </div> 518 <!-- /data-container --> 519 </div> 520 <!-- /.sbpro-bg-styler --> 521 </div> 522 <!-- /data-container --> 523 </div> 524 <!-- /.sbpro-bg-styler --> 525 </div> 526 <div class="col-sm-4"> 527 <div class="sbpro-bg-styler"> 528 <div data-container="true"> 529 <div data-component="image"> 530 <img src="images/uploads/143/63e4a69c2e2f0_Restaurant.jpg?0.3945392684157931" class="" alt="image" /> 531 </div> 532 <div class="sbpro-bg-styler padding-sm text-center feture-content"> 533 <div data-container="true"> 534 <!-- <div data-content="true" data-component="heading" draggable="true"> 535 <h4 data-selector='*[data-component="heading"] > *'>Membership</h4> 536 </div> --> 537 <div data-content="true" data-component="heading"> 538 <h2 class="">Eats & Drinks</h2> 539 </div> 540 <div data-component="button"> 541 <a href="restaurant.html" target="_blank" class="btn btn-block btn-primary btn-sm">Read More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a> 542 </div> 543 </div> 544 <!-- /data-container --> 545 </div> 546 <!-- /.sbpro-bg-styler --> 547 </div> 548 <!-- /data-container --> 549 </div> 550 <!-- /.sbpro-bg-styler --> 551 </div> 552 <!-- /.col --> 553 </div> 554 <!-- /.row --> 555 </div> 556 <!-- /.container --> 557</div> 558<style scoped="scoped">.rooms .rooms-list .col-md-4 { padding-bottom: 20px; } .room-btns { display: flex; /*justify-content: space-between;*/ margin-top: 15px; } .room-btns [data-component] + [data-component] { margin-left: 16px; } .room-btns [data-component] { display: flex; align-items: center; } .room-btns .btn-ghost { background-color: transparent !important; border-color: #cd8a0a !important; color: #cd8a0a !important; } .room-btns .btn-ghost:hover, .room-btns .btn-ghost:focus { background-color: rgba(205, 138, 10, 0.15) !important; } .room-capacity-info { display: flex; font-weight: 600; } .room-capacity-info p { font-size: 14px; color: rgb(162, 162, 162); margin: 0px; font-weight: 400; } .room-capacity-info .col { padding-left: 10px; } .room-day-price { margin-top: 5px; } .rooms-list a.btn.btn-default.btn-sm:hover { border: 1px solid#b19f6a; } .rooms-list a h3 { color: #fff; font-size: 25px; margin-bottom: 0; } .rooms-list .room-right a h3 { font-size: 20px; } .rooms-list a h3.room-name.text-left:hover { color:#b19f6a; } .rooms-list .room-inner { /* transition: 0.3s; */ transform: scale3d(1, 1, 1); transition: transform 0.8s; } .rooms-list .room-inner img { transition: 0.3s; position: relative; } /* .rooms-list .room-inner:hover img{ transform: scale3d(1,1,1); transition: transform .8s; } */ .rooms-list .room-inner:hover { /* transform: scale(1.05); transition: 0.3s; */ transform: scale3d(1.02, 1.02, 1); transition: transform 0.8s; } .rooms h2 { color: #000000; text-align: center; font-size: 50px; margin-bottom: 30px; } .rooms-list .room-inner .room-content { position: absolute; bottom: 0px; height: 100%; width: 100%; z-index: 10; transition: 0.3s; background-color: #00000040; }
558 .rooms-list .room-inner .room-content .room-inner-content { position: absolute; bottom: 10px; } a.btn.btn-default { transition: all 0.4s ease !important; } a.btn.btn-default:hover .fa { transform: translateX(4px) !important; transition: all 0.4s ease !important; } .rooms { margin-top: -100px !important; } @media (max-width: 1199px) { .rooms h2 { font-size: 40px !important; } .padding-top-100 { padding-top: 70px !important; } .padding-bottom-100 { padding-bottom: 70px !important; } } @media (max-width: 991px) { .rooms h2 { font-size: 35px !important; } .rooms-list .room-inner { margin: 10px auto; } .padding-top-100 { padding-top: 50px !important; } .padding-bottom-100 { padding-bottom: 50px !important; } } @media (max-width: 767px) { .rooms h2 { font-size: 30px !important; } .room-btns > div { margin: 0 !important; } .padding-top-100 { padding-top: 30px !important; } .padding-bottom-100 { padding-bottom: 30px !important; } } </style> 559<div class="rooms block yummy bg-layer content background-cover padding-top-100 padding-bottom-100 center-center" id="content8" style="background-color: #edebe5; background-image: none;"> 560 <div class="overly" style="background-color: rgba(0, 0, 0, 0);"> 561 </div> 562 <div class="container"> 563 <div class="row" data-component="grid"> 564 <div class="col-md-12"> 565 <div data-container="true"> 566 <div data-content="true" data-component="heading"> 567 <h2 class="">Accommodations at Our Hotel</h2> 568 </div> 569 </div> 570 <!-- /data-container --> 571 </div> 572 <!-- /.col --> 573 </div> 574 <!-- /.row --> 575 <div class="row rooms-list" data-component="grid"> 576 <div class="col-md-6"> 577 <div class="sbpro-bg-styler room-inner" data-container="true"> 578 <div data-component="image"> 579 <a href="StandardDouble.html"><img src="images/uploads/143/63f5aaf93d398_2.jpg" class="img-rounded" style="width: 100%; border-radius: 0px; border-color: transparent; border-style: none; border-width: 1px;" alt="image" /> </a> 580 </div> 581 <div class="padding-sm room-content" style="padding: 16px;"> 582 <div class="room-inner-content"> 583 <div data-content="true" data-component="heading"> 584 <a href="StandardDouble.html" class=""> 585 <h3 class="room-name text-left">Standard Double Room</h3> 586 </a> 587 </div> 588 </div> 589 </div> 590 </div> 591 </div> 592 <div class="col-md-6"> 593 <div class="sbpro-bg-styler room-inner" data-container="true"> 594 <div data-component="image"> 595 <a href="StandardKing.html"><img src="images/uploads/143/63f5ab2a659b8_3.jpg" class="img-rounded" style="width: 100%; border-radius: 0px; border-color: transparent; border-style: none; border-width: 1px;" alt="image" /> </a> 596 </div> 597 <div class="padding-sm room-content" style="padding: 16px;"> 598 <div class="room-inner-content"> 599 <div data-content="true" data-component="heading"> 600 <a href="StandardKing.html" class=""> 601 <h3 class="room-name text-left">Standard King Room</h3> 602 </a> 603 </div> 604 </div> 605 </div> 606 </div> 607 </div> 608 </div> 609 <!-- /.row --> 610 <div style="text-align: center;"> 611 <div data-component="button"> 612 <a href="rooms.html" class="btn btn-default" style="margin-top: 30px; margin-bottom: 15px; background-color: rgb(247, 167, 13); border-color: transparent; color: rgb(255, 255, 255);">EXPLORE MORE <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> 613 </div> 614 </div> 615 </div> 616 <!-- /.container --> 617</div> 618<style type="text/css" media="screen" scoped="scoped">#slideshow8 .carousel-caption h3{ font-size: 42px !important; } #slideshow8 .carousel-caption p{ color: #1a1a1a !important; } #slideshow8 .carousel .item .carousel-caption { position: absolute; width: 45%; top: 50%; left: 50%; transform: translate(-50%,-50%); /* margin: 0 100px 0px auto; */ background: #ffffffab; padding: 50px; /* filter: blur(8px); */ height: fit-content; border-radius: 20px; } /*@media (max-width: 1199px) { #slideshow8 .carousel .item .carousel-caption { bottom: 20px !important; padding: 30px; margin: 0 80px 0px auto; } }*/ @media (max-width: 991px) { #slideshow8 .carousel .item .carousel-caption { display: none !important; } } </style> 619<div class="block yummy bg-layer slideshow" id="slideshow8"> 620 <div class="overly"> 621 </div> 622 <div data-container="true"> 623 <div data-component="carousel"> 624 <div id="carousel-example-generic-slideshow8" class="carousel slide" data-ride="carousel"> 625 <div class="carousel-inner" role="listbox"> 626 <div class="item active" data-carousel-item=""> 627 <div data-container="true"> 628 <div data-component="image"> 629 <img src="images/uploads/143/16759320411.jpg?51124124?0.17290842189709865" class="img-responsive" style="width:100%;" alt="image" /> 630 </div> 631 <div class="carousel-caption" data-container="true"> 632 <div data-content="true" data-component="heading"> 633 <h4 class="text-center" style="color: #1d808f; letter-spacing: 4px; font-size: 12px; text-transform: capitalize; margin: 0;">Top Reasons to Stay</h4> 634 </div> 635 <div data-content="true" data-component="heading"> 636 <h3 class="text-center" style="color: #000; color: #000;font-size: 30px;">Give in to Serenity</h3> 637 </div> 638 <div data-content="" data-component="text"> 639 <p class="text-center">A true escape, Altamont West Hotelâs perfect combination of privacy and luxury is maintained through a long-standing.</p> 640 </div> 641 </div> 642 </div> 643 </div> 644 <div class="item" data-carousel-item=""> 645 <div data-container="true"> 646 <div data-component="image"> 647 <img src="images/uploads/143/63f319dddd13c_Roomss.jpg" class="img-responsive" style="width:100%;" alt="image" /> 648 </div> 649 <div class="carousel-caption" data-container="true"> 650 <div data-content="true" data-component="heading"> 651 <h4 class="text-center" style="color: #1d808f; letter-spacing: 4px; font-size: 12px; text-transform: capitalize; margin: 0;">Top Reasons to Stay</h4> 652 </div> 653 <div data-content="true" data-component="heading"> 654 <h3 class="text-center" style="color: #000; color: #000;font-size: 30px;">Modern Room</h3> 655 </div> 656 <div data-content="" data-component="text"> 657 <p class="text-center">The rooms are very beautiful and clean. Matchless comfort with an authentic vibe. Replete with modern facilities and services, the spacious rooms are an excellent blend of style and comfort. Our rooms offer âclose to homeâ comfort.</p> 658 </div> 659 </div> 660 </div> 661 </div> 662 <div class="item" data-carousel-item=""> 663 <div data-container="true"> 664 <div data-component="image"> 665 <img src="images/uploads/143/16759320413.jpg?35478906" class="img-responsive" style="width:100%;" alt="image" /> 666 </div> 667 <div class="carousel-caption" data-container="true"> 668 <div data-content="true" data-component="heading"> 669 <h4 class="text-center" style="color: #1d808f; letter-spacing: 4px; font-size: 12px; text-transform: capitalize; margin: 0;">Top Reasons to Stay</h4> 670 </div> 671 <div data-content="true" data-component="heading"> 672 <h3 class="text-center" style="color: #000; color: #000;font-size: 30px;">Ignite Your Senses</h3> 673 </div> 674 <div data-content="" data-component="text"> 675 <p class="text-center">There's a time to relax and a time to recharge. In our breathtaking, reinvented room, youâll enjoy fantastic views.</p> 676 </div> 677 </div> 678 </div> 679 </div>
680 </div> 681 <a class="left carousel-control" data-target="#carousel-example-generic-slideshow8" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" data-target="#carousel-example-generic-slideshow8" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span> <span class="sr-only">Next</span> </a> 682 </div> 683 </div> 684 </div> 685</div> 686<style type="text/css" media="screen" scoped="scoped">.service-box .service-top { position: relative; display: flex; justify-content: center; align-items: center; } .service-box .service-top .fa{ font-size: 40px; } .yummy .sbpro-bg-styler.padding-lg.service-box{ padding: 50px 30px; } .service-box:hover{ transition: all 0.3s ease; box-shadow: none !important; background-color: #fff !important; /* margin-bottom: 10px; */ transform: translateY(-10px); /* animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite; */ } .yummy .sbpro-bg-styler.bg-light.pricing{ background-color: #edebe594; } .service-box .service-top .fa-circle{ position: absolute; left: 75px; color: #17616c; font-size: 45px; top: -8px; z-index: -1; display: block; } .service-box:hover .fa-television, .service-box:hover .fa-car, .service-box:hover .fa-wifi, .service-box:hover .fa-bath{ color: #17616c; animation: beat .3s infinite alternate; transition: all 0.3s ease; } .service-box:hover .fa-circle{ display: none; } .service-box h3{ font-weight: 700; margin-bottom: 10px; font-size: 18px; color: #000; text-align: center; line-height: 25px; } .service-box p{ font-size: 15px; color: #686868; line-height: 25px; font-weight: 400; text-align: center; } .service-box .fa-long-arrow-right{ background-color: #e2dfd5; border-radius: 50%; padding: 10px; width: 40px; height: 40px; line-height: 22px; } .yummy.sbpro-bg-styler.padding-lg.service-box { padding: 50px 30px !important; background-color: transparent !important; transition: all 0.3s ease; } .service-box-second{ background-color: #fff !!important } .service-box a, .service-box a:hover{ background-color: transparent !important; margin-top: 0 !important; } .pricing h2{ color: #000; text-align: center; font-size: 50px!important; margin-bottom: 50px!important; font-weight: 700!important; } @keyframes beat{ to { transform: scale(1.1); } } @media(max-width: 1199px){ .pricing h2{ font-size: 40px !important; } .yummy .sbpro-bg-styler.padding-lg.service-box { padding: 20px 10px; } } @media(max-width: 991px){ .pricing h2{ font-size: 35px !important; } .yummy .sbpro-bg-styler.padding-lg.service-box{ padding: 20px 10px; background-color: #fff; margin-top: 10px; } .service-box .service-top .fa-circle{ left: 135px; } } @media(max-width: 767px){ .pricing h2{ font-size: 30px !important; } .service-box .service-top .fa-circle{ left: 44%; } } @media (max-width: 480px){ .service-box .service-top .fa-circle{ display: none; } } </style> 687<div class="block yummy bg-layer pricing padding-top-100 padding-bottom-100" id="pricing6" style="background-color: #fff"> 688 <div class="overly"> 689 </div> 690 <div class="container"> 691 <div class="row" data-component="grid"> 692 <div class="col-md-12"> 693 <div data-container="true"> 694 <div data-content="true" data-component="heading"> 695 <h2 class="block-header text-center">Extra Services</h2> 696 </div> 697 </div> 698 <!-- /data-container --> 699 </div> 700 <!-- /.col --> 701 </div> 702 <div class="row" data-component="grid"> 703 <div class="col-md-3 col-sm-6 col-12"> 704 <div class="sbpro-bg-styler padding-lg pricing service-box"> 705 <div data-container="true"> 706 <div data-content="true" data-component="heading" class="service-top"> 707 <i class="fa fa-car" aria-hidden="true"></i> <i class="fa fa-circle" aria-hidden="true"></i> 708 </div> 709 <div data-content="true" data-component="heading"> 710 <h3 style="margin-bottom: 10px;" class="text-uppercase text-center">Parking Space</h3> 711 </div> 712 <div data-content="true" data-component="heading"> 713 <p class="small text-center">Please consider your private parking or better yet.</p> 714 </div> 715 <div data-component="button" class="text-center"> 716 <a href="amenities.html" class="btn"><i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> 717 </div> 718 </div> 719 <!-- /data-container --> 720 </div> 721 <!-- /.sbpro-bg-styler --> 722 </div> 723 <!-- /.col --> 724 <div class="col-md-3 col-sm-6 col-12"> 725 <div class="sbpro-bg-styler padding-lg bg-light pricing service-box"> 726 <div data-container="true"> 727 <div data-content="true" data-component="heading" class="service-top"> 728 <i class="fa fa-wifi" aria-hidden="true"></i> <i class="fa fa-circle" aria-hidden="true"></i> 729 </div> 730 <div data-content="true" data-component="heading"> 731 <h3 style="margin-bottom: 10px;" class="text-uppercase text-center">Free Wifi</h3> 732 </div> 733 <div data-content="true" data-component="heading"> 734 <p class="small text-center">We provide wifi service for the guests.</p> 735 </div> 736 <div data-component="button" class="text-center"> 737 <a href="amenities.html" class="btn"><i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> 738 </div> 739 </div> 740 <!-- /data-container --> 741 </div> 742 <!-- /.sbpro-bg-styler --> 743 </div> 744 <!-- /.col --> 745 <div class="col-md-3 col-sm-6 col-12"> 746 <div class="sbpro-bg-styler padding-lg pricing service-box service-box-second"> 747 <div data-container="true"> 748 <div data-content="true" data-component="heading" class="service-top"> 749 <i class="fa fa-bath" aria-hidden="true"></i> <i class="fa fa-circle" aria-hidden="true"></i> 750 </div> 751 <div data-content="true" data-component="heading"> 752 <h3 style="margin-bottom: 10px;" class="text-uppercase text-center">Hot & Cold Waterâ</h3> 753 </div> 754 <div data-content="true" data-component="heading"> 755 <p class="small text-center">Let us know if you need anything to be more.</p> 756 </div> 757 <div data-component="button" class="text-center"> 758 <a href="amenities.html" class="btn"><i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> 759 </div> 760 </div> 761 <!-- /data-container --> 762 </div> 763 <!-- /.sbpro-bg-styler --> 764 </div> 765 <!-- /.col --> 766 <div class="col-md-3 col-sm-6 col-12"> 767 <div class="sbpro-bg-styler padding-lg bg-light pricing service-box"> 768 <div data-container="true"> 769 <div data-content="true" data-component="heading" class="service-top"> 770 <i class="fa fa-television" aria-hidden="true"></i> <i class="fa fa-circle" aria-hidden="true"></i> 771 </div> 772 <div data-content="true" data-component="heading"> 773 <h3 style="margin-bottom: 10px;" class="text-uppercase text-center">Cable TV</h3> 774 </div> 775 <div data-content="true" data-component="heading"> 776 <p class="small text-center">We provide cable tv facilities to our guests.</p> 777 </div> 778 <div data-component="button" class="text-center"> 779 <a href="amenities.html" class="btn"><i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> 780 </div> 781 </div> 782 <!-- /data-container --> 783 </div> 784 <!-- /.sbpro-bg-styler --> 785 </div> 786 </div> 787 <!-- /.row --> 788 </div> 789 <!-- /.container --> 790</div> 791<style type="text/css" media="screen" scoped="scoped">#content4 h2{ color: #000000; text-align: center; font-size: 50px; }
791 #content4 .city-about{ padding: 0 30px; } #content4 .city-about p.lead{ color: #686868; font-size: 16px; text-align: center; font-weight: 400; line-height: 30px; } #content4 .restaurant-img{ transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s; clip-path: polygon(0% 50px, calc(50% - 5px) 50px, calc(50% - 5px) calc(100% - 50px), calc(50% + 5px) calc(100% - 50px), calc(50% + 5px) 0, 100% 0, 100% calc(100% - 50px), calc(50% - 5px) calc(100% - 50px), calc(50% - 5px) 100%, 0 100%, 0 50px); } hr{ margin: 0; border-color: #fff; } h4.restaurant-title{ font-size: 12px; text-transform: uppercase; letter-spacing: 4px; } .restaurant-right ul{ padding-left: 2px; list-style: none; } .restaurant-right ul li{ font-size: 16px; font-weight: 500; line-height: 30px; } .restaurant-right ul li span{ color: #000; font-weight: 600; } .city-about img{ -webkit-animation: spin 25s linear 0s infinite normal; -moz-animation: spin 25s linear 0s infinite normal; -ms-animation: spin 25s linear 0s infinite normal; -o-animation: spin 25s linear 0s infinite normal; animation: spin 25s linear 0s infinite normal; } .city-about img:hover{ -webkit-animation-play-state: running; -moz-animation-play-state: running; -ms-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running; } @keyframes spin { 0% { transform: rotate(360deg); } 100% { transform: rotate(0deg); } } @-webkit-keyframes spin { 0% {-webkit-transform: rotate(360deg); } 100% { -webkit-transform: rotate(0deg); } } @-ms-keyframes spin { 0% {-ms-transform: rotate(360deg); } 100% { -ms-transform: rotate(0deg); } } @-moz-keyframes spin { 0% { -moz-transform: rotate(360deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(360deg); } 100% { -o-transform: rotate(0deg); } } @media(max-width: 1199px){ #content4 h2{ font-size: 40px; } } @media(max-width: 991px){ #content4{ padding-top: 100px !important; } #content4 .restaurant-img img{ margin: 0 auto; } #content4 h2{ font-size: 35px; } } @media(max-width: 767px){ #content4 h2{ font-size: 30px; } } </style> 792<hr /> 793<div class="block yummy bg-layer content background-cover center-center padding-top-100 padding-bottom-100" id="content4" style="background-color: #edebe5;"> 794 <div class="overly"> 795 </div> 796 <div class="container"> 797 <div class="row v-center" data-component="grid"> 798 <div class="col-md-6"> 799 <div data-container="true"> 800 <div data-component="image" class="restaurant-img about-img img-responsive"> 801 <img src="images/uploads/143/63e4b2381f468_Rest1.jpg?0.5945673182802262" class="" alt="image" /> 802 </div> 803 </div> 804 <!-- /data-container --> 805 </div> 806 <!-- /.col --> 807 <div class="col-md-6"> 808 <div class="sbpro-bg-styler city-about" data-container="true"> 809 <div data-content="true" data-component="heading"> 810 <h2 class="text-center">Deliciously From Our Chefs</h2> 811 </div> 812 <div data-content="true" data-component="text"> 813 <p class="lead">Begin your mornings on a blissful note. Savor a delicious breakfast while enjoying the views of the turquoise sea. Taste the best of Caribbean Classics - from Classic Jerk Chicken and Pork to Luscious Seafood creations, or choose from a variety of American and Continental Specialties. At the bar, take your pick from a curated list of Liquor, Wines, and Tropical Drinks to relax and enjoy.</p> 814 <p class="lead">Let the breeze from Walter Fletcher beach sweep you in relaxation while we serve you exquisite food and drinks. At Altamont, we ensure a memorable time!</p> 815 </div> 816 <div data-content="true" data-component="text" class="restaurant-right"> 817 <div class="row" style="display: flex; justify-content: center; align-items: center;"> 818 <div class="col-md-5 text-right"> 819 <div data-container="true"> 820 <div data-component="image" class="img-responsive"> 821 <img src="images/uploads/54/161977464500.png?09183406?0.8560634051791995" class="" alt="image" /> 822 </div> 823 </div> 824 </div> 825 <div class="col-md-7"> 826 <h4 class="restaurant-title">Restaurant Timings</h4> 827 <ul> 828 <li><span style="color:#000;">All Week:</span> 7:00 AM â 7:00 PM</li> 829 <li><span>Room Service:</span> 7:00 AM â 7:00 PM</li> 830 </ul> 831 </div> 832 </div> 833 </div>
834 </div> 835 <!-- /data-container --> 836 </div> 837 <!-- /.col --> 838 </div> 839 <!-- /.row --> 840 </div> 841 <!-- /.container --> 842</div> 843<style type="text/css" media="screen" scoped="scoped">.testimonials h2 { color: #000000; text-align: center; font-size: 50px; margin-bottom: 50px; } .testimonials .sbpro-bg-styler.border-light-thin { border: 1px solid #dee1e6; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 65px 15px 65px 15px; } .testimonials .star-rating { direction: rtl; display: inline-block; } .testimonials .star-rating input[type="radio"] { display: none; } .testimonials .star-rating label { color: #fff; font-size: 18px; padding: 0; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: 0 3px; margin-bottom: 0; } .testimonials .star-rating label:hover, .testimonials .star-rating label:hover ~ label, .testimonials .star-rating input[type="radio"]:checked ~ label { color: #ebbc79; } .testimonials .fa-google { font-size: 50px; color: #fff; } .testimonials h4 { font-size: 20px; font-weight: normal; text-transform: capitalize; color: #fff; } .testimonials h2.rate { font-size: 90px; line-height: 100px; font-weight: 600; color: #fff; } .testimonials ul { display: flex; justify-content: center; align-items: center; padding-left: 0; list-style-type: none; margin-bottom: 0; } .testimonials ul li .fa { color: #ebbc79; padding: 0 2px; font-size: 12px; } .testimonials img { margin: 10px auto; border-radius: 50%; height: 50px; width: 50px; } .testimonials-content { min-height: 445px; justify-content: center; background: #f5f5f5; display: flex; align-items: center; } a.btn.btn-default { transition: all 0.4s ease !important; } a.btn.btn-default:hover .fa { transform: translateX(4px) !important; } .testimonials .testimonials-content p { font-weight: 400 !important; font-size: 16px; } @media (max-width: 1199px) { .testimonials h2 { font-size: 40px; margin-bottom: 30px; } } @media (max-width: 991px) { .testimonials h2 { font-size: 35px; } .testimonials h2.rate { font-size: 100px; line-height: 70px; } .testimonial-second { border-bottom: 1px solid #edebe5; border-right: none; } } @media (max-width: 768px) { .testimonials h2 { font-size: 30px; margin-bottom: 20px; } } </style> 844<div class="block yummy bg-layer process background-cover center-center padding-top-100 padding-bottom-100 testimonials" id="process1" style="background-color: #fff;"> 845 <div class="overly"> 846 </div> 847 <div class="container"> 848 <div class="row"> 849 <div class="col-12"> 850 <div data-content="true" data-component="heading"> 851 <h2 class="text-center">What Customers Say</h2> 852 </div> 853 </div> 854 </div> 855 <div class="row" data-component="grid" style="background: #fff;"> 856 <div class="col-md-3" style="padding: 0 !important;"> 857 <div class="sbpro-bg-styler text-center bg-white padding-lg" style="background: #16a850;"> 858 <div data-container="true"> 859 <div data-content="true" data-component="heading"> 860 <i class="fa fa-google" aria-hidden="true"></i> 861 <h4 class="">Google Reviews</h4> 862 </div> 863 <div data-content="true" data-component="heading"> 864 <h2 class="rate" style="margin-bottom: 0;">3.7</h2> 865 </div> 866 <div data-content="true" data-component="text" style="padding: 15px 0;"> 867 <div class="star-rating"> 868 <input id="star-5" type="radio" name="rating" value="star-5" /> 869 <label for="star-5" title="5 stars"><i class="active fa fa-star" aria-hidden="true"></i> </label> 870 <input id="star-4" type="radio" name="rating" value="star-4" /> 871 <label for="star-4" title="4 stars"><i class="active fa fa-star" aria-hidden="true"></i> </label> 872 <input id="star-3" type="radio" name="rating" value="star-3" /> 873 <label for="star-3" title="3 stars"><i class="active fa fa-star" aria-hidden="true"></i> </label> 874 <input id="star-2" type="radio" name="rating" value="star-2" /> 875 <label for="star-2" title="2 stars"><i class="active fa fa-star" aria-hidden="true"></i> </label> 876 <input id="star-1" type="radio" name="rating" value="star-1" /> 877 <label for="star-1" title="1 star"><i class="active fa fa-star" aria-hidden="true"></i> </label> 878 </div> 879 </div> 880 <div data-content="true" data-component="text"> 881 <p style="color: #fff; font-weight: 500; text-align: center;" class="">382 Reviews </p> 882 </div> 883 <div data-component="button"> 884 <a href="https://search.google.com/local/writereview?placeid=ChIJIR49Xp2A2Y4RX2ZjZ5bdvPQ" class="btn btn-default" style="background-color: rgb(247, 167, 13); border-color: transparent; color: rgb(255, 255, 255);" target="_blank">Write a review <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> 885 </div> 886 </div>
887 </div> 888 </div> 889 <!-- /.col --> 890 <div class="col-md-3 testimonial-second" style="padding: 0 !important; border-right: 1px solid #edebe5;"> 891 <div class="sbpro-bg-styler text-center padding-lg testimonials-content"> 892 <div data-container="true"> 893 <div data-content="true" data-component="heading"> 894 <h3 class="">Excellent Hotel</h3> 895 </div> 896 <div data-content="true" data-component="text"> 897 <p class="">"This place is very nice, we only stayed one night but the location was perfect beautiful beach nearby, several restaurants, shops etc. It's clean and felt like home. I will return for sure. Rooms are nice size, hot water and very nice. Well pleased." </p> 898 </div> 899 <div data-content="true" data-component="text"> 900 <ul class=""> 901 <li><i class="fa fa-star" aria-hidden="true"></i></li> 902 <li><i class="fa fa-star" aria-hidden="true"></i></li> 903 <li><i class="fa fa-star" aria-hidden="true"></i></li> 904 <li><i class="fa fa-star" aria-hidden="true"></i></li> 905 <li><i class="fa fa-star" aria-hidden="true"></i></li> 906 </ul> 907 </div> 908 <div data-content="true" data-component="heading"> 909 <h4 class="" style="color: #000; margin-bottom: 10px;">RaisingAden & Zion</h4> 910 </div> 911 </div> 912 </div> 913 </div> 914 <!-- /.col --> 915 <div class="col-md-3" style="padding: 0 !important; border-right: 1px solid #edebe5;"> 916 <div class="sbpro-bg-styler text-center padding-lg testimonials-content"> 917 <div data-container="true"> 918 <div data-content="true" data-component="heading"> 919 <h3 class="">First Class!</h3> 920 </div> 921 <div data-content="true" data-component="text"> 922 <p class="">"Come for the brilliant Jamaican breakfast - stay for the friendly staff. Nothing was too much trouble! Thank you for a wonderful stay." </p> 923 </div> 924 <div data-content="true" data-component="text"> 925 <ul class=""> 926 <li><i class="fa fa-star" aria-hidden="true"></i></li> 927 <li><i class="fa fa-star" aria-hidden="true"></i></li> 928 <li><i class="fa fa-star" aria-hidden="true"></i></li> 929 <li><i class="fa fa-star" aria-hidden="true"></i></li> 930 <li><i class="fa fa-star" aria-hidden="true"></i></li> 931 </ul> 932 </div> 933 <div data-content="true" data-component="heading"> 934 <h4 class="" style="color: #000; margin-bottom: 10px;">Dr. Becky Alexis-Martin</h4> 935 </div> 936 </div> 937 </div> 938 </div> 939 <!-- /.col --> 940 <div class="col-md-3" style="padding: 0 !important;"> 941 <div class="sbpro-bg-styler text-center padding-lg testimonials-content"> 942 <div data-container="true"> 943 <div data-content="true" data-component="heading"> 944 <h3 class="">Best Hotel</h3> 945 </div> 946 <div data-content="true" data-component="text"> 947 <p class="">"There are at least a dozen budget hotels on the Hip Strip. Our choice is the Altamont West." </p> 948 </div> 949 <div data-content="true" data-component="text"> 950 <ul class=""> 951 <li><i class="fa fa-star" aria-hidden="true"></i></li> 952 <li><i class="fa fa-star" aria-hidden="true"></i></li> 953 <li><i class="fa fa-star" aria-hidden="true"></i></li> 954 <li><i class="fa fa-star" aria-hidden="true"></i></li> 955 <li><i class="fa fa-star" aria-hidden="true"></i></li> 956 </ul> 957 </div> 958 <div data-content="true" data-component="heading"> 959 <h4 class="" style="color: #000; margin-bottom: 10px;">Miami Herald</h4> 960 </div> 961 </div> 962 </div> 963 </div> 964 </div> 965 <!-- /.row --> 966 </div> 967 <!-- /.container --> 968</div> 969<style scoped="scoped">.footer .social-basic-sm { display: flex; margin-top: 15px !important; } .footer .social-basic-sm li a { display: flex !important; align-items: center; justify-content: center; height: 44px; width: 44px; background: #b99470; border-radius: 50%; margin-left: 0 !important; } .footer .social-basic-sm li { margin-left: 0 !important; } .footer .social-basic-sm li + li { margin-left: 10px !important; } .footer-social { display: flex; justify-content: start; align-items: center; } /*.footer-social > div { margin: 0 13px; }*/ .footer h3 { font-weight: 400; } .footer-nav .list-basic { display: flex; flex-flow: row wrap; } .footer-nav .list-basic li { flex: 0 0 50%; } .contact-info-list li:first-child { padding-top: 0; } .contact-info-list li { padding: 10px 0; } /*.contact-info-list li + li{*/ /* border-top: 1px solid #424242;*/ /*}*/ .newsletter-subscribe { display: flex; } .newsletter-subscribe .form-group { flex: 1 0 0; margin-bottom: 0; } .newsletter-subscribe .form-group + .btn { background: #45474a !important; } .newsletter-subscribe .form-group input { height: 46px; border-radius: 5px 0 0 5px; background: #45474a; } .footer h2 { font-size: 40px; line-height: 60px; letter-spacing: -0.25px; color: #fff; } .footer { display: block !important; } .subscribe-form { width: 805px; max-width: 805px; margin: 0 auto !important; padding-bottom: 50px; } .subscribe-form input { width: 100%; border-radius: 40px; margin-bottom: 20px; padding: 15px; border: none; } .subscribe-form input::placeholder { color: #686868; font-size: 15px; font-weight: 500; } .subscribe-form .btn { margin-top: 0 !important; } .footer-area { padding-top: 90px; padding-bottom: 70px; border-top: 0.1px solid #e3e3e361; border-bottom: 0.1px solid #e3e3e361; } .footer-area .col-md-2 { width: 20%; } .footer-area h3 { color: #fff; margin: 0px 0px 20px; font-size: 14px; text-transform: uppercase; letter-spacing: 5px; font-weight: 700; } .bookingsection a#Bookings { position: fixed; left: 10px; bottom: 10px; z-index: 99; } .bookingsection a#expedia { position: fixed; left: 10px; bottom: 70px; z-index: 99; } .footer-area span, .footer-area a { color: #fff !important; font-weight: 400; font-size: 14px !important; line-height: 25px; } .footer-area a span:hover { animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } .footer-social > div { margin: 0 13px !important; } .footer-area .logoclass img { max-height: 150px; border-radius: 10px; background: #fff; padding: 10px; } .attractive-list { display: block !important; } .fa-heart { animation: beat 0.3s infinite alternate; } .footer-info .footer-info-left .inline-wrapper { justify-content: flex-start !important; } .footer-info .footer-info-right .inline-wrapper { justify-content: flex-end !important; } .footer-info .footer-info-right .inline-wrapper p a { text-decoration: none; } @media (min-width: 768px) and (max-width: 991px) { #footer1 .sbpro-bg-styler .row.subscribe-form { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { #footer1 .sbpro-bg-styler .row.subscribe-form { display: block !important; } } @media (max-width: 991px) { .footer-info .footer-info-left .inline-wrapper, .footer-info .footer-info-right .inline-wrapper { justify-content: center !important; } .footer-info .footer-info-left .inline-wrapper > div, .footer-info .footer-info-right .inline-wrappe > div { width: 100%; } .footer-info .footer-info-left .inline-wrapper p, .footer-info .footer-info-right .inline-wrapper p { text-align: center; font-size: 13px !important; } .subscribe-form { width: auto; } .footer-area h3 { font-size: 10px; } } @media (max-width: 767px) { .subscribe-form { width: auto; } .footer-area .col-md-2 { width: 50%; margin: 0 auto; } } #whatsapp-message:hover img { -webkit-animation-name: spaceboots; -webkit-animation-duration: 0.8s; -webkit-transform-origin: 50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; } @-webkit-keyframes spaceboots { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } @keyframes beat { to { transform: scale(0.8); } } </style> 970<a id="whatsapp-message" href="https://wa.me/+8769799378" target="_blank" rel="nofollow" class="pushItDown"><img src="images/uploads/1/5f001e63d3cda_whatsapp.png?0.43804106708117896" class="" style="border-radius: 0px; border-color: rgb(51, 122, 183); border-style: none; border-width: 1px;" width="65" height="65" alt="image" /> </a> 971<!-- <div class="bookingsection"> 972 <a id="Bookings" href="https://www.booking.com/Share-452Ksm" target="_blank" rel="nofollow" class="pushItDown"> 973 <img src="images/uploads/143/63b7f6b23d652_dfdsf.png" class="" style="border-radius: 0px; border-color: rgb(51, 122, 183); border-style: none; border-width: 1px;" data-selector="img" width="50" height="50"> 974 </a> 975 <a id="expedia" href="https://www.expedia.co.in/Montego-Bay-Hotels-Altamont-West-Hotel.h16429598.Hotel-Information" target="_blank" rel="nofollow" class="pushItDown"> 976 <img src="images/uploads/143/63ede6e5132c1_Expedia1.png" class="" style="border-radius: 0px; border-color: rgb(51, 122, 183); border-style: none; border-width: 1px;" data-selector="img" width="50" height="50"> 977 </a> 978</div> --> 979<div class="block yummy bg-layer footer" id="footer1"> 980 <div class="overly"> 981 </div> 982 <div class="sbpro-bg-styler background-cover center-center padding-top-50 padding-no border-radius-no bg-none border-none" style="background-image: none; background-color: #17616c"> 983 <div class="container">
984 <div class="row subscribe-form" data-component="grid"> 985 <div class="col-sm-12"> 986 <div data-content="true" data-component="heading"> 987 <h2 class="text-center">Sign Up For Exclusive <br /> 988 Offers From Us </h2> 989 </div> 990 </div> 991
991<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/h7qt2xUGz2zqKEhSc8DD8baZ/recaptcha__en.js"> 992 </script>
992<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/h7qt2xUGz2zqKEhSc8DD8baZ/recaptcha__en.js"> 993 </script>
993 994
994<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/h7qt2xUGz2zqKEhSc8DD8baZ/recaptcha__en.js"> 995 </script>
995<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/h7qt2xUGz2zqKEhSc8DD8baZ/recaptcha__en.js"> 996 </script>
996 997
997<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/h7qt2xUGz2zqKEhSc8DD8baZ/recaptcha__en.js"> 998 </script>
998<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/h7qt2xUGz2zqKEhSc8DD8baZ/recaptcha__en.js"> 999 </script>
999 1000
1000<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/h7qt2xUGz2zqKEhSc8DD8baZ/recaptcha__en.js"> 1001 </script>
1001<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/h7qt2xUGz2zqKEhSc8DD8baZ/recaptcha__en.js"> 1002 </script>
1002 1003
1003<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/h7qt2xUGz2zqKEhSc8DD8baZ/recaptcha__en.js"> 1004 </script>
1004<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/h7qt2xUGz2zqKEhSc8DD8baZ/recaptcha__en.js"> 1005 </script>
1005 1006
1006<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/h7qt2xUGz2zqKEhSc8DD8baZ/recaptcha__en.js"> 1007 </script>
1007<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/h7qt2xUGz2zqKEhSc8DD8baZ/recaptcha__en.js"> 1008 </script>
1008 1009
1009<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/h7qt2xUGz2zqKEhSc8DD8baZ/recaptcha__en.js"> 1010 </script>
1010<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/p09oe8YIFfKgcnqQ9m9k4aiB/recaptcha__en.js"> 1011 </script>
1011 1012
1012<script type="text/javascript" async="" src="https://www.gstatic.com/recaptcha/releases/Ya-Cd6PbRI5ktAHEhm9JuKEu/recaptcha__en.js"> 1013 </script>
1013 1014
1014<script type="text/javascript" async="" src="https://www.gstatic.com/recaptcha/releases/1h-hbVSJRMOQsmO_2qL9cO0z/recaptcha__en.js"> 1015 </script>
vendor: 65 bytes, lines 1015-1016
1015 1016 <script src="https://www.google.com/recaptcha/api.js?render=
10166LctqDwlAAAAAJupKoAFVdYy5v5YAQfJgONGL5Qd
vendor: 26 bytes, lines 1016-1018
1016"> 1017 </script> 1018
1018<script> 1019 grecaptcha.ready(function () { 1020 grecaptcha 1021 .execute("6LctqDwlAAAAAJupKoAFVdYy5v5YAQfJgONGL5Qd", { 1022 action: "contact", 1023 }) 1024 .then(function (token) { 1025 var recaptchaResponse = 1026 document.getElementById("recaptchaResponse1"); 1027 recaptchaResponse.value = token; 1028 }); 1029 }); 1030 1031 </script>
1031 1032 <form class="" action="newsletterfeedback.php" method="post"> 1033 <input type="hidden" name="recaptcha_response" id="recaptchaResponse1" value="HFY3Y3cA8WMjVBcn8CTVwTTBlwIRhqYQFWMh99YTc6CA5TMgR1HntVHXEIciwXJTB0AjMYBwVESkMJZnVZP3ZUB1RLKAUkIUoUACRKKloWSR8wdGFoW3AwNwAGaFICREUXRGZiGl9EERZkCDszMHFcBxUSDCNKRQYKIhUrAH0uJX0CX18ecVROZnh6cVwCBwJTIh0NZiU3fg" /> 1034 <input type="text" name="_honey" value="" style="display: none" /> 1035 <input type="hidden" name="_subject" value="Thanks for reaching out." /> 1036 <div class="col-sm-4"> 1037 <input type="text" name="Your_Name" placeholder="Your Name" class="" required="required" /> 1038 </div> 1039 <div class="col-sm-4"> 1040 <input type="email" name="EMAIL" placeholder="Email" required="required" class="" /> 1041 </div> 1042 <div class="col-sm-4"> 1043 <button type="submit" value="Subscribe Now" class="btn btn-default" style="background: #b19f6a !important">Subscribe Now 1044 </button> 1045 </div> 1046 </form> 1047 </div> 1048 <div class="row footer-area" data-component="grid" id="1vaP2"> 1049 <div class="col-md-3"> 1050 <div class="sbpro-bg-styler text-center"> 1051 <div data-container="true"> 1052 <a href="#onTop" class="logoclass"><img src="images/uploads/143/63e35ffc1aec5_AW-Logo.png?0.27590063245011254" class="" alt="image" /> </a> 1053 </div> 1054 <!-- /data-container --> 1055 </div> 1056 <!-- /.sbpro-bg-styler --> 1057 </div> 1058 <!-- /.col --> 1059 <div class="col-md-3"> 1060 <div class="sbpro-bg-styler"> 1061 <div data-container="true"> 1062 <div data-component="heading" data-content="true"> 1063 <h3 class="text-left" style="margin: 0px 0px 20px">Address </h3> 1064 </div> 1065 <div data-content="true" data-component="heading" style="display: flex"> 1066 <span class="text-left" style="">33 Jimmy Cliff Boulelvard, Montego Bay, Jamaica</span> 1067 </div> 1068 <div data-content="true" data-component="heading"> 1069 <a href="tel:+8769799378" class="text-left" style="">+1 876 979 9378</a> 1070 </div> 1071 <div data-content="true" data-component="heading"> 1072 <a href="mailto:[email protected]" class="fr-view" style="display: inline-block"><span class="text-left" style="">[email protected]</span> </a> 1073 </div> 1074 </div> 1075 <!-- /data-container --> 1076 </div> 1077 <!-- /.sbpro-bg-styler --> 1078 </div> 1079 <!-- /.col --> 1080 <!-- /.col --> 1081 <div class="col-md-3"> 1082 <div class="sbpro-bg-styler"> 1083 <div data-container="true"> 1084 <div data-content="true" data-component="heading"> 1085 <h3 class="text-left" style="margin: 0px 0px 20px">Navigation </h3> 1086 </div> 1087 <div class="footer-nav" data-component="list"> 1088 <ul class="list-basic" data-dnd-list=""> 1089 <li class=""> 1090 <div data-content="true" data-component="text"> 1091 <a href="index.html" data-parent="1" class="text-left" style="color: rgb(255, 255, 255); font-size: 16px; margin: 0px;">Home</a> 1092 </div> 1093 </li> 1094 <li class=""> 1095 <div data-content="true" data-component="text"> 1096 <a href="aboutus.html" data-parent="1" class="text-left" style="color: rgb(255, 255, 255); font-size: 16px; margin: 0px;">About</a> 1097 </div> 1098 </li> 1099 <li class=""> 1100 <div data-content="true" data-component="text"> 1101 <a href="rooms.html" data-parent="1" class="text-left" style="color: rgb(255, 255, 255); font-size: 16px; margin: 0px;">Rooms</a> 1102 </div> 1103 </li> 1104 <li class=""> 1105 <div data-content="true" data-component="text"> 1106 <a href="amenities.html" data-parent="1" class="fr-view text-left" style="color: rgb(255, 255, 255); display: inline-block; font-size: 16px; margin: 0px;">Amenities </a> 1107 </div> 1108 </li> 1109 <li class=""> 1110 <div data-content="true" data-component="text"> 1111 <a href="events.html" data-parent="1" class="fr-view text-left" style="color: rgb(255, 255, 255); display: inline-block; font-size: 16px; margin: 0px;">Events & Banquets </a> 1112 </div> 1113 </li> 1114 <li class=""> 1115 <div data-content="true" data-component="text"> 1116 <a href="spa.html" data-parent="1" class="fr-view text-left" style="color: rgb(255, 255, 255); display: inline-block; font-size: 16px; margin: 0px;">Spa </a> 1117 </div> 1118 </li> 1119 <li class=""> 1120 <div data-content="true" data-component="text"> 1121 <a href="restaurant.html" data-parent="1" class="fr-view text-left" style="color: rgb(255, 255, 255); display: inline-block; font-size: 16px; margin: 0px;">Eats & Drinks </a> 1122 </div> 1123 </li> 1124 <li class=""> 1125 <div data-content="true" data-component="text"> 1126 <a href="attraction.html" data-parent="1" class="fr-view text-left" style="color: rgb(255, 255, 255); display: inline-block; font-size: 16px; margin: 0px;">Attractions </a> 1127 </div> 1128 </li> 1129 <li class=""> 1130 <div data-content="true" data-component="text"> 1131 <a href="gallery.html" data-parent="1" class="text-left" style="color: rgb(255, 255, 255); font-size: 16px; margin: 0px;">Gallery</a> 1132 </div> 1133 </li> 1134 <li class=""> 1135 <div data-content="true" data-component="text"> 1136 <a href="contactus.html" data-parent="1" class="text-left" style="color: rgb(255, 255, 255); font-size: 16px; margin: 0px;">Contact</a> 1137 </div> 1138 </li> 1139 <li class=""> 1140 <div data-content="true" data-component="text"> 1141 <a href="policy.html" data-parent="1" class="text-left" style="color: rgb(255, 255, 255); font-size: 16px; margin: 0px;">Policy</a> 1142 </div> 1143 </li> 1144 </ul> 1145 </div> 1146 </div> 1147 <!-- /data-container --> 1148 </div> 1149 <!-- /.sbpro-bg-styler --> 1150 </div> 1151 <!-- /.col --> 1152 <div class="col-md-3"> 1153 <div data-container="true"> 1154 <div data-component="heading" data-content="true"> 1155 <h3 class="text-left" style="margin: 0px 0px 20px">Social Media </h3> 1156 </div> 1157 <div class="footer-social"> 1158 <div data-component="icon" class="" data-nointent="true" style="margin-left: 0 !important"> 1159 <a href="https://www.facebook.com/altamontwestjm/" target="_blank"><span class="fa fa-facebook" style="color: #fff !important; font-size: 14px" id="ui-id-87"></span></a> 1160 </div> 1161 <div data-component="icon" class="" data-nointent="true"> 1162 <a href="https://www.instagram.com/altamontwestjm/" target="_blank"><span class="fa fa-instagram" style="color: #fff !important; font-size: 14px" id="ui-id-87"></span></a> 1163 </div> 1164 <div data-component="icon" class="" data-nointent="true"> 1165 <a href="https://www.tripadvisor.in/Hotel_Review-g147311-d155084-Reviews-Altamont_West_Hotel-Montego_Bay_Saint_James_Parish_Jamaica.html" target="_blank"><span class="fa fa-tripadvisor" style="color: #fff !important; font-size: 14px" id="ui-id-87"></span> </a> 1166 </div> 1167 </div> 1168 </div>
1169 </div> 1170 </div> 1171 <!-- /.row --> 1172 </div> 1173 <!-- /.container --> 1174 </div> 1175 <!-- /.sbpro-bg-styler --> 1176 <!-- /.sbpro-bg-styler --> 1177</div> 1178<div class="block yummy bg-layer footer-info padding-top-50 padding-bottom-50 background-cover center-center" id="footer6" style="background-color: #17616c; background-image: none; padding-top: 20px; padding-bottom: 20px;"> 1179 <div class="overly" style="background-color: rgba(0, 0, 0, 0)"> 1180 </div> 1181 <div class="container"> 1182 <div class="row" data-component="grid"> 1183 <div class="col-md-6 padding-bottom-0 footer-info-left"> 1184 <div class="inline-wrapper pull-center-xs" data-container="true"> 1185 <div data-component="text" data-content="true"> 1186 <p class="text-center" style="font-size: 15px; color: #fff; margin: 0px; font-weight: 400;">Altamont West Hotel © <span id="footerDate">2025</span>. All Rights Reserved. </p> 1187 </div> 1188 </div> 1189 <!-- /data-container --> 1190 </div> 1191 <!-- /.col --> 1192 <div class="col-md-6 padding-bottom-0 footer-info-right"> 1193 <div class="inline-wrapper pull-right pull-center-xs" data-container="true"> 1194 <div data-component="text" data-content="true"> 1195 <p class="text-left" style="font-size: 15px; font-weight: 400; color: #fff; margin: 0px;">Website credit: <i class="fa fa-heart" aria-hidden="true" style="color: #b19f6a"></i> <a href="https://www.ezeemint.com/" target="_blank" style="color: #fff">eZee - Hotel Revenue Management Expert</a> </p> 1196 </div> 1197 </div> 1198 </div> 1199 </div> 1200 <!-- /.row --> 1201 </div> 1202 <!-- /.container --> 1203</div>
1204<script> 1205 1206 var d = new Date(); 1207 var n = d.getFullYear(); 1208 document.getElementById("footerDate").innerHTML = n; 1209 1210</script>
vendor: 1 bytes, line 1210
1210
1211<script src="https://live.ipms247.com/booking/templates/resui/js/vendor/jquery-a.k.c.min.js" type="text/javascript"> 1212 </script>
vendor: 1 bytes, line 1212
1212
1213<script src="https://live.ipms247.com/booking/lookertobooker/build/js/exitwidgettool.js" type="text/javascript"> 1214</script>
1214 1215<link href="https://live.ipms247.com/booking/lookertobooker/build/css/exitwidgettool.css" rel="stylesheet" type="text/css" /> 1216<div id="_exitwidgetcontainer" style="width: 835px"> 1217 <div class="popup" id="ExitToolPopup" data-popup="popup-1"> 1218 <div class="popup-inner promotional" style="background: #f0f0f0 !important;padding: 30px 20px 20px !important;max-width: 550px;width: 90% !important; top:32%;"> 1219 <div style="margin: 0;padding: 0;" id="PreviewText"> 1220 <div class="looker_booker"> 1221 <p style="font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;color: #000000;font-size: 20px;text-align: center;font-weight: bold;">Are you sure that you want to abandon the reservation?</p> 1222 <p style="font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;color: #444343;font-size: 15px;text-align: center;font-weight: 300;">We have everything you may be looking for!</p> 1223 <div style="text-align: center;"> 1224 <a class="exitbookbtn" style="color: rgb(255, 255, 255); background: #1d808f;" target="_blank" type="button">Book Now</a> 1225 </div> 1226 </div> 1227 </div> 1228 <a class="popup-close" data-popup-close="popup-1"></a> 1229 </div> 1230 </div> 1231</div>
1232<script type="text/javascript"> 1233 1234 jQuery("#_exitwidgetcontainer").exitwidgetplugin({ 1235 btnContainer: "_exitwidgetcontainer", 1236 HotelId: "altamontwesthotel", 1237 hotelname: "Altamont West Hotel", 1238 langkey: "en", 1239 serverurl: "https://live.ipms247.com/", 1240 }); 1241 1242</script>
vendor: 1 bytes, line 1242
1242
1243<script src="https://live.ipms247.com/booking/templates/resui/js/vendor/jquery-a.k.c.min.js" type="text/javascript"> 1244 </script>
vendor: 1 bytes, line 1244
1244
1245<script src="https://live.ipms247.com/booking/lookertobooker/build/js/floatingtabtool.js" type="text/javascript"> 1246</script>
1246 1247<link href="https://live.ipms247.com/booking/lookertobooker/build/css/floatingtabtool.css" rel="stylesheet" type="text/css" /> 1248<div id="_floatingtabcontainer"> 1249 <section class="WebShowHighlighted onRight"> 1250 <div class="model-main-content"> 1251 <img alt="book-direct" src="https://live.ipms247.com/booking/lookertobooker/images/index.png" /> 1252 <h3>Why book direct?</h3> 1253 <p>We would like to book your stay directly at our website. Only then we can guarantee you the lowest price, best service and this special offer.</p> 1254 <ul class="checklist"> 1255 <li>Free late checkout, When available</li> 1256 <li>Book now, pay at check-in</li> 1257 <li>Best rate guaranteed!</li> 1258 </ul> 1259 <a class="btn-shw myButton flotbookbtn" style="background: rgb(29, 128, 143);">Book Now</a> 1260 </div> 1261 <div class="slide-in-out toggle-sidebar"> 1262 </div> 1263 </section> 1264</div>
1265<script type="text/javascript"> 1266 1267 jQuery("#_floatingtabcontainer").floatingtabplugin({ 1268 btnContainer: "_floatingtabcontainer", 1269 HotelId: "altamontwesthotel", 1270 langkey: "en", 1271 btncolor: "#1d808f", 1272 location: "onRight", 1273 serverurl: "https://live.ipms247.com/", 1274 }); 1275 1276</script>
1276 1277<div id="resouter" style="width: 20%"> 1278 <div class="eZee_ReviewBookingReview" id="eZee_ReviewBookingReview"> 1279 <div id="temprv1" style="display: block"> 1280
1280<script type="text/javascript"> 1281 1282 1283jQuery(function(jQuery) { 1284 if (jQuery.browser.webkit || jQuery.browser.mozilla) { 1285 jQuery('input, textarea').on('focus',function(){ 1286 if ( jQuery(this).attr('placeholder') ) jQuery(this).data('placeholder', jQuery(this).attr('placeholder')).removeAttr('placeholder'); 1287 }).on('blur', function(){ 1288 if ( jQuery(this).data('placeholder') ) jQuery(this).attr('placeholder', jQuery(this).data('placeholder')).removeData('placeholder'); 1289 }); 1290 } 1291}); 1292 1293 </script>
1293 1294 <div id="_respopDiv" class="_resontop"> 1295 <div id="reviewlist" class="respopup" style="overflow: auto;"> 1296
1296<script> 1297 1298function helpfulclick(value,reviewmasterunkid) 1299{ 1300 getUrl=serverurl+"extratabsdetails-altamontwesthotel"; 1301 1302 jQuery.ajax({ 1303 url: getUrl, 1304 type: "POST", 1305 data: { 1306 upvalue: value, 1307 action:'helpfulclick', 1308 reviewmasterunkid:reviewmasterunkid 1309 }, 1310 error: function(){ 1311 }, 1312 beforeSend: function(){ 1313 //showLoadingBar(); 1314 }, 1315 complete: function(){ 1316 //hideLoadingBar(); 1317 }, 1318 success: function( data ){ 1319 if(jQuery.trim(data)=='Success') 1320 { 1321 jQuery("#dismessage_"+reviewmasterunkid).text("Thank you for your vote."); 1322 jQuery("#dismessage_"+reviewmasterunkid).removeClass().addClass('dismessage'); 1323 jQuery(".feedback_"+reviewmasterunkid).hide(); 1324 } 1325 else if(jQuery.trim(data)=='Exists') 1326 { 1327 jQuery("#dismessage_"+reviewmasterunkid).text("Thanks, you've already rated this review"); 1328 jQuery("#dismessage_"+reviewmasterunkid).removeClass().addClass('dismessageerr'); 1329 jQuery(".feedback_"+reviewmasterunkid).hide(); 1330 } 1331 else 1332 { 1333 jQuery("#dismessage_"+reviewmasterunkid).text("Opps!! There is an issue in adding vote."); 1334 jQuery("#dismessage_"+reviewmasterunkid).removeClass().addClass('dismessageerr'); 1335 } 1336 } 1337 }); 1338} 1339 1340function moreclk_btn(id3) 1341{ 1342 $this=jQuery("#morelink_"+id3); 1343 var moretext = "more.."; 1344 var lesstext = "less.."; 1345 if($this.hasClass("less")) { 1346 $this.removeClass("less"); 1347 $this.html(moretext); 1348 } else { 1349 $this.addClass("less"); 1350 $this.html(lesstext); 1351 } 1352 $this.parent().prev().toggle(); 1353 $this.prev().toggle(); 1354 return false; 1355} 1356jQuery(function() { 1357/*Review more / less button*/ 1358 1359 if(0 > 0 ) 1360 { 1361 var showChar = 250; 1362 var ellipsestext = "..."; 1363 var moretext = "more.."; 1364 var lesstext = "less.."; 1365 1366 jQuery('[id^=reviewdetails_]').each(function() { 1367 var id2=jQuery(this).attr('id'); 1368 var id=id2.split("_"); 1369 var content = jQuery(this).html(); 1370 1371 if(content.length > showChar) { 1372 var c = content.substr(0, showChar); 1373 var h = content.substr(showChar-1, content.length - showChar); 1374 1375 var html = c + '<span class="moreellipses">' + ellipsestext+ ' </span><span class="resmorecontent"><span>' + 1376 h + '</span>' + 1377 '<a href="javascript:void(0);" class="morerwbtn--" id="morelink_'+id[1]+'" onclick="moreclk_btn(">' + moretext + '</a></span>'; 1378 jQuery(this).html(html); 1379 } 1380 }); 1381 }//if 1382 1383}); 1384 1385 </script>
1385 1386 <div style="clear:both;""> 1387 </div> 1388 </div> 1389 </div> 1390 <!--<a href="#" onClick="_res_open_popup('_respopDiv')">Click here to open a popup div</a> --> 1391 <div id="recentreview_widget" style="display: none;"> 1392 </div> 1393 <style scoped="scoped">.resmorecontent span { display: none; } .res_comment{ margin-bottom: 14px; } </style> 1394 </div> 1395 <div id="temprv1" style="display: block"> 1396 </div> 1397 <div id="temprv1" style="display: block"> 1398 </div> 1399 <div id="temprv1" style="display: block"> 1400 </div> 1401 <div id="temprv1" style="display: block"> 1402 </div> 1403 <div id="temprv1" style="display: block"> 1404 </div> 1405 <div id="temprv1" style="display: block"> 1406 </div> 1407 <div id="temprv1" style="display: block"> 1408 </div> 1409 <div id="temprv1" style="display: block"> 1410 </div> 1411 <div id="temprv1" style="display: block"> 1412 </div> 1413 <div id="temprv1" style="display: block"> 1414 </div> 1415 <div id="temprv1" style="display: block"> 1416 </div> 1417 <div id="temprv1" style="display: block"> 1418 </div> 1419 <div id="temprv1" style="display: block"> 1420 </div> 1421 <div id="temprv1" style="display: block"> 1422 </div> 1423 <div id="temprv1" style="display: block"> 1424 </div> 1425 <div id="temprv1" style="display: block"> 1426 </div> 1427 <div id="temprv1" style="display: block"> 1428 </div> 1429 <div id="temprv1" style="display: block"> 1430 </div> 1431 <div id="temprv1" style="display: block"> 1432 </div> 1433 <div id="temprv1" style="display: block"> 1434 </div> 1435 <div id="temprv1" style="display: block"> 1436 </div> 1437 <div id="temprv1" style="display: block"> 1438 </div> 1439 <div id="temprv1" style="display: block"> 1440 </div> 1441 <div id="temprv1" style="display: block"> 1442 </div> 1443 <div id="temprv1" style="display:block;"> 1444 </div> 1445 <div id="temprv1" style="display:block;"> 1446 </div> 1447 <div id="temprv1" style="display:block;"> 1448 </div> 1449 <div id="temprv1" style="display:block;"> 1450 </div> 1451 <div id="temprv1" style="display:block;"> 1452 </div> 1453 <div id="temprv1" style="display:block;"> 1454 </div> 1455 <div id="temprv1" style="display:block;"> 1456 </div> 1457 <div id="temprv1" style="display:block;"> 1458 </div> 1459 <div id="temprv1" style="display:block;"> 1460 </div> 1461 <div id="temprv1" style="display:block;"> 1462 </div> 1463 <div id="temprv1" style="display:block;"> 1464 </div> 1465 <div id="temprv1" style="display:block;"> 1466 </div> 1467 <div id="temprv1" style="display:block;"> 1468 </div> 1469 <div id="temprv1" style="display:block;"> 1470 </div> 1471 </div> 1472</div>
1473<script src="https://onboard.triptease.io/bootstrap.js?integrationId=01JD2KZZ19ZDMFQHPZKQQ9ZCJR" defer="defer" async="" type="text/javascript"> 1474 </script>
1474 1475
1476<script src="https://live.ipms247.com/booking/templates/js/jquery-a.g.a.min.js" type="text/javascript"> 1477</script>
vendor: 1 bytes, line 1477
1477
1478<script src="https://live.ipms247.com/booking/widgetjs/build/reviewnew.js" type="text/javascript"> 1479 </script>
1479 1480<link href="https://live.ipms247.com/booking/templates/resui/build/css/review.css" rel="stylesheet" type="text/css" />
1481<script type="text/javascript"> 1482 jQuery("#eZReviewPlugin").eZReviewPlugin({ 1483 btnContainer: "eZee_ReviewContainer", 1484 HotelId: "altamontwesthotel", 1485 serverurl: "https://live.ipms247.com/booking/", 1486 serverhost: "live.ipms247.com", 1487 TextColor: "#1d808f", 1488 }); 1489 1490</script>
1490 1491<style scoped="scoped">.rw_info { width: 78%; } </style> 1492<div style="position: fixed; right: 10px; bottom: 10px; float: right; z-index: 9999999; height: 54px; width: 54px;" id="re_botframe" data-hotelcode="38544" data-authkey="33988281099a3b6afd-a789-11ed-8"> 1493 <iframe id="botframe" name="botframe" frameborder="0" style="width: 54px; height: 54px; box-shadow: none; border-radius: 50%;" scrolling="no" src="https://bechatservice.ipms247.com/bechatassistant/38544/33988281099a3b6afd-a789-11ed-8"> 1494 </iframe> 1495</div>
1496<script src="https://live.ipms247.com/booking/lookertobooker/build/js/chatbot.js" type="text/javascript"> 1497 </script>
1497 1498 1499 1500</div><!-- /#page --> 1501 1502 <div id="popups"></div> 1503
1504<script type="text/javascript" src="bundles/Professional_skeleton.bundle.js"> 1505</script>
1505 1506</body> 1507</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.