1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 6 <link rel="preconnect" href="https://fonts.googleapis.com"> 7 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 8 9 10 <meta property="og:site_name" content="The Claremont Boutique Hotel"> 11 <meta property="og:locale" content="en_ZA"> 12 <meta property="og:type" content="website"> 13 <meta property="og:title" content="Classic Rooms"> 14 <meta property="og:url" content="https://www.claremontboutiquehotel.com/rooms/classic-rooms"> 15 16<title>The Claremont Boutique Hotel⢠- Classic Rooms</title> 17 18 19<meta name="description" content="Four Classic Rooms ⺠Queen beds, en-suite bathrooms and luxury amenities 20From historical accents to William Morris and contemporary flower pattern inspiration. Each room has its own personality and charm."> 21<meta name="generator" content="Concrete CMS"> 22<meta name="msapplication-TileImage" content="https://www.claremontboutiquehotel.com/application/files/5317/6578/5968/android-chrome-192x192.png"> 23<meta property="og:site_name" content="The Claremont Boutique Hotel" /> 24<meta property="og:title" content="The Claremont Boutique Hotel⢠- Classic Rooms" /> 25<meta property="og:description" content="Four Classic Rooms ⺠Queen beds, en-suite bathrooms and luxury amenities 26From historical accents to William Morris and contemporary flower pattern inspiration. Each room has its own personality and charm." /> 27<meta property="og:url" content="https://www.claremontboutiquehotel.com/rooms/classic-rooms" /> 28<meta name="twitter:card" content="summary_large_image" /> 29<meta name="twitter:title" content="The Claremont Boutique Hotel⢠- Classic Rooms" /> 30<meta name="twitter:description" content="Four Classic Rooms ⺠Queen beds, en-suite bathrooms and luxury amenities 31From historical accents to William Morris and contemporary flower pattern inspiration. Each room has its own personality and charm." /> 32<meta name="twitter:url" content="https://www.claremontboutiquehotel.com/rooms/classic-rooms" /> 33<link rel="shortcut icon" href="https://www.claremontboutiquehotel.com/application/files/5917/6578/5969/favicon.ico" type="image/x-icon"> 34<link rel="icon" href="https://www.claremontboutiquehotel.com/application/files/5917/6578/5969/favicon.ico" type="image/x-icon"> 35<link rel="apple-touch-icon" href="https://www.claremontboutiquehotel.com/application/files/7217/6578/5969/apple-touch-icon.png"> 36<link rel="canonical" href="https://www.claremontboutiquehotel.com/rooms/classic-rooms">
37<script type="text/javascript"> 38 var CCM_DISPATCHER_FILENAME = "/index.php"; 39 var CCM_CID = 303; 40 var CCM_EDIT_MODE = false; 41 var CCM_ARRANGE_MODE = false; 42 var CCM_IMAGE_PATH = "/concrete/images"; 43 var CCM_APPLICATION_URL = "https://www.claremontboutiquehotel.com"; 44 var CCM_REL = ""; 45 var CCM_ACTIVE_LOCALE = "en_ZA"; 46 var CCM_USER_REGISTERED = false; 47</script>
47 48
49<script type="text/javascript" src="/application/themes/sabi_sabi/js/jquery-3.5.1.js?ccm_nocache=947fc3e0260228d3039f02f7bc1af173e0a6f8b8"></script>
49 50<link href="/application/themes/sabi_sabi/css/common/header.css?ccm_nocache=ea7e69f5dd1e95c3137d424ebb5f9ac5ae9381c2" rel="stylesheet" type="text/css" media="all"> 51<link href="/application/themes/sabi_sabi/css/theme/style.css?ccm_nocache=ea7e69f5dd1e95c3137d424ebb5f9ac5ae9381c2" rel="stylesheet" type="text/css" media="all"> 52<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap" rel="stylesheet" type="text/css" media="all"> 53<link href="/application/themes/sabi_sabi/css/common/common.css?ccm_nocache=ea7e69f5dd1e95c3137d424ebb5f9ac5ae9381c2" rel="stylesheet" type="text/css" media="all"> 54<link href="/application/themes/sabi_sabi/css/intlTelInput/intlTelInput.css?ccm_nocache=ea7e69f5dd1e95c3137d424ebb5f9ac5ae9381c2" rel="stylesheet" type="text/css" media="all"> 55<link href="/packages/active_cookie_consent/css/cookies-disclaimer.css?ccm_nocache=d0f7245befc10e2ca9ce1f33a38d92e99c90eed2" rel="stylesheet" type="text/css" media="all"> 56<link href="/xw/acc/css/cookies-disclaimer/styles" rel="stylesheet" type="text/css" media="all"> 57<link href="/packages/active_cookie_consent/css/ios_toggler.css?ccm_nocache=d0f7245befc10e2ca9ce1f33a38d92e99c90eed2" rel="stylesheet" type="text/css" media="all"> 58<link href="/application/themes/sabi_sabi/css/jqueryui/jquery.datetimepicker.css?ccm_nocache=ea7e69f5dd1e95c3137d424ebb5f9ac5ae9381c2" rel="stylesheet" type="text/css" media="all"> 59<!-- Google Tag Manager -->
60<script>
vendor: 327 bytes, lines 60-64
60(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 61new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 62j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 63'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 64})(window,document,'script','dataLayer','
64GTM-NKZ2M594
vendor: 3 bytes, line 64
64');
64</script>
64
64<script type="text/javascript" src="https://www.bugherd.com/sidebarv2.js?apikey=25fq8ugk6qiypmxxibhxgw" async></script>
64 65 </head> 66<body class="ss-claremont-colours"> 67 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 67-68
67 68 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
68GTM-NKZ2M594
vendor: 91 bytes, lines 68-70
68" 69 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 70
70<!-- End Google Tag Manager (noscript) --> 71<!-- Page Pre Landing-section START--> 72<!-- Page Pre Landing-section END--><!-- Theme Wrapper Start --> 73<div class="wrapper style-2 suite-b" > 74 <div class="main-container"> <!-- Main Container Start --> 75<!-- mobile-menu --> 76<div class="mbnav d-lg-none"> 77 <div class="mbnav__backdrop"></div> 78 <div class="mbnav__state" data-clickable="true"> 79 <!-- menu header and hamburger --> 80 <!-- main responsive menu --> 81 <div class="mbnav__inner"> 82 83 84 <!-- **** Block Name: , Block Type: core_stack_display, Block Template: **** --> 85 86 87 <!-- **** Block Name: , Block Type: whale_manual_nav, Block Template: primary_mobile_nav.php **** --> 88<ul class="menu"><li><a href="https://www.claremontboutiquehotel.com/"><span>Home</span></a></li><li><a href="javascript:void(0)"><span>Experience</span><p>Our hospitality and rooms</p></a><ul class="sub-menu"><li class="drop-down"><a href="javascript:void(0)"><span>Rooms</span></a><ul class="sub-menu"><li><a href="https://www.claremontboutiquehotel.com/rooms"><span>Rooms Overview</span></a></li><li><a href="https://www.claremontboutiquehotel.com/rooms/classic-rooms"><span>Classic Rooms</span></a></li><li><a href="https://www.claremontboutiquehotel.com/rooms/deluxe-rooms"><span>Deluxe Rooms</span></a></li><li><a href="https://www.claremontboutiquehotel.com/rooms/sauer-suite"><span>Sauer Suite</span></a></li></ul></li><li class="drop-down"><a href="#"><span>Dining & Drinks</span></a><ul class="sub-menu"><li><a href="https://www.claremontboutiquehotel.com/dining-and-drinks"><span>Dining & Drinks Overview</span></a></li><li><a href="https://www.claremontboutiquehotel.com/dining-and-drinks/veld-and-vine-bistro"><span>Veld & Vine Bistro</span></a></li><li><a href="https://www.claremontboutiquehotel.com/dining-and-drinks/koffiehuis"><span>Koffiehuis</span></a></li><li><a href="https://www.claremontboutiquehotel.com/dining-and-drinks/1928-craft-bar"><span>1928 Craft Bar</span></a></li></ul></li></ul></li><li><a href="javascript:void(0)"><span>Explore</span><p>Our location</p></a><ul class="sub-menu"><li class="drop-down"><a href="javascript:void(0)"><span>At The Claremont</span></a><ul class="sub-menu"><li><a href="https://www.claremontboutiquehotel.com/claremont-experience"><span>The Claremont Experience</span></a></li><li><a href="https://www.claremontboutiquehotel.com/manor-house"><span>The Manor House</span></a></li></ul></li><li class="drop-down"><a href="javascript:void(0)"><span>Our Heritage</span></a><ul class="sub-menu"><li><a href="https://www.claremontboutiquehotel.com/our-story"><span>Our Story</span></a></li><li><a href="https://www.claremontboutiquehotel.com/history"><span>History</span></a></li></ul></li></ul></li><li><a href="javascript:void(0)"><span>Plan My Trip</span><p>Find rates and info</p></a><ul class="sub-menu"><li class="drop-down"><a href="javascript:void(0)"><span>Rates & Info</span></a><ul class="sub-menu"><li><a href="https://www.claremontboutiquehotel.com/rates"><span>Rates</span></a></li><li><a href="https://www.claremontboutiquehotel.com/contact"><span>Contact Us</span></a></li></ul></li><li class="drop-down"><a href="javascript:void(0)"><span>Packages & Specials</span></a><ul class="sub-menu"><li><a href="/application/files/3317/6457/5081/The-Claremont_Pay-Stay-Special_2025-2027_v1.pdf" target="_blank"><span>Pay Stay Special</span></a></li><li><a href="https://www.claremontboutiquehotel.com/application/files/3617/8290/5666/Sabi-Sabi-Collection_Kruger-to-Cape-Town_2026-2027.pdf" target="_blank"><span>Kruger to Cape Town Package</span></a></li></ul></li></ul></li></ul> 89 90 91 92 <!-- **** Block Name: , Block Type: html, Block Template: **** --> 93<div class="enquiry_menu"> 94 <a href="javascript:;" class="btn btn-primary enquiry-popup">Enquire Now</a> 95</div> 96<div class="enquiry_menu"> 97 <a href="/contact/book-now" class="btn btn-sand">Book Now</a> 98</div> 99<div class="enquiry_connect"> 100 <span class="heading">RESERVATIONS</span> 101 <a href="tel:+27114477172">+27 11 447 7172</a> 102 <a href="mailto:[email protected]">[email protected]</a> 103</div> 104 </div> 105 </div> 106</div> 107 108<header class="main-header logo-left"> 109 110 111 112 113 <!-- **** Block Name: , Block Type: html, Block Template: ****
113--> 114<a href="javascript:;" class="hamburger d-flex d-lg-none"> 115 <span class="hamburger__wrap"> 116 <span class="hamburger__line"></span> 117 </span> 118</a> 119 120<div class="container-1440"> 121 <div class="d-flex align-items-center justify-content-center"> 122 123 124 <!-- **** Block Name: , Block Type: core_stack_display, Block Template: **** --> 125 126 127 <!-- **** Block Name: , Block Type: image, Block Template: site_logo.php **** --> 128<div class="mh-brand"><a href="https://www.claremontboutiquehotel.com/"><img src="/application/files/9917/6484/9854/the-claremont-logo_dec25_webp-400.webp?fID=1338" alt="" title="the-claremont-logo_dec25_webp-400.webp"></a></div> 129 130 131 132 133 <!-- **** Block Name: , Block Type: whale_manual_nav, Block Template: desktop_main_nav.php **** --> 134<div class="mh-nav mh-nav-left"><ul><li class="home-icon"><a href="https://www.claremontboutiquehotel.com/"><img src="/application/files/6517/5941/2328/home.svg?fID=987&ftid=91"></img></a></li><li><a href="javascript:;" class="nav-item" data-tab="mm01">EXPERIENCE</a></li><li><a href="javascript:;" class="nav-item" data-tab="mm02">EXPLORE</a></li><li><a href="javascript:;" class="nav-item" data-tab="mm04">PLAN MY TRIP</a></li></ul></div> 135 136 137 138 <!-- **** Block Name: , Block Type: whale_manual_nav, Block Template: desktop_main_nav.php **** --> 139<div class="mh-nav mh-nav-right"><ul><li><a href="javascript:;" class="btn btn-primary enquiry-popup" target="_blank">Enquire Now</a></li><li><a href="/contact/book-now" class="btn btn-secondary trackvp-action" target="_blank" data-vpcode="gcBookNowBtn" data-vpaction="click">Book Now</a></li></ul></div> 140 141 </div> 142</div> 143 144 145 <!-- **** Container Handle: mega_menu_a, Block Type: core_container **** --> 146<div class="menu__overlay mm01"> 147 <div> 148 <div class="container-1440"> 149 150 151 <!-- **** Block Name: , Block Type: core_stack_display, Block Template: **** --> 152 153 154 <!-- **** Block Name: Mega Menu Item 1 - Explore, Block Type: whale_manual_nav, Block Template: primary_desktop_mega_nav_a.php **** --> 155<div class="row mo__row"><div class="cell-lg-4 mo__column"><h4 class="mo__innertitle">Rooms</h4><div class="mo__innermenu"><a href="https://www.claremontboutiquehotel.com/rooms" class="mo__innermenu-link">Rooms Overview</a><a href="https://www.claremontboutiquehotel.com/rooms/classic-rooms" class="mo__innermenu-link">Classic Rooms</a><a href="https://www.claremontboutiquehotel.com/rooms/deluxe-rooms" class="mo__innermenu-link">Deluxe Rooms</a><a href="https://www.claremontboutiquehotel.com/rooms/sauer-suite" class="mo__innermenu-link">Sauer Suite</a></div></div><div class="cell-lg-4 mo__column"><h4 class="mo__innertitle">Dining & Drinks</h4><div class="mo__innermenu"><a href="https://www.claremontboutiquehotel.com/dining-and-drinks" class="mo__innermenu-link">Dining & Drinks Overview</a><a href="https://www.claremontboutiquehotel.com/dining-and-drinks/veld-and-vine-bistro" class="mo__innermenu-link">Veld & Vine Bistro</a><a href="https://www.claremontboutiquehotel.com/dining-and-drinks/koffiehuis" class="mo__innermenu-link">Koffiehuis</a><a href="https://www.claremontboutiquehotel.com/dining-and-drinks/1928-craft-bar" class="mo__innermenu-link">1928 Craft Bar</a></div></div><div class="mo__innermenu"><a class="mo__innermenu-link"></a><a class="mo__innermenu-link"></a></div><div class="cell-lg-4 mo__column"><div class="image-col"><figure class="d-sxl-flex d-none"><img></img></figure></div></div></div> 156 157 </div> 158 <div class="container-full"> 159 </div> 160 </div> 161</div> 162 163 164 <!-- **** Container Handle: mega_menu_a, Block Type: core_container **** --> 165<div class="menu__overlay mm02"> 166 <div> 167 <div class="container-1440"> 168 169 170 <!-- **** Block Name: , Block Type: core_stack_display, Block Template: **** --> 171 172 173 <!-- **** Block Name: Mega Nav Item 2 - Our Heritage, Block Type: whale_manual_nav, Block Template: primary_desktop_mega_nav_a.php **** --> 174<div class="row mo__row"><div class="cell-lg-4 mo__column"><h4 class="mo__innertitle">At The Claremont</h4><div class="mo__innermenu"><a href="https://www.claremontboutiquehotel.com/claremont-experience" class="mo__innermenu-link">The Claremont Experience</a><a href="https://www.claremontboutiquehotel.com/manor-house" class="mo__innermenu-link">The Manor House</a></div></div><div class="cell-lg-4 mo__column"><h4 class="mo__innertitle">Our Heritage</h4><div class="mo__innermenu"><a href="https://www.claremontboutiquehotel.com/our-story" class="mo__innermenu-link">Our Story</a><a href="https://www.claremontboutiquehotel.com/history" class="mo__innermenu-link">History</a></div></div><div class="mo__innermenu"><a class="mo__innermenu-link"></a></div><div class="cell-lg-3 mo__column"><h4 class="mo__innertitle">Our Media</h4><div class="mo__innermenu"><a href="https://www.claremontboutiquehotel.com/gallery" class="mo__innermenu-link">Gallery</a><a class="mo__innermenu-link"></a></div></div><div class="cell-lg-4 mo__column"><div class="image-col"><figure class="d-sxl-flex d-none"><img></img></figure></div></div></div> 175 176 </div> 177 <div class="container-full"> 178 </div> 179 </div> 180</div> 181 182 183 <!-- **** Container Handle: mega_menu_a, Block Type: core_container ****
183--> 184<div class="menu__overlay mm04"> 185 <div> 186 <div class="container-1440"> 187 188 189 <!-- **** Block Name: , Block Type: core_stack_display, Block Template: **** --> 190 191 192 <!-- **** Block Name: Mega Menu Item 4 - Plan My Trip, Block Type: whale_manual_nav, Block Template: primary_desktop_mega_nav_a.php **** --> 193<div class="row mo__row"><div class="cell-lg-4 mo__column"><h4 class="mo__innertitle">Rates & Info</h4><div class="mo__innermenu"><a href="https://www.claremontboutiquehotel.com/rates" class="mo__innermenu-link">Rates</a><a href="https://www.claremontboutiquehotel.com/contact" class="mo__innermenu-link">Contact Us</a></div></div><div class="cell-lg-4 mo__column"><h4 class="mo__innertitle">Packages & Specials</h4><div class="mo__innermenu"><a href="https://www.claremontboutiquehotel.com/application/files/7117/8290/7101/Claremont_PayStay_Package_-_2026-2027.pdf" class="mo__innermenu-link" target="_blank">Pay Stay Special</a><a href="https://www.claremontboutiquehotel.com/application/files/3617/8290/5666/Sabi-Sabi-Collection_Kruger-to-Cape-Town_2026-2027.pdf" class="mo__innermenu-link" target="_blank">Kruger to Cape Town Package</a></div></div><div class="cell-lg-4 mo__column"><h4 class="mo__innertitle">Agents & Trade</h4><div class="mo__innermenu"><a href="https://sabisabi.pic-time.com/client" class="mo__innermenu-link" target="_blank">Digital Media Request</a></div></div></div> 194 195 </div> 196 <div class="container-full"> 197 </div> 198 </div> 199</div> 200</header><!-- Page Banner-section START--> 201<!-- Page Banner-section END--> <!-- content area part --> 202<div class="main-content ccm-page " > 203 204 <!-- **** Block Name: Page Banner, Block Type: page_banner, Block Template: bubble_banner_b.php **** --> 205 206<!-- **** Use this HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 207<!-- **** /sabisabi/accomodation-dining.html | Page Banner**** --> 208<section class="page-banner"> 209 <div class="pb-container bg-2"> 210 <div class="aspect-ratio h-max-screen responsive-fixed-height" style="--rw:1440;--rh:450;"> 211 <div class="round-caption-background multiple-text"> 212 <img data-src="/application/files/8317/6344/7214/overlap-tag-bg_clear_x1.25.png?fID=1294&d=0" dev-info="" alt="Overlap Tag Bg Clear X1.25" title="Overlap Tag Bg Clear X1.25" class="lazyload " /> <div class="round-caption tag-font-wrap"> 213 <h4 class="font-anantha hgroup "> 214 Classic Rooms </h4> 215 </div> 216 </div> 217 <img data-src="/application/files/thumbnails/image_1910x600/4717/5908/0927/the-claremont-room-3-7.jpg?fID=139&ftid=44&d=0" dev-info="image_1910x600" alt="The Claremont Room 3 7" title="The Claremont Room 3 7" class="lazyload " /> </div> 218 <div class="pb-highlight-text"> 219 <div class="container-1440"> 220 <div class="pb-text-container banner-line"> 221 <h3 class="">Soft textures, a <span class="font-anantha pb-text-variant">thoughtful</span> sense of space and character 222 223</h3> </div> 224 <div class="banner-tag-line mb-32"> 225 <div class="cell-md-11 btl-text-wrap"> 226 <h5 class="btl-text">Choose from either the Manor House or the Garden Cottage</h5> </div> 227 </div> 228 </div> 229 </div> 230 </div> 231</section> 232 233<!-- **** //{{ENDTEMPLATEHTML}} [DO NOT REMOVE THIS LINE] **** --> 234 235<!-- **** {{REMOVEFROMHERE}} [DO NOT REMOVE THIS LINE] **** --> 236<!-- **** {{REMOVETILLHERE}} [DO NOT REMOVE THIS LINE] **** --> 237 238 239 <!-- **** Container Handle: section_intro, Block Type: core_container **** --> 240<section 241 242 class="bg-3 section-intro"> 243 244 245 <span position="top" render-method="auto" design-element="weave_patern_cir
245cle_white" style="--top:intial;--bottom:70%;--left:initial;--right:0;--mxwidth:20%" class="bgt-shape "><img data-src="/application/files/1917/5941/2298/bgt-t-white.png?fID=925&d=0" dev-info="" alt="Bgt T White" title="Bgt T White" class="lazyload " /></span> <!-- **** Block Name: , Block Type: panel_intro, Block Template: lodge_intro_a.php **** --> 246 247 248 249<!-- **** Use this HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 250<!-- **** /sabisabi/selati.html | Page Intro**** --> 251<div class="container-1280"> 252 <div class="panel-intro z-9 pos-relative"> 253 <h1 class="vector-title hgroup s-quater"> 254 <span class="vector-title-left"> 255 <img data-src="/application/files/9917/5941/2235/bush.png?fID=736&d=0" dev-info="" alt="Bush" title="Bush" class="lazyload " /> </span> 256 <span>Four Classic Rooms 257 258</span> <span class="vector-title-right"> 259 <img data-src="/application/files/9917/5941/2235/bush.png?fID=736&d=0" dev-info="" alt="Bush" title="Bush" class="lazyload " /> </span> 260 </h1> 261 <h5 class="font-lato hgroup s-half">Queen beds, en-suite bathrooms and luxury amenities</h5> <p>From historical accents to William Morris and contemporary flower pattern inspiration. Each room has its own personality and charm.</p> 262 </div> 263</div> 264 265<!-- **** //{{ENDTEMPLATEHTML}} [DO NOT REMOVE THIS LINE] **** --> 266 267<!-- **** {{REMOVEFROMHERE}} [DO NOT REMOVE THIS LINE] **** --> 268<!-- **** {{REMOVETILLHERE}} [DO NOT REMOVE THIS LINE] **** --> 269 270 271 <!-- **** Block Name: Gallery, Block Type: multi_gallery, Block Template: gallery_a.php **** --> 272 273 274<!-- **** Use this HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 275<!-- **** /sabisabi/bush-lodge.html | Intro Gallery**** --> 276<div class="pos-relative"> 277 <span position="top" render-method="template" design-element="weave_patern_circle_green" style="--top: -10%;--bottom:initial;--left:-5%;--right:initial;--mxwidth:20%;" class="bgt-shape "><img data-src="/application/files/7417/5941/2318/bgt-t-full.png?fID=970&d=0" dev-info="" alt="Bgt T Full" title="Bgt T Full" class="lazyload " /></span> <div class="show-case"> 278 <div class="scg-image scg-large"> 279 <div class="scg-image-wrap"> 280 <img data-src="/application/files/thumbnails/image_768x653/7917/6131/2468/the-claremont-room-7-7.jpg?fID=1212&ftid=62&d=0" dev-info="image_768x653" alt="The Claremont Room 7 7" title="The Claremont Room 7 7" class="lazyload " /> </div> 281</div> 282<div class="scg-center-column"> 283 <div class="scg-image mb-16 mb-lg-32"> 284 <div class="scg-image-wrap"> 285 <img data-src="/application/files/thumbnails/image_460x306/1817/5908/0928/the-claremont-room-4-1.jpg?fID=147&ftid=63&d=0" dev-info="image_460x306" alt="The Claremont Room 4 1" title="The Claremont Room 4 1" class="lazyload " /> </div> 286</div> <div class="scg-image"> 287 <div class="scg-image-wrap"> 288 <img data-src="/application/files/thumbnails/image_460x306/2417/5908/0927/the-claremont-room-3-1.jpg?fID=142&ftid=63&d=0" dev-info="image_460x306" alt="The Claremont Room 3 1" title="The Claremont Room 3 1" class="lazyload " /> </div> 289</div> </div> <div class="scg-image scg-large"> 290 <div class="scg-image-wrap"> 291 <img data-src="/application/files/thumbnails/image_768x653/7617/6037/1283/the-claremont-room-3-3.jpg?fID=1118&ftid=62&d=0" dev-info="image_768x653" alt="The Claremont Room 3 3" title="The Claremont Room 3 3" class="lazyload " /> </div> 292</div> </div> 293</div> 294 295<!-- **** //{{ENDTEMPLATEHTML}} [DO NOT REMOVE THIS LINE] **** --> 296 297<!-- **** {{REMOVEFROMHERE}} [DO NOT REMOVE THIS LINE] **** --> 298<!-- **** {{REMOVETILLHERE}} [DO NOT REMOVE THIS LINE] **** --> 299</section> 300 301 302 303 <!-- **** Container Handle: section_s1, Block Type: core_container **** --> 304<section 305 306 class="bg-3 section-s1"> 307 308 309 <!-- **** Container Handle: amenities_layout, Block Type: core_container ****
309--> 310<div class="container-full drinks-overview amenities"> 311 <div class="d-flex flex-wrap drinks-overview-wrap justify-content-between"> 312 <div class="cell-16 cell-lg-7"> 313 314 315 <!-- **** Block Name: Amenities Image, Block Type: image, Block Template: layout_a.php **** --> 316 317 <div class="drinks-overview-image "> 318 <figure class="aspect-ratio h-full" style="--rw:544;--rh:425;"> 319 <img data-src="/application/files/thumbnails/image_836x632/2717/5908/0925/the-claremont-cameos-38.jpg?fID=131&ftid=38&d=0" dev-info="image_836x632" alt="The Claremont Cameos 38" title="The Claremont Cameos 38" class="lazyload " /> </figure> 320 </div> 321 322 </div> 323 <div class="cell-16 cell-lg-9 d-flex amenities-wrap"> 324 <div class="drinks-overview-content p-md-64 text-center text-md-left"> 325 326 327 <!-- **** Block Name: Amenities Intro, Block Type: panel_intro, Block Template: panel_intro_f.php **** --> 328 329 330<!-- **** Use this HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 331<!-- **** /sabisabi/suite-b.html | Amenities Intro**** --> 332 <h2 class="mb-32 mt-32 hgroup text-lg-left text-center">Amenities & Essentials</h2> 333<!-- **** //{{ENDTEMPLATEHTML}} [DO NOT REMOVE THIS LINE] **** --> 334 335<!-- **** {{REMOVEFROMHERE}} [DO NOT REMOVE THIS LINE] **** --> 336<!-- **** {{REMOVETILLHERE}} [DO NOT REMOVE THIS LINE] **** --> 337 338 339 <!-- **** Block Name: Amenities List, Block Type: suite_info, Block Template: amenities_list.php **** --> 340 341 342<!-- **** Use this HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 343<!-- **** /sabisabi/suite-b.html | Amenities List**** --> 344<div class="d-flex amenities-wrap"> 345 <div class="cell-md-8 cell-16"> 346 <div class="amenities-listwrap mr-md-64 mr-32"> 347 <ul class="icon-list mb-32 mb-md-16"> 348 <li class="icon-list-item"> 349 <i class="icon "></i> 350 Air conditioner </li> 351 <li class="icon-list-item"> 352 <i class="icon "></i> 353 Tea & coffee making facilities </li> 354 <li class="icon-list-item"> 355 <i class="icon "></i> 356 Digital safe </li> 357 <li class="icon-list-item"> 358 <i class="icon "></i> 359 LED Smart TV </li> 360 <li class="icon-list-item"> 361 <i class="icon "></i> 362 WiFi </li> 363 <li class="icon-list-item"> 364 <i class="icon "></i> 365 Luxury amenities </li> 366 </ul> 367 </div> 368 </div> 369 <div class="cell-md-8 cell-16"> 370 <div class="amenities-listwrap"> 371 <ul class="icon-list"> 372 <li class="icon-list-item"> 373 <i class="icon "></i> 374 Laundry service on request (chargeable) </li> 375 <li class="icon-list-item"> 376 <i class="icon "></i> 377 Telephone </li> 378 <li class="icon-list-item"> 379 <i class="icon "></i> 380 Robe & slippers </li> 381 <li class="icon-list-item"> 382 <i class="icon "></i> 383 Hairdryer </li> 384 <li class="icon-list-item"> 385 <i class="icon "></i> 386 Mini bar & snacks (chargeable) </li> 387 <li class="icon-list-item"> 388 <i class="icon "></i> 389 Access to pool in private gardens </li> 390 </ul> 391 </div> 392 </div> 393 </div> 394 395<!-- **** //{{ENDTEMPLATEHTML}} [DO NOT REMOVE THIS LINE] **** --> 396 397<!-- **** {{REMOVEFROMHERE}} [DO NOT REMOVE THIS LINE] **** --> 398<!-- **** {{REMOVETILLHERE}} [DO NOT REMOVE THIS LINE] **** --> 399 </div> 400 </div> 401 </div> 402</div> 403</section> 404 405 406 407 <!-- **** Container Handle: section_s1, Block Type: core_container ****
407--> 408<section 409 410 class=" section-s1"> 411 412 413 <!-- **** Block Name: , Block Type: core_stack_display, Block Template: **** --> 414 415 416 417 418 <!-- **** Block Name: The Claremont Experience Intro, Block Type: panel_intro, Block Template: panel_intro_a.php **** --> 419 420<!-- **** Use this UPDATED HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 421<!-- **** Use this HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 422<!-- **** /sabisabi/index.html | Wildlife Intro**** --> 423<div class="container-768"> 424 <div class="panel-intro"> 425 <h2 class="text-claremont-blue hgroup s-quarter">The Claremont Experience 426 427</h2> <h5 class="font-lato mb-0">A historical, leafy suburb perfectly positioned between Cape Town and its Constantia Winelands.</h5> </div> 428</div> 429<!-- **** //{{ENDTEMPLATEHTML}} **** --> 430 431<!-- **** {{REMOVEFROMHERE}} **** --> 432<!-- **** {{REMOVETILLHERE}} **** --> 433 434 435 436 437 438 <!-- **** Block Name: The Claremont Experience, Block Type: simple_content_list, Block Template: card_grid_b.php **** --> 439 440 441<!-- **** Use this HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 442<!-- **** /sabisabi/suite-b.html | Special Highlights Grid**** --> 443<div class="container-1280"> 444 <div class="d-flex justify-content-lg-between"> 445 <div class="sb-highlights cell-sm-16 cell-md-8 mb-md-0 mb-32"> 446 <div class="sb-image-wrap pos-relative"> 447 <figure class="aspect-ratio" style="--rw:618;--rh:410;"> 448 <img data-src="/application/files/thumbnails/image_1082x700/9817/5932/7932/the-claremont--pool-area-15-tranquil.jpg?fID=450&ftid=40&d=0" dev-info="image_1082x700" alt="The Claremont Pool Area 15 Tranquil" title="The Claremont Pool Area 15 Tranquil" class="lazyload " /> </figure> 449 <div class="sb-text-wrap text-center"> 450 <h4 class="hgroup mb-0">Tranquil & Intimate</h4> </div> 451 </div> 452 </div> 453 <div class="sb-highlights cell-sm-16 cell-md-8 mb-md-0 mb-32"> 454 <div class="sb-image-wrap pos-relative"> 455 <figure class="aspect-ratio" style="--rw:618;--rh:410;"> 456 <img data-src="/application/files/thumbnails/image_1082x700/3917/5932/7932/the-claremont--veld-_and_-vine-23-authentic.jpg?fID=451&ftid=40&d=0" dev-info="image_1082x700" alt="The Claremont Veld And Vine 23 Authentic" title="The Claremont Veld And Vine 23 Authentic" class="lazyload " /> </figure> 457 <div class="sb-text-wrap text-center"> 458 <h4 class="hgroup mb-0">Authentic Hospitality</h4> </div> 459 </div> 460 </div> 461 <div class="sb-highlights cell-sm-16 cell-md-8 mb-md-0 mb-32"> 462 <div class="sb-image-wrap pos-relative"> 463 <figure class="aspect-ratio" style="--rw:618;--rh:410;"> 464 <img data-src="/application/files/thumbnails/image_1082x700/2017/5932/7933/the-claremont--koffiehuis-6-homely.jpg?fID=452&ftid=40&d=0" dev-info="image_1082x700" alt="The Claremont Koffiehuis 6 Homely" title="The Claremont Koffiehuis 6 Homely" class="lazyload " /> </figure> 465 <div class="sb-text-wrap text-center"> 466 <h4 class="hgroup mb-0">Homely</h4> </div> 467 </div> 468 </div> 469 <div class="sb-highlights cell-sm-16 cell-md-8 mb-md-0 mb-32"> 470 <div class="sb-image-wrap pos-relative"> 471 <figure class="aspect-ratio" style="--rw:618;--rh:410;"> 472 <img data-src="/application/files/thumbnails/image_1082x700/6517
472/5932/7933/the-claremont--veld-_and_-vine-47-personalised-service.jpg?fID=453&ftid=40&d=0" dev-info="image_1082x700" alt="The Claremont Veld And Vine 47 Personalised Service" title="The Claremont Veld And Vine 47 Personalised Service" class="lazyload " /> </figure> 473 <div class="sb-text-wrap text-center"> 474 <h4 class="hgroup mb-0">Personalised Service</h4> </div> 475 </div> 476 </div> 477 </div> 478</div> 479 480<!-- **** //{{ENDTEMPLATEHTML}} [DO NOT REMOVE THIS LINE] **** --> 481 482<!-- **** {{REMOVEFROMHERE}} [DO NOT REMOVE THIS LINE] **** --> 483<!-- **** {{REMOVETILLHERE}} [DO NOT REMOVE THIS LINE] **** --> 484 485 486</section> 487 488 489 490 <!-- **** Container Handle: section_s1, Block Type: core_container **** --> 491<section 492 493 class="bg-3 section-s1"> 494 495 496 <!-- **** Block Name: Room Tab Gallery Intro, Block Type: panel_intro, Block Template: panel_intro_g.php **** --> 497 498 499 500<!-- **** Use this HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 501<!-- **** /sabisabi/bush-lodge.html | Lodge Gallery Intro**** --> 502<div class="container-1280"> 503 <div class="panel-intro pt-single"> 504 <h2 class="h1 hgroup s-quater">Inside our Classic Rooms 505 506</h2> <h5 class="font-lato mb-0">Whether choosing to stay in the Manor House or tucked away in the garden, our Classic Rooms each have a story to tell.</h5> </div> 507</div> 508 509<!-- **** //{{ENDTEMPLATEHTML}} [DO NOT REMOVE THIS LINE] **** --> 510 511<!-- **** {{REMOVEFROMHERE}} [DO NOT REMOVE THIS LINE] **** --> 512<!-- **** {{REMOVETILLHERE}} [DO NOT REMOVE THIS LINE] **** --> 513 514 515 <!-- **** Block Name: Room Tab Gallery, Block Type: multi_gallery, Block Template: tab_gallery_a.php **** --> 516 517<!-- **** Use this HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 518<!-- **** /sabisabi/selati.html | Lodge Gallery**** --> 519<div class="container-fluid modular-grid-gallery horizontal-tab-gallery hgt-inner-navigation"> 520 <ul class="hgt-wrapper bg-1"> 521 <li class="hgt-link active" data-tab="tab-1"> 522 <span class="semi-title"> 523 Living Area </span> 524 </li> 525 <li class="hgt-link " data-tab="tab-2"> 526 <span class="semi-title"> 527 Bathroom </span> 528 </li> 529 </ul> 530 <div class="grid-gallery tab-1 active"> 531 532<div class="gg-left "> 533 534<div class="d-flex"> 535 536<div class="gg-span-width-full"> 537 <figure class="aspect-ratio" style="--rw:698;--rh:368" > 538 <img data-src="/application/files/thumbnails/image_923x487/1917/6037/3556/the-claremont-room-4-4.jpg?fID=1127&ftid=42&d=0" dev-info="image_923x487" alt="The Claremont Room 4 4" title="The Claremont Room 4 4" class="lazyload " /> </figure> 539</div></div> 540 541<div class="gg-span-height"> 542 <figure class="aspect-ratio" style="--rw:691;--rh:380" > 543 <img data-src="/application/files/thumbnails/image_923x508/6417/6131/1655/the-claremont-room-8-3-classic.jpg?fID=1209&ftid=43&d=0" dev-info="image_923x508" alt="The Claremont Room 8 3 Classic" title="The Claremont Room 8 3 Classic" class="lazyload " /> </figure> 544</div> 545</div> 546 547 548<div class="gg-right "> 549 550<div class="d-flex"> 551 552<div class="gg-span-width-full"> 553 <figure class="aspect-ratio" style="--rw:698;--rh:368" > 554 <img data-src="/application/files/thumbnails/image_923x487/4617/6131/1654/the-claremont-room-7-8.jpg?fID=1208&ftid=42&d=0" dev-info="image_923x487" alt="The Claremont Room 7 8" title="The Claremont Room 7 8" class="lazyload " /> </figure> 555</div></div> 556 557<div class="gg-span-height"> 558 <figure class="aspect-ratio" style="--rw:691;--rh:380" > 559 <img data-src="/application/files/thumbnails/image_923x508/9117/6037/3556/the-claremont-room-3-3.jpg?fID=1125&ftid=43&d=0" dev-info="image_923x508" alt="The Claremont Room 3 3" title="The Claremont Room 3 3" class="lazyload " /> </figure> 560</div> 561</div> 562 563 </div> 564 <div class="grid-gallery tab-2 "> 565 566<div class="gg-left "> 567 568<div class="d-flex"> 569 570<div class="gg-span-width-full"> 571 <figure class="aspect-ratio" style="--rw:698;--rh:368" > 572 <img data-src="/application/files/thumbnails/image_923x487/7817/6037/3555/the-claremont-room-3-6.jpg?fID=1122&ftid=42&d=0" dev-info="image_923x487" alt="The Claremont Room 3 6" title="The Claremont Room 3 6" class="lazyload " /> </figure> 573</div></div> 574 575<div class="gg-span-height"> 576 <figure class="aspect-ratio" style="--rw:691;--rh:380" > 577 <img data-src="/application/files/thumbnails/image_923x508/5617/6131/1822/the-claremont-room-7-5.jpg?fID=1211&ftid=43&d=0" dev-info="image_923x508" alt="The Claremont Room 7 5" title="The Claremont Room 7 5" class="lazyload " /> </figure> 578</div> 579</div> 580 581 582<div class="gg-right "> 583 584<div class="d-flex"> 585 586<div class="gg-span-width-full"> 587 <figure class="aspect-ratio" style="--rw:698;--rh:368" > 588 <img data-src="/application/files/thumbnails/image_923x487/1017/6131/1821/the-claremont-room-8-5.jpg?fID=1210&ftid=42&d=0" dev-info="image_923x487" alt="The Claremont Room 8 5" title="The Claremont Room 8 5" class="lazyload " /> </figure> 589</div></div> 590 591<div class="gg-span-height"> 592 <figure class="aspect-ratio" style="--rw:691;--rh:380" > 593 <img data-src="/application/files/thumbnails/image_923x508/6417/6037/3556/the-claremont-room-4-1.jpg?fID=1124&ftid=43&d=0" dev-info="image_923x508" alt="The Claremont Room 4 1" title="The Claremont Room 4 1" class="lazyload " /> </figure> 594</div> 595</div> 596 597 </div> 598 </div> 599 600<!-- **** //{{ENDTEMPLATEHTML}} [DO NOT REMOVE THIS LINE] **** --> 601 602<!-- **** {{REMOVEFROMHERE}} [DO NOT REMOVE THIS LINE] **** --> 603<!-- **** {{REMOVETILLHERE}} [DO NOT REMOVE THIS LINE] **** --> 604</section> 605 606 607 608 <!-- **** Block Name: CTA Strip, Block Type: content_strip, Block Template: cta_strip_b.php **** --> 609 <!-- **** Block Name: CTA Strip, Block Type: content_strip, Block Template: cta_strip_b.php **** --> 610 611<!-- **** Use this UPDATED HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 612<!-- **** Use this HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 613<!-- **** /sabisabi/suite-b.html | CTA Strip**** --> 614<section class="page-banner highlighted-strip bg-1 section-s3"> 615 <span position="top" render-method="template" design-element="illustration_g10" style="--top:initial;--bottom:1%;--left:0;--right:0;--mxwidth:40%" class="bgt-shape "><img data-src="/application/files/4817/6399/5781/buildings-with-mountain-backdrop.png?fID=1313&d=0" dev-info="" alt="Buildings With Mountain Backdrop" title="Buildings With Mountain Backdrop" class="lazyload " /></span> <div class="container-fluid"> 616 <div class="hs-textwrap"> 617 <div class="hs-textcontainer pb-text-container cta-block-inner"> 618 <h3 class="mb-lg-32 mr-lg-32 mb-sm-32 mb-16">Start your <span class="font-anantha hs-textvariant">Mother City</span> experience here 619 620</h3> <div class="pb-btn-wrap"> 621 <a href="javascript:;" class="btn btn-suite btn btn-primary enquiry-popup">Enquire Now</a> </div> 622 </div> 623 </div> 624 </div> 625</section> 626 627<!-- **** //{{ENDTEMPLATEHTML}} [DO NOT REMOVE THIS LINE] **** --> 628 629<!-- **** {{REMOVEFROMHERE}} [DO NOT REMOVE THIS LINE] **** --> 630<!-- **** {{REMOVETILLHERE}} [DO NOT REMOVE THIS LINE] **** --> 631 632 633 <!-- **** Container Handle: section_s1, Block Type: core_container ****
633--> 634<section 635 636 class=" section-s1"> 637 638 639 <!-- **** Block Name: More Suite Intro, Block Type: panel_intro, Block Template: panel_intro_a.php **** --> 640 641<!-- **** Use this UPDATED HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 642<!-- **** Use this HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 643<!-- **** /sabisabi/index.html | Wildlife Intro**** --> 644<div class="container-768"> 645 <div class="panel-intro"> 646 <h2 class="text-claremont-blue hgroup s-quarter">Looking for something else at The Claremont? 647 648</h2> <h5 class="font-lato mb-0">Larger spaces for longer stays.</h5> </div> 649</div> 650<!-- **** //{{ENDTEMPLATEHTML}} **** --> 651 652<!-- **** {{REMOVEFROMHERE}} **** --> 653<!-- **** {{REMOVETILLHERE}} **** --> 654 655 656 <!-- **** Block Name: More Suites List, Block Type: rooms_eo, Block Template: tile_list.php **** --> 657 658 659<!-- **** Use this HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 660<!-- **** /sabisabi/suite-b.html | More Suites List**** --> 661<div class="container-1440"> 662 <div class=" d-flex justify-content-lg-between"> 663 <div class="sb-highlights cell-sm-16 cell-md-8 mb-md-0 mb-32"> 664 <div class="sb-image-wrap pos-relative"> 665 <figure class="aspect-ratio" style="--rw:618;--rh:410;"> 666 <img data-src="/application/files/thumbnails/image_1082x700/5117/5932/7944/the-claremont--room-12-2.jpg?fID=513&ftid=40&d=0" dev-info="image_1082x700" alt="The Claremont Room 12 2" title="The Claremont Room 12 2" class="lazyload " /> </figure> 667 </div> 668 <div class="sb-slide-panel"> 669 <div class="sb-slide-headline"> 670 <h4 class="hgroup mb-0">Deluxe Rooms</h4> </div> 671 <div class="sb-slide-body"> 672 <div class="sb-slide-content"> 673 <div class="semi-title"></div> 674 <p style="text-align: center;">Spacious with separate lounge areas</p> 675 676<p style="text-align: center;">Outside terraces</p> 677 678<p style="text-align: center;">Full en-suite bathrooms</p> 679 </div> 680 </div> 681 <div class="sb-slide-footer"> 682 <a href="https://www.claremontboutiquehotel.com/rooms/deluxe-rooms" class="btn btn-secondary px-64"> 683 View Deluxe Rooms </a> 684 </div> 685 </div> 686</div> <div class="sb-highlights cell-sm-16 cell-md-8 mb-md-0 mb-32"> 687 <div class="sb-image-wrap pos-relative"> 688 <figure class="aspect-ratio" style="--rw:618;--rh:410;"> 689 <img data-src="/application/files/thumbnails/image_1082x700/3217/6123/0438/the-claremont-room-5-1-sauer-suite.jpg?fID=1193&ftid=40&d=0" dev-info="image_1082x700" alt="The Claremont Room 5 1 Sauer Suite" title="The Claremont Room 5 1 Sauer Suite" class="lazyload " /> </figure> 690 </div> 691 <div class="sb-slide-panel"> 692 <div class="sb-slide-headline"> 693 <h4 class="hgroup mb-0">Sauer Suite</h4> </div> 694 <div class="sb-slide-body"> 695 <div class="sb-slide-content"> 696 <div class="semi-title"></div> 697 <p style="text-align: center;">Private access from paved parking area</p> 698 699<p style="text-align: center;">Private pool and garden</p> 700 701<p style="text-align: center;">Perfect for guests looking for an extended stay</p> 702 </div> 703 </div> 704 <div class="sb-slide-footer"> 705 <a href="https://www.claremontboutiquehotel.com/rooms/sauer-suite" class="btn btn-secondary px-64"> 706 View Sauer Suite </a> 707 </div> 708 </div> 709</div> </div> 710</div> 711 712<!-- **** //{{ENDTEMPLATEHTML}} [DO NOT REMOVE THIS LINE] **** --> 713 714<!-- **** {{REMOVEFROMHERE}} [DO NOT REMOVE THIS LINE] **** --> 715<!-- **** {{REMOVETILLHERE}} [DO NOT REMOVE THIS LINE] **** --> 716</section> 717 718 719 720 <!-- **** Container Handle: section_s1, Block Type: core_container ****
720--> 721<section 722 723 class=" section-s1"> 724 725 726 <!-- **** Block Name: Rates Include Intro, Block Type: panel_intro, Block Template: panel_intro_a.php **** --> 727 728<!-- **** Use this UPDATED HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 729<!-- **** Use this HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 730<!-- **** /sabisabi/index.html | Wildlife Intro**** --> 731<div class="container-768"> 732 <div class="panel-intro"> 733 <h2 class="text-claremont-blue hgroup s-quarter">Included in our Rate 734 735</h2> <h5 class="font-lato mb-0">Our rates are charged per room, per night and include access to all on-site facilities and amenities.</h5> </div> 736</div> 737<!-- **** //{{ENDTEMPLATEHTML}} **** --> 738 739<!-- **** {{REMOVEFROMHERE}} **** --> 740<!-- **** {{REMOVETILLHERE}} **** --> 741 742 743 <!-- **** Block Name: Rates Include List, Block Type: central_content_list, Block Template: card_grid_a.php **** --> 744- 745 746<!-- **** Use this HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 747<!-- **** /sabisabi/rates.html | Rates Includes**** --> 748<div class="container-1440 px-lg-64 responsiveSliderblocks"> 749 <div class="d-flex sde blocks-primary"> 750 <div class="cell-16 cell-lg-8 sde-wrap"> 751 <div class="sde-content-container "> 752 <div class="sde-picture cell-16 cell-md-8"> 753 <figure class="aspect-ratio sde-image" style="--rw:312;--rh:268;"> 754 <img data-src="/application/files/thumbnails/image_429x369/3017/6348/1321/the_claremont-exterior_18.jpg?fID=1300&ftid=37&d=0" dev-info="image_429x369" alt="The Claremont Exterior 18" title="The Claremont Exterior 18" class="lazyload " /> </figure> 755 </div> 756 <div class="sde-content p-32 p-16 cell-16 cell-md-8 text-center text-md-left "> 757 <h4 class="font-bold">Breakfast</h4> <p>At the Veld & Vine Bistro, Koffiehuis or on the terrace. Start your day with seasonal fare and freshly brewed coffee.</p> 758 </div> 759 </div> 760 </div> 761 <div class="cell-16 cell-lg-8 sde-wrap"> 762 <div class="sde-content-container "> 763 <div class="sde-picture cell-16 cell-md-8"> 764 <figure class="aspect-ratio sde-image" style="--rw:312;--rh:268;"> 765 <img data-src="/application/files/thumbnails/image_429x369/6617/5908/1011/the-claremont-lounge-4-wifi.jpg?fID=413&ftid=37&d=0" dev-info="image_429x369" alt="The Claremont Lounge 4 Wifi" title="The Claremont Lounge 4 Wifi" class="lazyload " /> </figure> 766 </div> 767 <div class="sde-content p-32 p-16 cell-16 cell-md-8 text-center text-md-left "> 768 <h4 class="font-bold">WiFi</h4> <p>Unlimited internet access available throughout the property, ensuring you stay connected.</p> </div> 769 </div> 770 </div> 771 <div class="cell-16 cell-lg-8 sde-wrap"> 772 <div class="sde-content-container sde-content-reverse"> 773 <div class="sde-picture cell-16 cell-md-8"> 774 <figure class="aspect-ratio sde-image" style="--rw:312;--rh:268;"> 775 <img data-src="/application/files/thumbnails/image_429x369/2517/5908/1011/the-claremont-cameos-33-amenities.jpg?fID=412&ftid=37&d=0" dev-info="image_429x369" alt="The Claremont Cameos 33 Amenities" title="The Claremont Cameos 33 Amenities" class="lazyload " /> </figure> 776 </div> 777 <div class="sde-content p-32 p-16 cell-16 cell-md-8 text-center text-md-left "> 778 <h4 class="font-bold">Luxury Amenities</h4> <p>Locally sourced and environmentally friendly bathroom products, thoughtfully selected.</p> </div> 779 </div> 780 </div> 781 <div class="cell-16 cell-lg-8 sde-wrap"> 782 <div class="sde-content-container sde-content-reverse"> 783 <div class="sde-picture cell-16 cell-md-8"> 784 <figure class="aspect-ratio sde-image" style="--rw:312;--rh:268;"> 785 <img data-src="/application/files/thumbnails/image_429x369/5117/5984/6882/claremonthotel39-secure-parking.jpg?fID=1095&ftid=37&d=0" dev-info="image_429x369" alt="Claremonthotel39 Secure Parking" title="Claremonthotel39 Secure Parking" class="lazyload " /> </figure> 786 </div> 787 <div class="sde-content p-32 p-16 cell-16 cell-md-8 text-center text-md-left "> 788 <h4 class="font-bold">Secure Parking</h4> <p>24hr, on-site, off-street with ample parking bays and convenient access to guest areas.</p> 789 </div> 790 </div> 791 </div> 792 </div> 793 </div> 794 795<!-- **** //{{ENDTEMPLATEHTML}} [DO NOT REMOVE THIS LINE] **** --> 796 797<!-- **** {{REMOVEFROMHERE}} [DO NOT REMOVE THIS LINE] **** --> 798<!-- **** {{REMOVETILLHERE}} [DO NOT REMOVE THIS LINE] **** --> 799</section> 800 801 802 803 <!-- **** Container Handle: section_s1, Block Type: core_container ****
803--> 804<section 805 806 class=" section-s1"> 807 808 809 <!-- **** Block Name: , Block Type: core_stack_display, Block Template: **** --> 810 811 812 <!-- **** Block Name: Rates NB Info, Block Type: central_content, Block Template: rates_info.php **** --> 813 814 815<!-- **** Use this HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 816<!-- **** /sabisabi/rates.html | Rates Info (Excludes)**** --> 817<div class="container-1440"> 818 <div class="content-strip transparent rates-content-strip"> 819 <div class="content-strip-wrap primary-outline py-32 px-16"> 820 <div class="content-strip-text"> 821 <h4 class="h5 text-center text-primary mb-32 font-lato"><span class="caps">THINGS</span> TO <span class="caps">KEEP</span> IN <span class="caps">MIND</span> 822 823</h4> <div class="d-flex px-md-32"> 824 <div class="cell-md-8 cell-16 px-md-32 px-16"> 825 <ul class="bullet-list text-left"> 826 <li>Our rates include government taxes (VAT).</li> 827 <li>Mini bar contents are at an additional charge, except for guests staying in the Sauer Suite.â¨</li> 828 <li>Fully licensed restaurant and bar facilities on-site.</li> 829</ul> 830 </div> 831 <div class="cell-md-8 cell-16 px-md-32 px-16"> 832 <ul class="bullet-list text-left"> 833 <li>Additional transfers to & from Cape Town International airport can be arranged.</li> 834 <li>Items of a personal nature (telephone calls, laundry, touring etc.) are at an additional cost.</li> 835 <li>Reliable taxi services operate in the area.</li> 836</ul> 837 </div> 838 </div> 839 </div> 840 </div> 841 </div> 842</div> 843 844<!-- **** //{{ENDTEMPLATEHTML}} [DO NOT REMOVE THIS LINE] **** --> 845 846<!-- **** {{REMOVEFROMHERE}} [DO NOT REMOVE THIS LINE] **** --> 847<!-- **** {{REMOVETILLHERE}} [DO NOT REMOVE THIS LINE] **** --> 848 849</section> 850 851 852 853 <!-- **** Container Handle: section_s1, Block Type: core_container **** --> 854<section 855 856 class=" section-s1"> 857 858 859 <span position="top" render-method="auto" design-element="weave_patern_circle_left_cut_blue" style="--top: -40%;--bottom:initial;--left:initial;--right:-5%;--mxwidth:20%;" class="bgt-shape d-none d-lg-block"><img data-src="/application/files/4417/5941/2242/weavePatternCircleLeftCutBlue.png?fID=772&d=0" dev-info="" alt="WeavePatternCircleLeftCutBlue" title="WeavePatternCircleLeftCutBlue" class="lazyload " /></span> <!-- **** Block Name: Testimonial, Block Type: testimonials_eo, Block Template: feature_testimonial_a.php **** --> 860 861 <!-- **** Use this UPDATED HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 862 <!-- **** Use this HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 863 <!-- **** /sabisabi/dining.html | Testimonial**** --> 864 865<div id="testimonialBlockID434" class="container-1280 feature-testimonial"> 866 <div class="d-flex justify-content-center"> 867 <div class="cell-lg-6 cell-9 pr-md-32 pr-xl-0 mb-32 ft-img-z9"> 868 <div class="testimonialBlockImgTag aspect-ratio" style="--rw:414;--rh:336;"> 869 <img data-src="/application/files/thumbnails/image_836x676/3517/6313/4171/skeleton_gorge.jpg?fID=1282&ftid=27&d=0" dev-info="image_836x676" alt="Skeleton Gorge" title="Skeleton Gorge" class="lazyload " /> </div> 870 </div> 871 <div class="cell-lg-10 pt-16 pt-md-0 d-flex"> 872 <div class="cell-16 cell-lg-3 px-16 text-center pr-16"> 873 </div> 874 <div class="cell-lg-13 cell-16 text-center text-lg-left pt-lg-32"> 875 <blockquote class="testimonialBlockSimpleTestimonial text-center text-lg-left "> 876 <p>"Hiking up Skeleton Gorge to the top of Table Mountain, and descending through Nursery Ravine, was one of the most rewarding experiences."</p> 877 </blockquote>
878 <span class="testimonialBlockName ft-name"> 879 Stella Haynes </span> 880 <span class="testimonialBlockTitle ft-title"> 881 </span> 882 <div class="ft-ratings mt-16"> 883 <div class="ft-brand-logo"> 884 <img data-src="/application/files/7217/5941/2248/tripadvisor.png?fID=792&d=0" dev-info="" alt="Tripadvisor" title="Tripadvisor" class="lazyload " /> </div> 885 </div> 886 </div> 887 </div> 888 </div> 889</div> 890<!-- **** //{{ENDTEMPLATEHTML}} [DO NOT REMOVE THIS LINE]**** --> 891 892<!-- **** {{REMOVEFROMHERE}} [DO NOT REMOVE THIS LINE]**** --> 893<!-- **** {{REMOVETILLHERE}} [DO NOT REMOVE THIS LINE]**** --> 894</section> 895 896 897 898 <!-- **** Container Handle: section_s1, Block Type: core_container **** --> 899<section 900 901 class=" section-s1"> 902 903 904 <!-- **** Block Name: , Block Type: core_stack_display, Block Template: **** --> 905 906 907 908 909 <!-- **** Block Name: Dining Overview Intro, Block Type: panel_intro, Block Template: panel_intro_a.php **** --> 910 911<!-- **** Use this UPDATED HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 912<!-- **** Use this HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 913<!-- **** /sabisabi/index.html | Wildlife Intro**** --> 914<div class="container-768"> 915 <div class="panel-intro"> 916 <h2 class="text-claremont-blue hgroup s-quarter">The Claremont Flavour 917 918</h2> <h5 class="font-lato mb-0">Seasonal dishes, locally roasted coffee, all day high tea and a curated wine list celebrating nearby farms.</h5> </div> 919</div> 920<!-- **** //{{ENDTEMPLATEHTML}} **** --> 921 922<!-- **** {{REMOVEFROMHERE}} **** --> 923<!-- **** {{REMOVETILLHERE}} **** --> 924 925 926 927 <span position="top" render-method="auto" design-element="weave_patern_circle_green" style="--top:intial;--bottom:52%;--left:initial;--right:5%;--mxwidth:20%" class="bgt-shape "><img data-src="/application/files/7417/5941/2318/bgt-t-full.png?fID=970&d=0" dev-info="" alt="Bgt T Full" title="Bgt T Full" class="lazyload " /></span> <!-- **** Block Name: Dining Overview Feature, Block Type: simple_content_list, Block Template: alternating_cards_c.php **** --> 928 929 930<!-- **** Use this HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 931<!-- **** /sabisabi/selati.html | Lodge Highlights**** --> 932<div class="container-full drinks-overview bg-3"> 933 <div class="d-flex flex-wrap drinks-overview-wrap justify-content-between"> 934 <div class="cell-16 cell-lg-7"> 935 <div class="drinks-overview-image"> 936 <figure class="aspect-ratio h-full " style="--rw:4;--rh:3;"> 937 <img data-src="/application/files/thumbnails/image_1074x806/9817/5932/7932/the-claremont--veld-_and_-vine-57.jpg?fID=448&ftid=35&d=0" dev-info="image_1074x806" alt="The Claremont Veld And Vine 57" title="The Claremont Veld And Vine 57" class="lazyload " /> </figure> 938 </div> 939 </div> 940 <div class="cell-16 cell-lg-9 d-flex mb-lg-64 mb-32 cstm-a"> 941 <div class="drinks-overview-content p-md-64 text-center text-md-left"> 942 <h2 class="mb-32 hgroup">Where Simple Becomes Exceptional</h2> <p>Unfussy, seasonal and full of flavour, our menu is all about good ingredients done well. Whether it’s a slow afternoon on the terrace or a dinner paired with fine wine, Veld & Vine Bistro offers food that’s thoughtful and memorable.</p> 943 </div> 944 </div> 945 </div> 946 <div class="d-flex flex-wrap drinks-overview-wrap drinks-overview-reverse justify-content-between"> 947 <div class="cell-16 cell-lg-9"> 948 <div class="drinks-overview-image"> 949 <figure class="aspect-ratio h-full " style="--rw:4;--rh:3;"> 950 <img data-src="/application/files/thumbnails/image_1074x806/4017/6131/1275/1928-craft-bar-the-claremont-4.jpg?fID=1206&ftid=35&d=0" dev-info="image_1074x806" alt="1928 Craft Bar The Claremont 4" title="1928 Craft Bar The Claremont 4" class="lazyload " /> </figure> 951 </div> 952 </div> 953 <div class="cell-16 cell-lg-7 d-flex mb-lg-64 mb-32 cstm-a"> 954 <div class="drinks-overview-content p-md-64 text-center text-md-left"> 955 <h2 class="mb-32 hgroup">Heritage Served By The Glass</h2> <p>In celebration of the year The Claremont was built, 1928 Craft Bar serves a considered selection of craft spirits, fine South African wines from the Constantia Valley and classic cocktails. It’s a space for conversation, well-made drinks, and an atmosphere that balances heritage with modern ease.</p> 956 </div> 957 </div> 958 </div> 959 <div class="d-flex flex-wrap drinks-overview-wrap justify-content-between"> 960 <div class="cell-16 cell-lg-7"> 961 <div class="drinks-overview-image"> 962 <figure class="aspect-ratio h-full " style="--rw:4;--rh:3;"> 963 <img data-src="/application/files/thumbnails/image_1074x806/3017/6037/1623/the-claremont-food_Koffiehuis-5.jpg?fID=1120&ftid=35&d=0" dev-info="image_1074x806" alt="The Claremont Food Koffiehuis 5" title="The Claremont Food Koffiehuis 5" class="lazyload " /> </figure> 964 </div> 965 </div> 966 <div class="cell-16 cell-lg-9 d-flex mb-lg-64 mb-32 cstm-a"> 967 <div class="drinks-overview-content p-md-64 text-center text-md-left"> 968 <h2 class="mb-32 hgroup">Artisanal Coffee and Homemade Delights</h2> <p>Koffiehuis is a place to pause, to start the day slowly or break away for a moment. The coffee is carefully brewed, the bakes are made on-site, and the atmosphere is as warm as the welcome behind the counter, whether you’re here for a morning espresso or a light afternoon bite.</p> 969 </div> 970 </div> 971 </div> 972 </div> 973 974<!-- **** //{{ENDTEMPLATEHTML}} [DO NOT REMOVE THIS LINE] **** --> 975 976<!-- **** {{REMOVEFROMHERE}} [DO NOT REMOVE THIS LINE] **** --> 977<!-- **** {{REMOVETILLHERE}} [DO NOT REMOVE THIS LINE] **** --> 978 979</section> 980 981 982 983 <!-- **** Container Handle: section_s1, Block Type: core_container ****
983--> 984<section 985 986 class=" section-s1"> 987 988 989 <!-- **** Block Name: , Block Type: core_stack_display, Block Template: **** --> 990 991 992 993 994 <!-- **** Block Name: Enjoy The Claremont Intro, Block Type: panel_intro, Block Template: panel_intro_a.php **** --> 995 996<!-- **** Use this UPDATED HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 997<!-- **** Use this HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 998<!-- **** /sabisabi/index.html | Wildlife Intro**** --> 999<div class="container-768"> 1000 <div class="panel-intro"> 1001 <h2 class="text-claremont-blue hgroup s-quarter">Enjoy The Claremont 1002 1003</h2> <h5 class="font-lato mb-0">Discover our unique hotel where heritage meets renowned Sabi Sabi warmth and hospitality.</h5> </div> 1004</div> 1005<!-- **** //{{ENDTEMPLATEHTML}} **** --> 1006 1007<!-- **** {{REMOVEFROMHERE}} **** --> 1008<!-- **** {{REMOVETILLHERE}} **** --> 1009 1010 1011 1012 1013 1014 <!-- **** Block Name: Enjoy The Claremont, Block Type: central_content_list, Block Template: sabi_card_grid_e.php **** --> 1015 1016<!-- **** Use this HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 1017<!-- **** /sabisabi/helpful-info.html | Info Cards**** --> 1018<div class="container-1440"> 1019 <div class="features-grid d-flex"> 1020 <div class="cell-md-8"> 1021 <div class="fg-wrapper"> 1022 <div class="fg-img"> 1023 <figure class="aspect-ratio" style="--rw:585;--rh:255"> 1024 <img data-src="/application/files/thumbnails/image_720x474/2917/5908/1000/the-claremont-pool-area-3-option-1.jpg?fID=389&ftid=26&d=0" class="lazyload w-full" dev-info="image_720x474" alt="The Claremont Pool Area 3 Option 1" title="The Claremont Pool Area 3 Option 1" /> </figure> 1025 </div> 1026 1027 <div class="fg-description"> 1028 <span class=" ">Relax</span> <h4 class="h4">Escape the City</h4> Unwind in your personal space, sink into soft linens or spend an afternoon beneath the trees. Whether curled up with a book beside the pool or exploring in the Safari Room, there’s time and space here to exhale. 1029 </div> 1030 </div> 1031 </div> 1032 <div class="cell-md-8"> 1033 <div class="fg-wrapper"> 1034 <div class="fg-img"> 1035 <figure class="aspect-ratio" style="--rw:585;--rh:255"> 1036 <img data-src="/application/files/thumbnails/image_720x474/4417/5908/1002/the-claremont-veld-_and_-vine-30.jpg?fID=392&ftid=26&d=0" class="lazyload w-full" dev-info="image_720x474" alt="The Claremont Veld And Vine 30" title="The Claremont Veld And Vine 30" /> </figure> 1037 </div> 1038 1039 <div class="fg-description"> 1040 <span class=" ">Indulge</span> <h4 class="h4">Authentic South African Flavours</h4> Savour hearty dishes, seasonal and satisfying from Veld & Vine Bistro. Pause for a coffee or high tea at Koffiehuis or enjoy a sip of rare wine or small-batch gin in the 1928 Craft Bar. </div> 1041 </div> 1042 </div> 1043 <div class="cell-md-8"> 1044 <div class="fg-wrapper"> 1045 <div class="fg-img"> 1046 <figure class="aspect-ratio" style="--rw:585;--rh:255"> 1047 <img data-src="/application/files/thumbnails/image_720x474/5317/6348/1320/the_claremont-exterior_12.jpg?fID=1297&ftid=26&d=0" class="lazyload w-full" dev-info="image_720x474" alt="The Claremont Exterior 12" title="The Claremont Exterior 12" /> </figure> 1048 </div> 1049 1050 <div class="fg-description">
1051 <span class=" ">Explore</span> <h4 class="h4">The Cape on your Doorstep</h4> From the historic charm of our 100-year-old manor house to the cultural landmarks just beyond – Kirstenbosch, Table Mountain, Constantia Wine Valley – The Claremont places you within easy reach of all that the Cape has to offer. 1052 </div> 1053 </div> 1054 </div> 1055 <div class="cell-md-8"> 1056 <div class="fg-wrapper"> 1057 <div class="fg-img"> 1058 <figure class="aspect-ratio" style="--rw:585;--rh:255"> 1059 <img data-src="/application/files/thumbnails/image_720x474/4617/5908/0987/the-claremont-veld-_and_-vine-14.jpg?fID=354&ftid=26&d=0" class="lazyload w-full" dev-info="image_720x474" alt="The Claremont Veld And Vine 14" title="The Claremont Veld And Vine 14" /> </figure> 1060 </div> 1061 1062 <div class="fg-description"> 1063 <span class=" ">Connect</span> <h4 class="h4">Moments that Matter</h4> Whether it’s a birthday, meeting space or simply creating memories over something cold and sparkling, The Claremont offers beautiful backdrops and warm hospitality for every kind of occasion. 1064 </div> 1065 </div> 1066 </div> 1067 </div> 1068</div> 1069 1070<!-- **** //{{ENDTEMPLATEHTML}} [DO NOT REMOVE THIS LINE] **** --> 1071 1072<!-- **** {{REMOVEFROMHERE}} [DO NOT REMOVE THIS LINE] **** --> 1073<!-- **** {{REMOVETILLHERE}} [DO NOT REMOVE THIS LINE] **** --> 1074 1075 1076</section> 1077 1078<!-- Page CTA START--> 1079<!-- Page CTA END--><!-- Global CTA START--> 1080<!-- Global CTA END--></div> <!-- Content Wrapper End --> 1081</div><!-- Main Container Wrapper End --> 1082<!-- Theme Footer Start --> 1083<footer class="main-footer"> 1084 <div class="main-footer-top"> 1085 <div class="container-1440"> 1086 <div class="d-flex justify-content-center"> 1087 <div class="cell-lg-6 cell-md-8"> 1088 <div class="footer-content-wrap"> 1089 1090 1091 <!-- **** Block Name: , Block Type: content, Block Template: **** --> 1092<h6 class="footer-main-title">Contact</h6> 1093 1094<div class="fcw-inner"><span class="fcw-inner-title">Direct</span> 1095 1096<ul class="footer-list"> 1097 <li><a class="trackvp-action" data-vpaction="Click" data-vpcode="gcHotelPhone" href="tel:+27217979777">+27 21 797 9777</a></li> 1098 <li><a class="trackvp-action" data-vpaction="Click" data-vpcode="gcHotelEmail" href="mailto:[email protected]">[email protected]</a></li> 1099 <li><a class="trackvp-action" data-vpaction="Click" data-vpcode="gcReservationsEmail" href="mailto:[email protected]">[email protected]</a></li> 1100</ul> 1101</div> 1102 1103<div class="fcw-inner mt-16"><span class="fcw-inner-title">Reservations</span> 1104 1105<ul class="footer-list"> 1106 <li><a class="trackvp-action" data-vpaction="Click" data-vpcode="gcReservationsPhone" href="tel:+27114477172">+27 11 447 7172</a></li> 1107 <li><a class="trackvp-action" data-vpaction="Click" data-vpcode="gcReservationsEmail" href="mailto:[email protected]">[email protected]</a></li> 1108</ul> 1109</div> 1110 1111<div class="fcw-inner" style="padding-top: 15px;"><span class="fcw-inner-title">CONNECT</span> 1112 1113<ul class="footer-social-list footer-list"> 1114 <li><a class="trackvp-action" data-vpaction="Click" data-vpcode="gcSocialInstaLinks" href="https://www.instagram.com/theclaremontboutiquehotel" target="_blank"><i class="icon icon-instagram"></i> </a></li> 1115 <li><a class="trackvp-action" data-vpaction="Click" data-vpcode="gcSocialFbLinks" href="https://www.facebook.com/theclaremontboutiquehotel" target="_blank"><i class="icon icon-facebook"></i> </a></li> 1116 <li><a class="trackvp-action" data-vpaction="Click" data-vpcode="gcSocialEmailLinks" href="mailto:[email protected]" target="_blank"><i class="icon icon-email"></i> </a></li> 1117</ul> 1118</div> 1119 1120 </div> 1121 </div> 1122 <div class="cell-lg-6 cell-md-8"> 1123 <div class="footer-content-wrap"> 1124 1125 1126 <!-- **** Block Name: , Block Type: content, Block Template: ****
1126--> 1127<h6 class="footer-main-title">The Claremont</h6> 1128 1129<div class="fcw-inner"> 1130<div class="fcw-about"> 1131<p>With only fifteen rooms, The Claremont, part of the Sabi Sabi Collection, offers a tranquil escape, set in a century-old Cape Dutch Manor, beautifully restored as a luxury boutique hotel located in one of Cape Town’s greenest, most established suburbs.</p> 1132</div> 1133</div> 1134 1135 1136 1137 <!-- **** Block Name: , Block Type: html, Block Template: **** --> 1138<h6 class="footer-main-title mt-16">Online Booking</h6> 1139<div class="fcw-inner"> 1140 <div class="fcw-about"> 1141 <a href="/contact/book-now" target="_blank" class="btn bg-sand">Book Now</a> 1142 </div> 1143</div> 1144 1145 </div> 1146 </div> 1147 <div class="cell-lg-4 cell-md-8"> 1148 <div class="footer-content-wrap"> 1149 1150 1151 <!-- **** Block Name: , Block Type: content, Block Template: **** --> 1152<h6 class="footer-main-title">Join our newsletter</h6> 1153 1154 1155 1156 <!-- **** Block Name: , Block Type: express_form, Block Template: footer_subscribe.php **** --> 1157 <div id="footerFormMainWrapper516" class="fcw-inner newslater-form"> 1158 1159 <a name="form516"></a> 1160 <form id="miniSurveyView516" class="inPageForm" enctype="multipart/form-data" method="post" action="https://www.claremontboutiquehotel.com/rooms/classic-rooms/submit/516#form516"> 1161 <div class="fcw-email-wrap"> 1162 1163<input type="hidden" name="express_form_id" value="98f4ad29-9c5b-11f0-82e8-0cc47acec4fa"> 1164<input type="hidden" name="ccm_token" value="1791587219:62bc937fe5a4e7b43e8335f7fb532046" />
1165 <input type="email" id="akID[237][value]" name="akID[237][value]" value="" placeholder="Email" data-validation="nfx_email" class="form-control ccm-input-email" required="required" /> <button class="btn btn-transparent"><i class="icon icon-primary-arrow"></i></button> 1166 <input id="formblock516-submit" class="hide-form-input" type="submit" class="trackvp-action" data-vpaction="Submit" data-vpcode="gcFooterSubForm" value="Submit" /> 1167 </div> 1168 </form> 1169 </div> 1170
1170<script type="text/javascript"> 1171 formID_516 = '#miniSurveyView516'; 1172 formSubmitButtonID_516 = '#formblock516-submit'; 1173 formAjaxSubmit_516 = '/ajax/saveform/516' + '?ajax=1'; 1174 formAjaxError_516 = '/ajax/formerror/516'; 1175 bID_516 = 516; 1176 1177 virtualView_516 = 'gcFooterSubForm'; 1178 1179 $(document).ready(function() { 1180 1181 //if (typeof setupFormValidation !== 'undefined' && jQuery.isFunction(setupFormValidation)) { 1182 //// setupFormValidation(formID_516); 1183 //} 1184 1185 //Process form submission 1186 $(formID_516).on('submit', function(e) { 1187 if (typeof getMatomoVisitorId === "function") { 1188 $('[name="matomoVisitorId516"]').val(getMatomoVisitorId()); 1189 } 1190 if (!$(formID_516).valid()) { 1191 event.preventDefault(); 1192 this.querySelectorAll(':invalid')[0].focus(); 1193 return; 1194 } else { 1195 e.preventDefault(); 1196 $('[name="clickyPageURL516"]').val(window.location.href); 1197 submitData(formID_516, bID_516, formAjaxSubmit_516, formAjaxError_516, virtualView_516); 1198 } 1199 }); 1200 kcInitNewsLetterFormValidaton(formID_516); 1201 }); 1202 </script>
1202 1203 1204 </div> 1205 </div> 1206 </div> 1207 </div> 1208 </div> 1209 <div class="main-footer-bottom"> 1210 <div class="main-footer-content"> 1211 <div class="container-1440"> 1212 <div class="d-flex"> 1213 <div class="cell-lg-12"> 1214 <div class="fcw-outer-wrap"> 1215 1216 1217 <!-- **** Block Name: , Block Type: content, Block Template: **** --> 1218<div class="fcw-image"><img alt="" src="https://www.claremontboutiquehotel.com/application/files/3017/5950/0639/elephant-face_v2.png" /></div> 1219 1220<div class="fcw-description"> 1221<p>Respecting the memories, conserving the land and ensuring a better future. Every Sabi Sabi Collection property promises heartfelt hospitality, relaxed comfort and connection. Guests are welcomed with warmth and care, creating a sense of belonging wherever they stay.</p> 1222</div> 1223 1224 </div> 1225 </div> 1226 <div class="cell-lg-4"> 1227 <div class="fcw-outer-wrap"> 1228 1229 1230 <!-- **** Block Name: , Block Type: content, Block Template: **** --> 1231<div class="fcw-outer-link"><a class="fcw-outer-item" href="https://www.claremontboutiquehotel.com/privacy-policy">Privacy Policy</a> <span>|</span> <a class="fcw-outer-item" href="https://www.claremontboutiquehotel.com/terms-of-use">Terms of Use</a> <span>|</span></div> 1232 1233 1234 1235 <!-- **** Block Name: , Block Type: content_module_a, Block Template: footer_copyright.php **** --> 1236 1237 1238<!-- **** Use this HTML for your integration [DO NOT REMOVE THIS LINE] **** --> 1239<!-- **** /sabisabi/index.html | Footer Copyright**** --> 1240<span class="fcw-outer-item copyrights"> 1241 Copyright ©2025 - 2026, The Claremont Boutique Hotel. </span> 1242 1243<!-- **** //{{ENDTEMPLATEHTML}} **** --> 1244 1245<!-- **** {{REMOVEFROMHERE}} **** --> 1246<!-- **** {{REMOVETILLHERE}} **** --> 1247 </div> 1248 </div> 1249 </div> 1250 </div> 1251 </div> 1252 </div> 1253</footer> <!-- popup --> 1254<div class="enquiry-popup-block"> 1255 <div class="epb-mobile-header d-md-none d-flex"> 1256 1257 1258 <!-- **** Block Name: , Block Type: html, Block Template: **** --> 1259<a class="back-cta-wrap d-flex d-md-none" href="#"> 1260 <img src="/application/themes/sabi_sabi/images/back-arrow.svg" alt=""> 1261 <span>back</span> 1262</a> 1263 1264 1265 <!-- **** Block Name: , Block Type: image, Block Template: site_logo.php **** --> 1266<div class="mh-brand"><a href="https://www.claremontboutiquehotel.com/"><img src="/application/files/3917/5974/2707/Claremont_Logo_black_web_2.png?fID=1083" alt="The Claremont" title="Claremont Logo_black_web_2.png"></a></div> 1267 </div> 1268 <div class="epb-wrapper"> 1269 1270 1271 <!-- **** Block Name: , Block Type: html, Block Template: **** --> 1272<a class="back-cta-wrap d-none d-md-flex" href="#"> 1273 <img src="/application/themes/sabi_sabi/images/back-arrow.svg" alt=""> 1274 <span>back</span> 1275</a> 1276 1277 1278 <!-- **** Block Name: , Block Type: html, Block Template: **** --> 1279<span style="--top:20%;--bottom:initial;--left:0%;--right:initial;--mxwidth:30%" class="bgt-shape bgt-shape-1 d-none d-lg-block"><img src="/application/files/2317/5941/2362/Asset_14.svg" alt=""></span> 1280<picture style="--top:85%;--bottom:initial;--left:initial;--right:0;--mxwidth:100%" class="bgt-shape bgt-shape-2 d-none d-lg-block"> 1281 <source media="(min-width:768px)" srcset="/application/files/2817/5941/2357/Asset_13.svg"></source> 1282 <img src="/application/files/2817/5941/2357/Asset_13.svg" alt=""> 1283</picture> 1284 <div class="epb-container"> 1285 1286 1287 <!-- **** Block Name: , Block Type: content, Block Template: **** --> 1288<h2 class="h1 text-forest text-center py-md-64 py-32">Let’s plan your trip!</h2> 1289 1290 <div class="card"> 1291 1292 1293 <!-- **** Block Name: , Block Type: content, Block Template: **** --> 1294<div class="form-header-wrap"> 1295<h2 class="card-title h5 d-none d-md-block mb-32">Our reservations team is waiting to help you</h2> 1296<span class="form-error-msg" style="display: none;">Please complete the fields marked in red.</span></div> 1297 1298 1299 1300 <!-- **** Block Name: , Block Type: express_form, Block Template: enquiry.php **** --> 1301 <div id="enquiryFormMainWrapper975" class="ccm-form"> 1302 <a name="form975"></a> 1303 1304 1305 1306 <form id="miniSurveyView975" class="enquiry-form" enctype="multipart/form-data" method="post" action="https://www.claremontboutiquehotel.com/rooms/classic-rooms/submit/975#form975"> 1307 1308<input type="hidden" name="express_form_id" value="9a67e7a3-9c5b-11f0-82e8-0cc47acec4fa"> 1309<input type="hidden" name="ccm_token" value="1791587220:5d90a6bf7f6e6af0705765ccdc572aca" /> 1310 <div class="row"> 1311<div class="cell-md-8"> 1312 <div class="enq-form-elements"> 1313 <label class="enq-label" for="akID[300][value]">First Name </label> 1314 <input type="text" id="akID[300][value]" name="akID[300][value]" value="" placeholder="" data-validation="efx_first_name" required="required" class="form-control ccm-input-text" /> </div> 1315</div><div class="cell-md-8"> 1316 <div class="enq-form-elements"> 1317 <label class="enq-label" for="akID[301][value]">Last Name </label> 1318 <input type="text" id="akID[301][value]" name="akID[301][value]" value="" placeholder="" data-validation="efx_last_name" required="required" class="form-control ccm-input-text" /> </div> 1319</div> </div> 1320 <div class="row"> 1321<div class="cell-md-8"> 1322 <div class="enq-form-elements"> 1323 <label class="enq-label" for="akID[302][value]">Email </label> 1324 <input type="email" id="akID[302][value]" name="akID[302][value]" value="" data-validation="efx_email" required="required" class="form-control ccm-input-email" /> </div> 1325</div><div class="cell-md-8"> 1326 <div class="enq-form-elements"> 1327 <label class="enq-label" for="akID[303][value]">Phone </label> 1328 <input type="tel" id="akID[303][value]" name="akID[303][value]" value="" data-validation="efx_phone" required="required" class="form-control ccm-input-tel" /><span id='efx_phone_error_msg' class='v-error-message'></span> </div> 1329</div> </div> 1330 <div class="row"> 1331<div class="cell-md-8"> 1332 <div class="enq-form-elements"> 1333 <label class="enq-label" for="akID[304][atSelectOptionValue]">Preferred Room Type </label> 1334 <select id="akID[304][atSelectOptionValue]" name="akID[304][atSelectOptionValue]" required="required" data-validation="efx_preferred_room" class="select-dropdown form-select"><option value="" selected="selected">-- Select Preferred Room Type --</option><option value="65">Classic Room</option><option value="66">Deluxe Room</option><option value="67">Sauer Suite</option></select> 1335 </div> 1336</div><div class="cell-md-8"> 1337 <div class="enq-form-elements"> 1338 <label class="enq-label" for="akID[305][atSelectOptionValue]">Country </label> 1339 <select id="akID[305][atSelectOptionValue]" name="akID[305][atSelectOptionValue]" required="required" data-validation="efx_country" class="select-dropdown form-select"><option value="" selected="selected">-- Select Country --</option><option value="Afghanistan">Afghanistan</option><option value="à land Islands">à land Islands</option><option value="Albania">Albania</option><option value="Algeria">Algeria</option><option value="American Samoa">American Samoa</option><option value="Andorra">Andorra</option><option value="Angola">Angola</option><option value="Anguilla">Anguilla</option><option value="Antarctica">Antarctica</option><option value="Antigua & Barbuda">Antigua & Barbuda</option><option value="Argentina">Argentina</option><option value="Armenia">Armenia</option><option value="Aruba">Aruba</option><option value="Ascension Island">Ascension Island</option><option value="Australia">Australia</option><option value="Austria">Austria</option><option value="Azerbaijan">Azerbaijan</option><option value="Bahamas">Bahamas</option><option value="Bahrain">Bahrain</option><option value="Bangladesh">Bangladesh</option><option value="Barbados">Barbados</option><option value="Belarus">Belarus</option><option value="Belgium">Belgium</option><option value="Belize">Belize</option><option value="Benin">Benin</option><option value="Bermuda">Bermuda</option><option value="Bhutan">Bhutan</option><option value="Bolivia">Bolivia</option><option value="Bosnia & Herzegovina">Bosnia & Herzegovina</option><option value="Botswana">Botswana</option><option value="Bouvet Island">Bouvet Island</option><option value="Brazil">Brazil</option><option value="British Indian Ocean Territory">British Indian Ocean Territory</option><option value="British Virgin Islands">British Virgin Islands</option><option value="Brunei">Brunei</option><option value="Bulgaria">Bulgaria</option><option value="Burkina Faso">Burkina Faso</option><option value="Burundi">Burundi</option><option value="Cambodia">Cambodia</option><option value="Cameroon">Cameroon</option><option value="Canada">Canada</option><option value="Canary Islands">Canary Islands</option><option value="Cape Verde">Cape Verde</option><option value="Caribbean Netherlands">Caribbean Netherlands</option><option value="Cayman Islands">Cayman Islands</option><option value="Central African Republic">Central African Republic</option><option value="Ceuta & Melilla">Ceuta & Melilla</option><option value="Chad">Chad</option><option value="Chile">Chile</option><option value="China">China</option><option value="Christmas Island">Christmas Island</option><option value="Clipperton Island">Clipperton Island</option><option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option><option value="Colombia">Colombia</option><option value="Comoros">Comoros</option><option value="Congo - Brazzaville">Congo - Brazzaville</option><option value="Congo - Kinshasa">Congo - Kinshasa</option><option value="Cook Islands">Cook Islands</option><option value="Costa Rica">Costa Rica</option><option value="Côte dâIvoire">Côte dâIvoire</option><option value="Croatia">Croatia</option><option value="Cuba">Cuba</option><option value="Curaçao">Curaçao</option><option value="Cyprus">Cyprus</option><option value="Czechia">Czechia</option><option value="Denmark">Denmark</option><option value="Diego Garcia">Diego Garcia</option><option value="Djibouti">Djibouti</option><option value="Dominica">Dominica</option><option value="Dominican Republic">Dominican Republic</option><option value="Ecuador">Ecuador</option><option value="Egypt">Egypt</option><option value="El Salvador">El Salvador</option><option value="Equatorial Guinea">Equatorial Guinea</option><option value="Eritrea">Eritrea</option><option value="Estonia">Estonia</option><option value="Eswatini">Eswatini</option><option value="Ethiopia">Ethiopia</option><option value="Falkland Islands">Falkland Islands</option><option value="Faroe Islands">Faroe Islands</option><option value="Fiji">Fiji</option><option value="Finland">Finland</option><option value="France">
1339France</option><option value="French Guiana">French Guiana</option><option value="French Polynesia">French Polynesia</option><option value="French Southern Territories">French Southern Territories</option><option value="Gabon">Gabon</option><option value="Gambia">Gambia</option><option value="Georgia">Georgia</option><option value="Germany">Germany</option><option value="Ghana">Ghana</option><option value="Gibraltar">Gibraltar</option><option value="Greece">Greece</option><option value="Greenland">Greenland</option><option value="Grenada">Grenada</option><option value="Guadeloupe">Guadeloupe</option><option value="Guam">Guam</option><option value="Guatemala">Guatemala</option><option value="Guernsey">Guernsey</option><option value="Guinea">Guinea</option><option value="Guinea-Bissau">Guinea-Bissau</option><option value="Guyana">Guyana</option><option value="Haiti">Haiti</option><option value="Heard & McDonald Islands">Heard & McDonald Islands</option><option value="Honduras">Honduras</option><option value="Hong Kong SAR China">Hong Kong SAR China</option><option value="Hungary">Hungary</option><option value="Iceland">Iceland</option><option value="India">India</option><option value="Indonesia">Indonesia</option><option value="Iran">Iran</option><option value="Iraq">Iraq</option><option value="Ireland">Ireland</option><option value="Israel">Israel</option><option value="Italy">Italy</option><option value="Jamaica">Jamaica</option><option value="Japan">Japan</option><option value="Jordan">Jordan</option><option value="Kazakhstan">Kazakhstan</option><option value="Kenya">Kenya</option><option value="Kiribati">Kiribati</option><option value="Kosovo">Kosovo</option><option value="Kuwait">Kuwait</option><option value="Kyrgyzstan">Kyrgyzstan</option><option value="Laos">Laos</option><option value="Latvia">Latvia</option><option value="Lebanon">Lebanon</option><option value="Lesotho">Lesotho</option><option value="Liberia">Liberia</option><option value="Libya">Libya</option><option value="Liechtenstein">Liechtenstein</option><option value="Lithuania">Lithuania</option><option value="Luxembourg">Luxembourg</option><option value="Macao SAR China">Macao SAR China</option><option value="Madagascar">Madagascar</option><option value="Malawi">Malawi</option><option value="Malaysia">Malaysia</option><option value="Maldives">Maldives</option><option value="Mali">Mali</option><option value="Malta">Malta</option><option value="Marshall Islands">Marshall Islands</option><option value="Martinique">Martinique</option><option value="Mauritania">Mauritania</option><option value="Mauritius">Mauritius</option><option value="Mayotte">Mayotte</option><option value="Mexico">Mexico</option><option value="Micronesia">Micronesia</option><option value="Moldova">Moldova</option><option value="Monaco">Monaco</option><option value="Mongolia">Mongolia</option><option value="Montenegro">Montenegro</option><option value="Montserrat">Montserrat</option><option value="Morocco">Morocco</option><option value="Mozambique">Mozambique</option><option value="Myanmar (Burma)">Myanmar (Burma)</option><option value="Namibia">Namibia</option><option value="Nauru">Nauru</option><option value="Nepal">Nepal</option><option value="Netherlands">Netherlands</option><option value="New Caledonia">New Caledonia</option><option value="New Zealand">New Zealand</option><option value="Nicaragua">Nicaragua</option><option value="Niger">Niger</option><option value="Nigeria">Nigeria</option><option value="Niue">Niue</option><option value="Norfolk Island">Norfolk Island</option><option value="North Korea">North Korea</option><option value="North Macedonia">North Macedonia</option><option value="Northern Mariana Islands">Northern Mariana Islands</option><option value="Norway">Norway</option><option value="Oman">Oman</option><option value="Pakistan">Pakistan</option><option value="Palau">Palau</option><option value="Palestinian Territories">Palestinian Territories</option><option value="Panama">Panama</option><option value="Papua New Guinea">Papua New Guinea</option><option value="Paraguay">Paraguay</option><option value="Peru">Peru</option><option value="Philippines">Philippines</option><option value="Pitcairn Islands">Pitcairn Islands</option><option value="Poland">Poland</option><option value="Portugal">Portugal</option><option value="Puerto Rico">Puerto Rico</option><option value="Qatar">Qatar</option><option value="Réunion">Réunion</option><option value="Romania">Romania</option><option value="Russia">Russia</option><option value="Rwanda">Rwanda</option><option value="Samoa">Samoa</option><option value="San Marino">San Marino</option><option value="São Tomé & PrÃncipe">São Tomé & PrÃncipe</option><option value="Saudi Arabia">Saudi Arabia</option><option value="Senegal">Senegal</option><option value="Serbia">Serbia</option><option value="Seychelles">Seychelles</option><option value="Sierra Leone">Sierra Leone</option><option value="Singapore">Singapore</option><option value="Sint Maarten">Sint Maarten</option><option value="Slovakia">Slovakia</option><option value="Slovenia">Slovenia</option><option value="Solomon Islands">Solomon Islands</option><option value="Somalia">Somalia</option><option value="South Africa">South Africa</option><option value="South Georgia & South Sandwich Islands">South Georgia & South Sandwich Islands</option><option value="South Korea">South Korea</option><option value="South Sudan">South Sudan</option><option value="Spain">Spain</option><option value="Sri Lanka">Sri Lanka</option><option value="St. Barthélemy">St. Barthélemy</option><option value="St. Helena">St. Helena</option><option value="St. Kitts & Nevis">St. Kitts & Nevis</option><option value="St. Lucia">St. Lucia</option><option value="St. Martin">St. Martin</option><option value="St. Pierre & Miquelon">St. Pierre & Miquelon</option><option value="St. Vincent & Grenadines">St. Vincent & Grenadines</option><option value="Sudan">Sudan</option><option value="Suriname">Suriname</option><option value="Svalbard & Jan Mayen">Svalbard & Jan Mayen</option><option value="Sweden">Sweden</option><option value="Switzerland">Switzerland</option><option value="Syria">Syria</option><option value="Taiwan">Taiwan</option><option value="Tajikistan">Tajikistan</option><option value="Tanzania">Tanzania</option><option value="Thailand">Thailand</option><option value="Timor-Leste">Timor-Leste</option><option value="Togo">Togo</option><option value="Tokelau">Tokelau</option><option value="Tonga">Tonga</option><option value="Trinidad & Tobago">Trinidad & Tobago</option><option value="Tristan da Cunha">Tristan da Cunha</option><option value="Tunisia">Tunisia</option><option value="Turkey">Turkey</option><option value="Turkmenistan">Turkmenistan</option><option value="Turks & Caicos Islands">Turks & Caicos Islands</option><option value="Tuvalu">Tuvalu</option><option value="U.S. Outlying Islands">U.S. Outlying Islands</option><option value="U.S. Virgin Islands">U.S. Virgin Islands</option><option value="Uganda">Uganda</option><option value="Ukraine">Ukraine</option><option value="United Arab Emirates">United Arab Emirates</option><option value="United Kingdom">United Kingdom</option><option value="United States">United States</option><option value="Uruguay">Uruguay</option><option value="Uzbekistan">Uzbekistan</option><option value="Vanuatu">Vanuatu</option><option value="Vatican City">Vatican City</option><option value="Venezuela">Venezuela</option><option value="Vietnam">Vietnam</option><option value="Wallis & Futuna">Wallis & Futuna</option><option value="Western Sahara">Western Sahara</option><option value="Yemen">Yemen</option><option value="Zambia">Zambia</option><option value="Zimbabwe">Zimbabwe</option></select> 1340 </div> 1341</div> </div> 1342 <div class="row"> 1343<div class="cell-md-16"> 1344 <div class="enq-form-elements"> 1345 <label class="enq-label" for="akID[306][value]">Message </label> 1346 <textarea id="akID[306][value]" name="akID[306][value]" rows="4" data-validation="efx_message" required="required" class="form-control"></textarea> </div> 1347</div> </div> 1348 <div class="row"> 1349<div class="cell-md-16"> 1350 <div class="enq-form-elements"> 1351 <div class="radio-btn-wrap square-radio"> 1352 <div class="radio-btn-wrap t-and-c"> 1353 <label class="round-radio" for="akID[307][value]">
1354 <input class="" type="checkbox" value="1" name="akID[307][value]" id="akID[307][value]" 1355 required data-validation="efx_data_handling" 1356 > 1357 <span class="round-radio-button"></span> 1358 <span class="round-radio-label">By using this form you agree with the storage and handling of your data by this website.</span> 1359 </label> 1360 </div> 1361</div> 1362<span class="form-check-label efx_data_handling-checkbox-error" for="akID[307][value]"></span> </div> 1363</div> </div> 1364 <div class="row"> 1365<div class="cell-md-16"> 1366 <div class="enq-form-elements"> 1367 <div class="radio-btn-wrap square-radio"> 1368 <div class="radio-btn-wrap t-and-c"> 1369 <label class="round-radio" for="akID[308][value]"> 1370 <input class="" type="checkbox" value="1" name="akID[308][value]" id="akID[308][value]" 1371 required data-validation="efx_subscribe_newsletter" 1372 > 1373 <span class="round-radio-button"></span> 1374 <span class="round-radio-label">Subscribe to our Newsletter.</span> 1375 </label> 1376 </div> 1377</div> 1378<span class="form-check-label efx_subscribe_newsletter-checkbox-error" for="akID[308][value]"></span> </div> 1379</div> </div> 1380<div class="cell-md-16"> 1381 <div class="enq-form-elements"> 1382 <input type="hidden" id="akID[309][value]" name="akID[309][value]" class="cdd640adclicky_uid" value="" />
1382<script type="text/javascript"> 1383 var clickyUIDField_cdd640ad = '.cdd640adclicky_uid'; 1384 1385 $(document).ready(function() { 1386 $form = $(clickyUIDField_cdd640ad).closest("form"); 1387 $($form).on('submit',function(){ 1388 if (typeof clicky !== 'undefined' && !jQuery.isEmptyObject(clicky)) { 1389 if ($(clickyUIDField_cdd640ad)) { 1390 $(clickyUIDField_cdd640ad).val(getCookie('_jsuid')); 1391 } 1392 } 1393 }); 1394 }); 1395 </script>
1395 1396 1397 </div> 1398</div><div class="cell-md-16"> 1399 <div class="enq-form-elements"> 1400 <input type="hidden" id="akID[310][value]" name="akID[310][value]" class="453d1af2matomo_uid" value="" />
1400<script type="text/javascript"> 1401 var matomoUIDField_453d1af2 = '.453d1af2matomo_uid'; 1402 1403 $(document).ready(function() { 1404 $form = $(matomoUIDField_453d1af2).closest("form"); 1405 $($form).on('submit',function(){ 1406 if (typeof getMatomoVisitorId === "function") { 1407 if ($(matomoUIDField_453d1af2)) { 1408 $(matomoUIDField_453d1af2).val(getMatomoVisitorId()); 1409 } 1410 } 1411 }); 1412 }); 1413 </script>
1413 1414 1415 </div> 1416</div><div class="cell-md-16"> 1417 <div class="enq-form-elements"> 1418 <input type="hidden" id="akID[311][value]" name="akID[311][value]" class="cce668c4user_timezone" value="" /> 1419
1419<script type="text/javascript"> 1420 var userTimezoneUIDField_cce668c4 = '.cce668c4user_timezone'; 1421 var timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone; 1422 $(document).ready(function() { 1423 if ($(userTimezoneUIDField_cce668c4)) { 1424 $(userTimezoneUIDField_cce668c4).val(timeZone); 1425 } 1426 }); 1427 </script>
1427 1428 </div> 1429</div> <div class="form-group captcha"> 1430 <div> 1431 </div> 1432 <div> 1433 <div id="hwh6ac97394124fd" class="grecaptcha-box recaptcha-v3" data-sitekey="6LdUhuMrAAAAAAeV_okXM9ByXwnhwrtgGY77-h3V" data-badge="bottomright"></div> </div> 1434 </div> 1435 <input id="clickyPageURL975" name="clickyPageURL975" type="hidden" value="" /> 1436 <input id="matomoVisitorId975" name="matomoVisitorId975" type="hidden" value="" /> 1437 <div class="row"> 1438 <div class="cell-16"> 1439 <button id="formblock975-submit" type="submit" class="btn btn-primary btn-full trackvp-action" data-vpaction="Submit" data-vpcode="gcEnquiryForm">Submit</button> 1440 </div> 1441 </div> 1442 <!-- <div class="form-group cell-md-12 text-center"> 1443 <input id="" type="submit" value="" /> 1444 </div> --> 1445 </form> 1446 </div>
1447<script type="text/javascript"> 1448 1449 formID_975 = '#miniSurveyView975'; 1450 formSubmitButtonID_975 = '#formblock975-submit'; 1451 formAjaxSubmit_975 = '/ajax/saveform/975' + '?ajax=1'; 1452 formAjaxError_975 = '/ajax/formerror/975'; 1453 bID_975 = 975; 1454 1455 virtualView_975 = 'gcEnquiryForm'; 1456 1457 $(document).ready(function(){ 1458 //Process form submission 1459 $(formID_975).on('submit', function(e) { 1460 if (!$(formID_975).valid()) { 1461 event.preventDefault(); 1462 this.querySelectorAll(':invalid')[0].focus(); 1463 return; 1464 } else { 1465 e.preventDefault(); 1466 $('[name="clickyPageURL975"]').val(window.location.href); 1467 submitData(formID_975, bID_975, formAjaxSubmit_975, formAjaxError_975, virtualView_975); 1468 } 1469 }); 1470 if(typeof kcInitEnquireFormValidaton == "function"){ 1471 kcInitEnquireFormValidaton(formID_975); 1472 } 1473 $('input[data-validation="efx_arrival_date"]').datetimepicker({ 1474 timepicker: false, 1475 format: 'd/m/Y' 1476 }); 1477 $('input[data-validation="efx_departure_date"]').datetimepicker({ 1478 timepicker: false, 1479 format: 'd/m/Y' 1480 }); 1481 }); 1482 1483</script>
1483 1484 1485 </div> 1486 <div class="card"> 1487 1488 1489 <!-- **** Block Name: , Block Type: content, Block Template: **** --> 1490<div class="row"> 1491<div class="cell-md-16"> 1492<div class="card-header-wrap mb-32"> 1493<h4 class="card-title h5">Contact Details & Availability</h4> 1494</div> 1495</div> 1496</div> 1497 1498 1499 1500 <!-- **** Block Name: , Block Type: html, Block Template: **** --> 1501<div class="row"> 1502 <div class="cell-md-8"> 1503 <div class="contact-block"> 1504 <span class="semi-title">phone</span> 1505 <h6 class="contact-block-title">+27 21 797 9777</h6> 1506 <a href="tel:+27217979777" class="btn btn-gold">Call us now</a> 1507 </div> 1508 </div> 1509 <div class="cell-md-8"> 1510 <div class="contact-block"> 1511 <span class="semi-title">email</span> 1512 <h6 class="contact-block-title">[email protected]</h6> 1513 <a href="mailto:[email protected]" class="btn btn-gold">Email us now</a> 1514 </div> 1515 </div> 1516 <div class="cell-md-16"> 1517 <div class="contact-timing-block"> 1518 <span class="contact-time"><strong>Reservation office Times:</strong> 08H00 to 17H00 SAST</span> 1519 </div> 1520 </div> 1521 <div class="cell-md-8"> 1522 <div class="contact-block"> 1523 <span class="semi-title">Live Availability</span> 1524 <h6 class="contact-block-title">The Claremont</h6> 1525 <a href="/contact/book-now" target="_blank" class="btn bg-sand">Book Now</a> 1526 </div> 1527 </div> 1528 <div class="cell-md-8"> 1529 <div class="contact-block"> 1530 <span class="semi-title">connect with us on</span> 1531 <h6 class="contact-block-title">The Claremont Social Media</h6> 1532 <div class="contact-social-list"> 1533 <a href="https://www.instagram.com/theclaremontboutiquehotel" target="_blank" class="contact-social-link"> 1534 <i class="icon-instagram"></i> 1535 </a> 1536 <a href="https://www.facebook.com/theclaremontboutiquehotel" target="_blank" class="contact-social-link"> 1537 <i class="icon-facebook"></i> 1538 </a> 1539 <a href="mailto:[email protected]" class="contact-social-link"> 1540 <i class="icon-email"></i> 1541 </a> 1542 </div> 1543 </div> 1544 </div> 1545</div> 1546 </div> 1547 </div> 1548 </div> 1549</div></div><!-- Wrapper End --> 1550<!-- Theme Footer End -->
1551<script> 1552 var g_HasPrelanding = 0; 1553 var g_trackingCodes = { 1554 "trackingCodes": { 1555 "gcBookNowBtn": { 1556 "vPath": "/header/links/book-now", 1557 "vTitle": "Book Now ", 1558 "vIncludeCurrentPagePath": true 1559 }, 1560 "gcEnquireNowBtn": { 1561 "vPath": "/header/web-forms/enquire-now", 1562 "vTitle": "Enquire Now ", 1563 "vIncludeCurrentPagePath": true 1564 }, 1565 "gcEnquiryForm": { 1566 "vPath": "/web-forms/enquire-form", 1567 "vTitle": "Enquiry Form", 1568 "vIncludeCurrentPagePath": true 1569 }, 1570 "gcReservationsPhone": { 1571 "vPath": "/general-contact/reservations/phone", 1572 "vTitle": "Footer | Phone | +27 11 447 7272", 1573 "vIncludeCurrentPagePath": true 1574 }, 1575 "gcReservationsEmail": { 1576 "vPath": "/general-contact/reservations/email", 1577 "vTitle": "Footer | Email | [email protected]", 1578 "vIncludeCurrentPagePath": true 1579 }, 1580 "gcContactUsPageLink": { 1581 "vPath": "/general-contact/contact-us-page-link", 1582 "vTitle": "Footer | Contact Us Link", 1583 "vIncludeCurrentPagePath": true 1584 }, 1585 "gcCheckAvaialabilityLink": { 1586 "vPath": "/general-contact/check-availability-link", 1587 "vTitle": "Footer | Check Availability Link", 1588 "vIncludeCurrentPagePath": true 1589 }, 1590 "gcSocialFbLinks": { 1591 "vPath": "/general-contact/social/cbh-fb-link", 1592 "vTitle": "Footer | Facebook Socials Link", 1593 "vIncludeCurrentPagePath": true 1594 }, 1595 "gcSocialInstaLinks": { 1596 "vPath": "/general-contact/social/cbh-insta-link", 1597 "vTitle": "Footer | Instagram Socials Link", 1598 "vIncludeCurrentPagePath": true 1599 }, 1600 "gcSocialEmailLinks": { 1601 "vPath": "/general-contact/social/cbh-email-link", 1602 "vTitle": "Footer | Email Socials Link", 1603 "vIncludeCurrentPagePath": true 1604 }, 1605 "gcSocialYoutubeLinks": { 1606 "vPath": "/general-contact/social/cbh-yt-link", 1607 "vTitle": "Footer | Youtube Socials Link", 1608 "vIncludeCurrentPagePath": true 1609 }, 1610 "gcFooterSubForm": { 1611 "vPath": "/web-forms/footer-subscribe-form", 1612 "vTitle": "Footer | Subscribe to Newsletter Form", 1613 "vIncludeCurrentPagePath": true 1614 }, 1615 "paShareTwtrLinks": { 1616 "vPath": "/social/twitter-share", 1617 "vTitle": "Twitter Socials Share Link", 1618 "vIncludeCurrentPagePath": true 1619 }, 1620 "paShareLiLinks": { 1621 "vPath": "/social/linkedin-share", 1622 "vTitle": "LinkedIn Socials Share Link", 1623 "vIncludeCurrentPagePath": true 1624 }, 1625 "paShareFbLinks": { 1626 "vPath": "/social/facebook-share", 1627 "vTitle": "Facebook Socials Share Link", 1628 "vIncludeCurrentPagePath": true 1629 }, 1630 "paShareEmailLinks": { 1631 "vPath": "/social/email-share", 1632 "vTitle": "Email Socials Share Link", 1633 "vIncludeCurrentPagePath": true 1634 }, 1635 "paBrandVideo": { 1636 "vPath": "/video/brand-overview", 1637 "vTitle": "Video | Brand Overview", 1638 "vIncludeCurrentPagePath": true 1639 }, 1640 "pcCheckAvaialabilityLink": { 1641 "vPath": "/check-availability-link", 1642 "vTitle": "Check Availability | In Page Link", 1643 "vIncludeCurrentPagePath": true 1644 }, 1645 "pcContactForm": { 1646 "vPath": "/web-forms/contact-form", 1647 "vTitle": "Contact Form ", 1648 "vIncludeCurrentPagePath": true 1649 }, 1650 "pcAgentForm": { 1651 "vPath": "/web-forms/agent-form", 1652 "vTitle": "Agent Form", 1653 "vIncludeCurrentPagePath": true 1654 }, 1655 "pcEnquireNowBtn": { 1656 "vPath": "/web-forms/enquire-now", 1657 "vTitle": "Enquire Now ", 1658 "vIncludeCurrentPagePath": true 1659 }, 1660 "pcDAMSEnquiryForm": { 1661 "vPath": "/web-forms/dams-form", 1662 "vTitle": "DAMS Form ", 1663 "vIncludeCurrentPagePath": true 1664 } 1665 } 1666}; 1667 var g_siteName = "The Claremont Boutique Hotel"; 1668</script>
vendor: 1 bytes, line 1668
1668
1669<script type="text/javascript"> 1670if (typeof window.RecaptchaV3 === "undefined") { 1671 window.RecaptchaV3 = function () { 1672 $('.recaptcha-v3').each(function () { 1673 $(this).data("clientId", grecaptcha.render( 1674 $(this).attr('id'), 1675 { 1676 sitekey: $(this).data('sitekey'), 1677 badge: $(this).data('badge'), 1678 size: 'invisible' 1679 } 1680 )); 1681 }); 1682 1683 function recaptchaReady() { 1684 grecaptcha.ready(function () { 1685 $('.recaptcha-v3').each(function () { 1686 grecaptcha.execute( 1687 $(this).data("clientId"), 1688 { 1689 action: 'submit' 1690 } 1691 ); 1692 }); 1693 }); 1694 } 1695 recaptchaReady(); 1696 setInterval(recaptchaReady, 110000); 1697 }; 1698} 1699</script>
vendor: 1 bytes, line 1699
1699
1700<script type="text/javascript" src="/application/themes/sabi_sabi/js/common/js.cookie.js?ccm_nocache=a5f7086876e557088c09ecd562b22392ff65f9c5"></script>
vendor: 1 bytes, line 1700
1700
1701<script type="text/javascript" src="/application/themes/sabi_sabi/js/common/c5-form.js?ccm_nocache=ea7e69f5dd1e95c3137d424ebb5f9ac5ae9381c2"></script>
vendor: 1 bytes, line 1701
1701
1702<script type="text/javascript" src="/application/themes/sabi_sabi/js/common/common.js?ccm_nocache=ea7e69f5dd1e95c3137d424ebb5f9ac5ae9381c2"></script>
vendor: 1 bytes, line 1702
1702
1703<script type="text/javascript" src="/application/themes/sabi_sabi/js/headroom/headroom-v0.12.js?ccm_nocache=9ba8a0f4628d734b73c77d8f30cbf9ac04163bce"></script>
vendor: 1 bytes, line 1703
1703
1704<script type="text/javascript" src="/application/themes/sabi_sabi/js/common/loadingoverlay.js?ccm_nocache=081d110e54236c3ea0b96c5c978ac773aca49dcb"></script>
vendor: 1 bytes, line 1704
1704
1705<script type="text/javascript" src="/application/themes/sabi_sabi/js/common/jquery-tracker.js?ccm_nocache=959accccae9e9a2110b2cac88d5274681fc5dd23"></script>
vendor: 1 bytes, line 1705
1705
1706<script type="text/javascript" src="/application/themes/sabi_sabi/js/f.device-menu.js?ccm_nocache=ea7e69f5dd1e95c3137d424ebb5f9ac5ae9381c2"></script>
vendor: 1 bytes, line 1706
1706
1707<script type="text/javascript" src="/application/themes/sabi_sabi/js/select2/4.1.0/select2.full.js?ccm_nocache=654a0b135ac46518915b604d6f7b5d987bfcec8c"></script>
vendor: 1 bytes, line 1707
1707
1708<script type="text/javascript" src="/application/themes/sabi_sabi/js/multipleselect/i.multipleselect.js?ccm_nocache=79302f4074be02f2062681990dc308381bacd064"></script>
vendor: 1 bytes, line 1708
1708
1709<script type="text/javascript" src="/application/themes/sabi_sabi/js/swiper/swiper-7.0.5-bundle.js?ccm_nocache=8b5ed0dfb491648d989b4f10613615e684621709"></script>
vendor: 1 bytes, line 1709
1709
1710<script type="text/javascript" src="/application/themes/sabi_sabi/js/fancybox/fancybox.umd-4.0.31.js?ccm_nocache=4bf800ae4e9396ef9d19b98eabf1c5d80a27cee3"></script>
vendor: 1 bytes, line 1710
1710
1711<script type="text/javascript" src="/application/themes/sabi_sabi/js/isotope/isotope-v3.0.6.pkgd.js?ccm_nocache=c189fdfb83e287cb4246e11dd36f38b70577b3c1"></script>
vendor: 1 bytes, line 1711
1711
1712<script type="text/javascript" src="/application/themes/sabi_sabi/js/aos.js?ccm_nocache=2ffcef39780f5731637f17acbc89f439a1e1ccb6"></script>
vendor: 1 bytes, line 1712
1712
1713<script type="text/javascript" src="/application/themes/sabi_sabi/js/jqueryvalidate/jquery.validate.js?ccm_nocache=fea072d170c4e69be62c5eab7bdf3cc37d512df1"></script>
vendor: 1 bytes, line 1713
1713
1714<script type="text/javascript" src="/application/themes/sabi_sabi/js/jqueryvalidate/additional-methods.js?ccm_nocache=fea072d170c4e69be62c5eab7bdf3cc37d512df1"></script>
vendor: 1 bytes, line 1714
1714
1715<script type="text/javascript" src="/application/themes/sabi_sabi/js/jqueryvalidate/custom-additional-methods.js?ccm_nocache=fea072d170c4e69be62c5eab7bdf3cc37d512df1"></script>
vendor: 1 bytes, line 1715
1715
1716<script type="text/javascript" src="/application/themes/sabi_sabi/js/intltelinput/intlTelInput.js?ccm_nocache=c097e9fd08d2896b65c73c583427f42112b66e54"></script>
vendor: 1 bytes, line 1716
1716
1717<script type="text/javascript" src="/application/themes/sabi_sabi/js/intltelinput/utils.js?ccm_nocache=c097e9fd08d2896b65c73c583427f42112b66e54"></script>
vendor: 1 bytes, line 1717
1717
1718<script type="text/javascript" src="/application/themes/sabi_sabi/js/lazysizes/v5/plugins/unveilhooks/ls.unveilhooks.js?ccm_nocache=5a93a65e0d4d7defa7cad5a80014e0c5274d1b31"></script>
vendor: 1 bytes, line 1718
1718
1719<script type="text/javascript" src="/application/themes/sabi_sabi/js/lazysizes/v5/lazysizes.js?ccm_nocache=5a93a65e0d4d7defa7cad5a80014e0c5274d1b31"></script>
vendor: 1 bytes, line 1719
1719
1720<script type="text/javascript" src="/application/themes/sabi_sabi/js/lazysizes/lazysizes-config.js?ccm_nocache=2ffcef39780f5731637f17acbc89f439a1e1ccb6"></script>
vendor: 1 bytes, line 1720
1720
1721<script type="text/javascript" src="/application/themes/sabi_sabi/js/resrc/resrc-cus-v0.9.7.js?ccm_nocache=1178606e7f2ebca6e2d78679ddcfbf8f64e02800"></script>
vendor: 1 bytes, line 1721
1721
1722<script type="text/javascript" src="/application/themes/sabi_sabi/js/resrc/resrc-config.js?ccm_nocache=2ffcef39780f5731637f17acbc89f439a1e1ccb6"></script>
vendor: 1 bytes, line 1722
1722
1723<script type="text/javascript" src="/application/themes/sabi_sabi/js/resrc/resrc-init.js?ccm_nocache=2ffcef39780f5731637f17acbc89f439a1e1ccb6"></script>
vendor: 1 bytes, line 1723
1723
1724<script type="text/javascript" src="/application/themes/sabi_sabi/js/theme/custom.js?ccm_nocache=959accccae9e9a2110b2cac88d5274681fc5dd23"></script>
vendor: 1 bytes, line 1724
1724
1725<script type="text/javascript" src="/application/themes/sabi_sabi/js/theme/scripts.custom.js?ccm_nocache=959accccae9e9a2110b2cac88d5274681fc5dd23"></script>
vendor: 1 bytes, line 1725
1725
1726<script type="text/javascript" src="/xw/acc/en-za/js/config"></script>
vendor: 1 bytes, line 1726
1726
1727<script type="text/javascript" src="/packages/active_cookie_consent/js/acc.js?ccm_nocache=d0f7245befc10e2ca9ce1f33a38d92e99c90eed2"></script>
vendor: 1 bytes, line 1727
1727
1728<script type="text/javascript" src="/application/themes/sabi_sabi/js/kcFormAutoAsterisk.js?ccm_nocache=ea7e69f5dd1e95c3137d424ebb5f9ac5ae9381c2"></script>
vendor: 1 bytes, line 1728
1728
1729<script type="text/javascript" src="/application/themes/sabi_sabi/js/kcBaseFormValidator.js?ccm_nocache=ea7e69f5dd1e95c3137d424ebb5f9ac5ae9381c2"></script>
vendor: 1 bytes, line 1729
1729
1730<script type="text/javascript" src="/application/themes/sabi_sabi/js/kcNewsletterFormValidator.js?ccm_nocache=ea7e69f5dd1e95c3137d424ebb5f9ac5ae9381c2"></script>
vendor: 123 bytes, lines 1730-1731
1730 1731<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=explicit&onload=RecaptchaV3"></script>
1732<script type="text/javascript" src="/application/themes/sabi_sabi/js/kcEnquireFormValidator.js?ccm_nocache=ea7e69f5dd1e95c3137d424ebb5f9ac5ae9381c2"></script>
vendor: 1 bytes, line 1732
1732
1733<script type="text/javascript" src="/application/themes/sabi_sabi/js/jqueryui/jquery.datetimepicker.js?ccm_nocache=ea7e69f5dd1e95c3137d424ebb5f9ac5ae9381c2"></script>
1733 1734</body> 1735</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.