PageSourceSearch

https://www.claremontboutiquehotel.com/rooms/classic-rooms

html claremontboutiquehotel.com collected 2026-10-09 23:07:00 UTC 112,007 bytes, 1,735 lines download raw bytes

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 &amp; 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 &amp; 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>&quot;Hiking up Skeleton Gorge to the top of Table Mountain, and descending through Nursery Ravine, was one of the most rewarding experiences.&quot;</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&rsquo;s a slow afternoon on the terrace or a dinner paired with fine wine, Veld &amp; Vine Bistro offers food that&rsquo;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&rsquo;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&rsquo;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&rsquo;s time and space here to exhale.&nbsp;
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 &amp; 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 &ndash; Kirstenbosch, Table Mountain, Constantia Wine Valley &ndash; 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&rsquo;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&rsquo;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 &copy;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&rsquo;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 &amp; Barbuda">Antigua &amp; 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 &amp; Herzegovina">Bosnia &amp; 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 &amp; Melilla">Ceuta &amp; 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 &amp; McDonald Islands">Heard &amp; 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é &amp; Príncipe">São Tomé &amp; 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 &amp; South Sandwich Islands">South Georgia &amp; 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 &amp; Nevis">St. Kitts &amp; Nevis</option><option value="St. Lucia">St. Lucia</option><option value="St. Martin">St. Martin</option><option value="St. Pierre &amp; Miquelon">St. Pierre &amp; Miquelon</option><option value="St. Vincent &amp; Grenadines">St. Vincent &amp; Grenadines</option><option value="Sudan">Sudan</option><option value="Suriname">Suriname</option><option value="Svalbard &amp; Jan Mayen">Svalbard &amp; 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 &amp; Tobago">Trinidad &amp; 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 &amp; Caicos Islands">Turks &amp; 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 &amp; Futuna">Wallis &amp; 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 &amp; 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.