www.devere.co.uk
Open in
urlscan Pro
2606:4700:4400::6812:21c0
Public Scan
Submitted URL: https://deverenews.co.uk/pub/cc?_ri_=X0Gzc2X%3DAQjkPkSTSQGqzdIza77HwXe6U3cXl2hg5y9UJ3lrl8zg92azb6CruBeAf9n1aDgoEYnnVXtpKX...
Effective URL: https://www.devere.co.uk/?utm_source=OracleResponsys&utm_medium=email&utm_campaign=JAN_2024_DV_ForTheNow_Campaign_V8_NewY...
Submission: On October 26 via api from LU — Scanned from DE
Effective URL: https://www.devere.co.uk/?utm_source=OracleResponsys&utm_medium=email&utm_campaign=JAN_2024_DV_ForTheNow_Campaign_V8_NewY...
Submission: On October 26 via api from LU — Scanned from DE
Form analysis
4 forms found in the DOMPOST /?utm_source=OracleResponsys&utm_medium=email&utm_campaign=JAN_2024_DV_ForTheNow_Campaign_V8_NewYearBreaks_Emailable_Expanded
<form class="dvh-booking-engine-widget-form booking-form u-pt-2 lg:u-pt-0 u-hidden" data-drupal-selector="dvh-booking-engine-widget-form-2" novalidate="novalidate"
action="/?utm_source=OracleResponsys&utm_medium=email&utm_campaign=JAN_2024_DV_ForTheNow_Campaign_V8_NewYearBreaks_Emailable_Expanded" method="post" id="dvh-booking-engine-widget-form--2" accept-charset="UTF-8" data-once="form-item-dates">
<div class="booking-form__field-header u-bg-white u-hidden u-fixed u-pin-t u-pin-x u-z-30 u-justify-between u-items-center u-min-h-8 u-px-2 u-py-1 lg:u-hidden" id="booking-section-header">
<div>
<div class="u-w-full">
<div class="u-flex-col u-inline-flex "> <a href="#main-content" class="u-block sitebranding-link u-mx-auto u-no-underline"> <img class="site-logo u-w-logo" src="/themes/custom/rutherford/images/logo.svg?sluv3a" alt="De Vere"> </a></div>
</div>
</div>
<div> <button class="u-p-0 u-border-2 u-font-normal btn u-inline-flex u-items-center u-flex-row-reverse" data-booking-close-panel-btn="" @click="$dispatch("close-menu")"> <svg class="icon u-ml-1 u-text-h3" focusable="false"
role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#feather--x"></use>
</svg> Close </button></div>
</div>
<div class="u-flex u-justify-between u-items-center u-w-full">
<div>
<h3 class="u-font-sans u-font-extra-bold u-text-primary h4 u-m-0"> Book now</h3>
</div>
<div> <button class="btn--close btn u-inline-flex u-items-center u-flex-row-reverse u-p-0 lg:u-py-2" name="Close guests booking" id="guests-close-btn" data-once="bookCloseBtn"> <svg class="icon u-ml-1 u-text-h3" focusable="false"
role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#feather--x"></use>
</svg> Close </button></div>
</div>
<div class="u-flex u-flex-col u-flex-gap-2 lg:u-flex-gap-3">
<link rel="preload" as="image" href="/themes/custom/rutherford/images/booking-widget/dvh-rolling-spinner.gif" data-twig-suggestion="dvh-booking-engine-widget-form--2" data-drupal-selector="edit-preload"> <input
data-twig-suggestion="dvh-booking-engine-widget-form--2" data-drupal-selector="edit-messages" type="hidden" name="messages" value="" class="u-m-0">
<div id="booking-form-container" data-twig-suggestion="dvh-booking-engine-widget-form--2" data-drupal-selector="edit-first-row" class="js-form-wrapper form-wrapper lg:u-flex lg:u-items-start lg:u-flex-gap-1 xl:u-flex-gap-2 u-py-2 lg:u-py-0">
<div id="booking-form-search-fields" data-twig-suggestion="dvh-booking-engine-widget-form--2" data-drupal-selector="edit-col-a" class="js-form-wrapper form-wrapper u-flex u-flex-wrap u-flex-gap-2 lg:u-flex-gap-1 xl:u-flex-gap-2 lg:u-flex-1">
<div data-booking-field="" class="u-w-full lg:u-w-auto lg:u-flex-1 js-form-item form-item js-form-type-select form-item-property-code js-form-item-property-code js-form-select form-select"> <label for="edit-property-code--2"
class="u-text-black u-font-bold"><span data-form-label-wrapper="">Where would you like to stay?</span></label>
<div class="booking-form__destinations u-relative"
x-data="{ dropdownActive: false, isOpen: false, currentSelectValue: 'DWO', currentSelectLabel: 'De Vere Wokefield Estate', isMobile: false, updateVariables(value, label) { if(value !== null) this.currentSelectValue = value; if(label !== null) this.currentSelectLabel = label; }, toggleMenu() { this.isOpen = !this.isOpen; }, closeMenu(event) { if(event && event.target.closest('#booking-section-header')) return; this.isOpen = false; }, setIsMobile() { const currentValue = this.isMobile; this.isMobile = window.matchMedia('(min-width: 992px)').matches; if (currentValue == this.isMobile) return; this.closeMenu(); }, }"
x-init="setIsMobile()" @resize.window="setIsMobile()" @close-menu.window="closeMenu()" @click.away="closeMenu($event)">
<div class="u-relative"><svg class="u-block lg:u-hidden xl:u-block u-absolute u-z-1 u-top-1/2 u-l-2 u-translate-y--1/2 u-pointer-events-none icon" focusable="false" role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#font-awesome--hotel-solid"></use>
</svg><select data-drupal-selector="edit-property-code" id="edit-property-code--2" name="property_code" class="form-select custom-select u-visually-hidden" x-model="currentSelectValue"
@change="updateVariables(null, $event.target.selectedOptions[0].innerText)">
<option value="DWO" selected="selected">De Vere Wokefield Estate</option>
<option value="PHWHC1">De Vere Beaumont Estate</option>
<option value="WP">De Vere Cotswold Water Park</option>
<option value="TC">De Vere Tortworth Court</option>
<option value="DLP">De Vere Latimer Estate</option>
<option value="DHO">De Vere Horsley Estate</option>
<option value="PHHCH1">De Vere Cranage Estate</option>
</select><button data-booking-trigger="destination" id="booking-destination-trigger"
class="u-block booking-form__destinations-btn form-text form-control u-text-left u-mt-0 u-pl-6 lg:u-text-small lg:u-pl-2 xl:u-pl-6 xl:u-pr-7 xl:u-text-medium u-relative" @click.prevent="toggleMenu()"><span class="u-clamp-1"
x-text="currentSelectLabel">De Vere Wokefield Estate</span></button></div>
<div data-dynamic-max-height="" class="u-block booking-form__dropdown booking-form__destinations-dropdown u-bg-white u-shadow-lg u-w-full u-z-20 u-overflow-auto lg:u-pin-l lg:u-r--6" :class="isOpen ? 'active' : ''"
style="--element-top-position: 0px;">
<div class="booking-dropdown-header u-bg-grey-25 u-p-2 xl:u-p-3 u-block">
<h4 class="u-font-sans u-text-primary u-font-bold xl:u-text-large"> Where would you like to say?</h4>
<p>Choose a destination</p>
</div>
<ul class="u-list-reset u-bg-white u-border-t-1 u-border-grey-75 u-mb-0 lg:u-text-small xl:u-text-medium">
<li class="u-border-b-1 u-border-grey-75" @click="updateVariables('DWO', 'De Vere Wokefield Estate');closeMenu();">
<a nohref="" class="u-block u-py-1.5 u-px-2 xl:u-px-6 u-flex u-justify-between u-items-center hocus:u-bg-grey-75"><span class="u-leading-normal"> De Vere Wokefield Estate<br><span class="u-text-small u-text-grey">M4 Corridor</span></span><svg class="icon" focusable="false" role="presentation"><use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#feather--chevron-right"></use></svg></a>
</li>
<li class="u-border-b-1 u-border-grey-75" @click="updateVariables('PHWHC1', 'De Vere Beaumont Estate');closeMenu();">
<a nohref="" class="u-block u-py-1.5 u-px-2 xl:u-px-6 u-flex u-justify-between u-items-center hocus:u-bg-grey-75"><span class="u-leading-normal"> De Vere Beaumont Estate<br><span class="u-text-small u-text-grey">West M25</span></span><svg class="icon" focusable="false" role="presentation"><use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#feather--chevron-right"></use></svg></a>
</li>
<li class="u-border-b-1 u-border-grey-75" @click="updateVariables('WP', 'De Vere Cotswold Water Park');closeMenu();">
<a nohref="" class="u-block u-py-1.5 u-px-2 xl:u-px-6 u-flex u-justify-between u-items-center hocus:u-bg-grey-75"><span class="u-leading-normal"> De Vere Cotswold Water Park<br><span class="u-text-small u-text-grey">near M4 and M5</span></span><svg class="icon" focusable="false" role="presentation"><use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#feather--chevron-right"></use></svg></a>
</li>
<li class="u-border-b-1 u-border-grey-75" @click="updateVariables('TC', 'De Vere Tortworth Court');closeMenu();">
<a nohref="" class="u-block u-py-1.5 u-px-2 xl:u-px-6 u-flex u-justify-between u-items-center hocus:u-bg-grey-75"><span class="u-leading-normal"> De Vere Tortworth Court<br><span class="u-text-small u-text-grey">M5 Corridor</span></span><svg class="icon" focusable="false" role="presentation"><use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#feather--chevron-right"></use></svg></a>
</li>
<li class="u-border-b-1 u-border-grey-75" @click="updateVariables('DLP', 'De Vere Latimer Estate');closeMenu();">
<a nohref="" class="u-block u-py-1.5 u-px-2 xl:u-px-6 u-flex u-justify-between u-items-center hocus:u-bg-grey-75"><span class="u-leading-normal"> De Vere Latimer Estate<br><span class="u-text-small u-text-grey">North West M25</span></span><svg class="icon" focusable="false" role="presentation"><use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#feather--chevron-right"></use></svg></a>
</li>
<li class="u-border-b-1 u-border-grey-75" @click="updateVariables('DHO', 'De Vere Horsley Estate');closeMenu();">
<a nohref="" class="u-block u-py-1.5 u-px-2 xl:u-px-6 u-flex u-justify-between u-items-center hocus:u-bg-grey-75"><span class="u-leading-normal"> De Vere Horsley Estate<br><span class="u-text-small u-text-grey">South West M25</span></span><svg class="icon" focusable="false" role="presentation"><use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#feather--chevron-right"></use></svg></a>
</li>
<li class="u-border-b-1 u-border-grey-75" @click="updateVariables('PHHCH1', 'De Vere Cranage Estate');closeMenu();">
<a nohref="" class="u-block u-py-1.5 u-px-2 xl:u-px-6 u-flex u-justify-between u-items-center hocus:u-bg-grey-75"><span class="u-leading-normal"> De Vere Cranage Estate<br><span class="u-text-small u-text-grey">M6 Corridor</span></span><svg class="icon" focusable="false" role="presentation"><use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#feather--chevron-right"></use></svg></a>
</li>
</ul>
</div>
</div>
</div>
<div data-booking-field="" class="u-w-full lg:u-w-auto lg:u-flex-1 js-form-item form-item u-mt-0 js-form-type-textfield form-item-dates js-form-item-dates js-form-textfield form-textfield"> <label for="edit-dates--2"
class="u-text-black u-font-bold"><span data-form-label-wrapper="">When?</span></label>
<div class="u-relative"> <svg class="lg:u-hidden xl:u-block u-absolute u-top-1/2 u-l-2 u-translate-y--1/2 u-z-1 icon" focusable="false" role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#font-awesome--calendar-solid"></use>
</svg> <input id="dvh-date-picker" data-booking-trigger="pick-dates" data-drupal-selector="edit-dates" type="text" name="dates" value="" size="60" maxlength="128" placeholder="Select your check-in & checkout dates"
class="form-text u-m-0 form-control u-pl-6 lg:u-pl-2 xl:u-pl-6 booking-form__datepicker-input lg:u-text-small xl:u-text-medium" readonly=""></div>
<div class="booking-form__dropdown booking-form__datepicker u-visually-hidden u-z-20 lg:u-shadow-lg">
<div class="booking-form__datepicker-inner u-bg-white u-relative lg:u-absolute u-pin-l">
<div class="booking-dropdown-header u-bg-grey-25 u-p-2 xl:u-p-3 u-block">
<h4 class="u-font-sans u-text-primary u-font-bold xl:u-text-large"> When?</h4>
<p>Select your check-in & checkout date</p>
</div>
<div id="booking-date-picker">
<div id="datepicker-dvh-date-picker" style="display:none" class="datepicker datepicker--closed datepicker--topbar-has-close-button">
<div class="datepicker__inner">
<div class="datepicker__months" role="application" aria-roledescription="datepicker" aria-label="Calendar">
<table role="presentation" id="month-1-dvh-date-picker" class="datepicker__month datepicker__month--month1">
<thead>
<tr class="datepicker__month-caption">
<th><span role="button" tabindex="0" aria-label="Move backward to switch to the previous month" class="datepicker__month-button datepicker__month-button--prev" month="1"><</span></th>
<th colspan="5" class="datepicker__month-name">October 2024</th>
<th><span role="button" tabindex="0" aria-label="Move forward to switch to the next month" class="datepicker__month-button datepicker__month-button--next" month="1">></span></th>
</tr>
<tr class="datepicker__week-days" aria-hidden="true" role="presentation">
<th class="datepicker__week-name">Mo</th>
<th class="datepicker__week-name">Tu</th>
<th class="datepicker__week-name">We</th>
<th class="datepicker__week-name">Th</th>
<th class="datepicker__week-name">Fr</th>
<th class="datepicker__week-name">Sa</th>
<th class="datepicker__week-name">Su</th>
</tr>
</thead>
<tbody>
<tr class="datepicker__week-row">
<td class="datepicker__month-day datepicker__month-day--lastMonth datepicker__month-day--invalid " daytype="lastMonth" time="1727647200000" d="1" role="button" index="0"
aria-label="Not available, Monday, September 30, 2024" aria-disabled="true">30</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1727733600000" d="2" role="button" index="1"
aria-label="Not available, Tuesday, October 01, 2024" aria-disabled="true">1</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1727820000000" d="3" role="button" index="2"
aria-label="Not available, Wednesday, October 02, 2024" aria-disabled="true">2</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1727906400000" d="4" role="button" index="3"
aria-label="Not available, Thursday, October 03, 2024" aria-disabled="true">3</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1727992800000" d="5" role="button" index="4"
aria-label="Not available, Friday, October 04, 2024" aria-disabled="true">4</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1728079200000" d="6" role="button" index="5"
aria-label="Not available, Saturday, October 05, 2024" aria-disabled="true">5</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1728165600000" d="7" role="button" index="6"
aria-label="Not available, Sunday, October 06, 2024" aria-disabled="true">6</td>
</tr>
<tr class="datepicker__week-row">
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1728252000000" d="1" role="button" index="7"
aria-label="Not available, Monday, October 07, 2024" aria-disabled="true">7</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1728338400000" d="2" role="button" index="8"
aria-label="Not available, Tuesday, October 08, 2024" aria-disabled="true">8</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1728424800000" d="3" role="button" index="9"
aria-label="Not available, Wednesday, October 09, 2024" aria-disabled="true">9</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1728511200000" d="4" role="button" index="10"
aria-label="Not available, Thursday, October 10, 2024" aria-disabled="true">10</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1728597600000" d="5" role="button" index="11"
aria-label="Not available, Friday, October 11, 2024" aria-disabled="true">11</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1728684000000" d="6" role="button" index="12"
aria-label="Not available, Saturday, October 12, 2024" aria-disabled="true">12</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1728770400000" d="7" role="button" index="13"
aria-label="Not available, Sunday, October 13, 2024" aria-disabled="true">13</td>
</tr>
<tr class="datepicker__week-row">
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1728856800000" d="1" role="button" index="14"
aria-label="Not available, Monday, October 14, 2024" aria-disabled="true">14</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1728943200000" d="2" role="button" index="15"
aria-label="Not available, Tuesday, October 15, 2024" aria-disabled="true">15</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1729029600000" d="3" role="button" index="16"
aria-label="Not available, Wednesday, October 16, 2024" aria-disabled="true">16</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1729116000000" d="4" role="button" index="17"
aria-label="Not available, Thursday, October 17, 2024" aria-disabled="true">17</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1729202400000" d="5" role="button" index="18"
aria-label="Not available, Friday, October 18, 2024" aria-disabled="true">18</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1729288800000" d="6" role="button" index="19"
aria-label="Not available, Saturday, October 19, 2024" aria-disabled="true">19</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1729375200000" d="7" role="button" index="20"
aria-label="Not available, Sunday, October 20, 2024" aria-disabled="true">20</td>
</tr>
<tr class="datepicker__week-row">
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1729461600000" d="1" role="button" index="21"
aria-label="Not available, Monday, October 21, 2024" aria-disabled="true">21</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1729548000000" d="2" role="button" index="22"
aria-label="Not available, Tuesday, October 22, 2024" aria-disabled="true">22</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1729634400000" d="3" role="button" index="23"
aria-label="Not available, Wednesday, October 23, 2024" aria-disabled="true">23</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1729720800000" d="4" role="button" index="24"
aria-label="Not available, Thursday, October 24, 2024" aria-disabled="true">24</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid " daytype="visibleMonth" time="1729807200000" d="5" role="button" index="25"
aria-label="Not available, Friday, October 25, 2024" aria-disabled="true">25</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid datepicker__month-day--today datepicker__month-day--checkin-only " daytype="visibleMonth" time="1729893600000" d="6"
role="button" tabindex="0" index="26" aria-label="Choose Saturday, October 26, 2024 as your check-in date" aria-disabled="false">26</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1729980000000" d="7" role="button" index="27"
aria-label="Choose Sunday, October 27, 2024 as your check-in date" aria-disabled="false">27</td>
</tr>
<tr class="datepicker__week-row">
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1730070000000" d="1" role="button" index="28"
aria-label="Choose Monday, October 28, 2024 as your check-in date" aria-disabled="false">28</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1730156400000" d="2" role="button" index="29"
aria-label="Choose Tuesday, October 29, 2024 as your check-in date" aria-disabled="false">29</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1730242800000" d="3" role="button" index="30"
aria-label="Choose Wednesday, October 30, 2024 as your check-in date" aria-disabled="false">30</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1730329200000" d="4" role="button" index="31"
aria-label="Choose Thursday, October 31, 2024 as your check-in date" aria-disabled="false">31</td>
<td class="datepicker__month-day datepicker__month-day--nextMonth datepicker__month-day--valid " daytype="nextMonth" time="1730415600000" d="5" role="button" index="0"
aria-label="Choose Friday, November 01, 2024 as your check-in date" aria-disabled="false">1</td>
<td class="datepicker__month-day datepicker__month-day--nextMonth datepicker__month-day--valid " daytype="nextMonth" time="1730502000000" d="6" role="button" index="0"
aria-label="Choose Saturday, November 02, 2024 as your check-in date" aria-disabled="false">2</td>
<td class="datepicker__month-day datepicker__month-day--nextMonth datepicker__month-day--valid " daytype="nextMonth" time="1730588400000" d="7" role="button" index="0"
aria-label="Choose Sunday, November 03, 2024 as your check-in date" aria-disabled="false">3</td>
</tr>
</tbody>
</table>
<table role="presentation" id="month-2-dvh-date-picker" class="datepicker__month datepicker__month--month2">
<thead>
<tr class="datepicker__month-caption">
<th><span role="button" tabindex="0" aria-label="Move backward to switch to the previous month" class="datepicker__month-button datepicker__month-button--prev" month="2"><</span></th>
<th colspan="5" class="datepicker__month-name">November 2024</th>
<th><span role="button" tabindex="0" aria-label="Move forward to switch to the next month" class="datepicker__month-button datepicker__month-button--next" month="2">></span></th>
</tr>
<tr class="datepicker__week-days" aria-hidden="true" role="presentation">
<th class="datepicker__week-name">Mo</th>
<th class="datepicker__week-name">Tu</th>
<th class="datepicker__week-name">We</th>
<th class="datepicker__week-name">Th</th>
<th class="datepicker__week-name">Fr</th>
<th class="datepicker__week-name">Sa</th>
<th class="datepicker__week-name">Su</th>
</tr>
</thead>
<tbody>
<tr class="datepicker__week-row">
<td class="datepicker__month-day datepicker__month-day--lastMonth datepicker__month-day--valid " daytype="lastMonth" time="1730070000000" d="1" role="button" index="0"
aria-label="Choose Monday, October 28, 2024 as your check-in date" aria-disabled="false">28</td>
<td class="datepicker__month-day datepicker__month-day--lastMonth datepicker__month-day--valid " daytype="lastMonth" time="1730156400000" d="2" role="button" index="0"
aria-label="Choose Tuesday, October 29, 2024 as your check-in date" aria-disabled="false">29</td>
<td class="datepicker__month-day datepicker__month-day--lastMonth datepicker__month-day--valid " daytype="lastMonth" time="1730242800000" d="3" role="button" index="0"
aria-label="Choose Wednesday, October 30, 2024 as your check-in date" aria-disabled="false">30</td>
<td class="datepicker__month-day datepicker__month-day--lastMonth datepicker__month-day--valid " daytype="lastMonth" time="1730329200000" d="4" role="button" index="0"
aria-label="Choose Thursday, October 31, 2024 as your check-in date" aria-disabled="false">31</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1730415600000" d="5" role="button" index="32"
aria-label="Choose Friday, November 01, 2024 as your check-in date" aria-disabled="false">1</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1730502000000" d="6" role="button" index="33"
aria-label="Choose Saturday, November 02, 2024 as your check-in date" aria-disabled="false">2</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1730588400000" d="7" role="button" index="34"
aria-label="Choose Sunday, November 03, 2024 as your check-in date" aria-disabled="false">3</td>
</tr>
<tr class="datepicker__week-row">
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1730674800000" d="1" role="button" index="35"
aria-label="Choose Monday, November 04, 2024 as your check-in date" aria-disabled="false">4</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1730761200000" d="2" role="button" index="36"
aria-label="Choose Tuesday, November 05, 2024 as your check-in date" aria-disabled="false">5</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1730847600000" d="3" role="button" index="37"
aria-label="Choose Wednesday, November 06, 2024 as your check-in date" aria-disabled="false">6</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1730934000000" d="4" role="button" index="38"
aria-label="Choose Thursday, November 07, 2024 as your check-in date" aria-disabled="false">7</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1731020400000" d="5" role="button" index="39"
aria-label="Choose Friday, November 08, 2024 as your check-in date" aria-disabled="false">8</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1731106800000" d="6" role="button" index="40"
aria-label="Choose Saturday, November 09, 2024 as your check-in date" aria-disabled="false">9</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1731193200000" d="7" role="button" index="41"
aria-label="Choose Sunday, November 10, 2024 as your check-in date" aria-disabled="false">10</td>
</tr>
<tr class="datepicker__week-row">
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1731279600000" d="1" role="button" index="42"
aria-label="Choose Monday, November 11, 2024 as your check-in date" aria-disabled="false">11</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1731366000000" d="2" role="button" index="43"
aria-label="Choose Tuesday, November 12, 2024 as your check-in date" aria-disabled="false">12</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1731452400000" d="3" role="button" index="44"
aria-label="Choose Wednesday, November 13, 2024 as your check-in date" aria-disabled="false">13</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1731538800000" d="4" role="button" index="45"
aria-label="Choose Thursday, November 14, 2024 as your check-in date" aria-disabled="false">14</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1731625200000" d="5" role="button" index="46"
aria-label="Choose Friday, November 15, 2024 as your check-in date" aria-disabled="false">15</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1731711600000" d="6" role="button" index="47"
aria-label="Choose Saturday, November 16, 2024 as your check-in date" aria-disabled="false">16</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1731798000000" d="7" role="button" index="48"
aria-label="Choose Sunday, November 17, 2024 as your check-in date" aria-disabled="false">17</td>
</tr>
<tr class="datepicker__week-row">
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1731884400000" d="1" role="button" index="49"
aria-label="Choose Monday, November 18, 2024 as your check-in date" aria-disabled="false">18</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1731970800000" d="2" role="button" index="50"
aria-label="Choose Tuesday, November 19, 2024 as your check-in date" aria-disabled="false">19</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1732057200000" d="3" role="button" index="51"
aria-label="Choose Wednesday, November 20, 2024 as your check-in date" aria-disabled="false">20</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1732143600000" d="4" role="button" index="52"
aria-label="Choose Thursday, November 21, 2024 as your check-in date" aria-disabled="false">21</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1732230000000" d="5" role="button" index="53"
aria-label="Choose Friday, November 22, 2024 as your check-in date" aria-disabled="false">22</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1732316400000" d="6" role="button" index="54"
aria-label="Choose Saturday, November 23, 2024 as your check-in date" aria-disabled="false">23</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1732402800000" d="7" role="button" index="55"
aria-label="Choose Sunday, November 24, 2024 as your check-in date" aria-disabled="false">24</td>
</tr>
<tr class="datepicker__week-row">
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1732489200000" d="1" role="button" index="56"
aria-label="Choose Monday, November 25, 2024 as your check-in date" aria-disabled="false">25</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1732575600000" d="2" role="button" index="57"
aria-label="Choose Tuesday, November 26, 2024 as your check-in date" aria-disabled="false">26</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1732662000000" d="3" role="button" index="58"
aria-label="Choose Wednesday, November 27, 2024 as your check-in date" aria-disabled="false">27</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1732748400000" d="4" role="button" index="59"
aria-label="Choose Thursday, November 28, 2024 as your check-in date" aria-disabled="false">28</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1732834800000" d="5" role="button" index="60"
aria-label="Choose Friday, November 29, 2024 as your check-in date" aria-disabled="false">29</td>
<td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid " daytype="visibleMonth" time="1732921200000" d="6" role="button" index="61"
aria-label="Choose Saturday, November 30, 2024 as your check-in date" aria-disabled="false">30</td>
<td class="datepicker__month-day datepicker__month-day--nextMonth datepicker__month-day--valid " daytype="nextMonth" time="1733007600000" d="7" role="button" index="0"
aria-label="Choose Sunday, December 01, 2024 as your check-in date" aria-disabled="false">1</td>
</tr>
</tbody>
</table>
</div>
<div style="display:none" id="tooltip-dvh-date-picker" class="datepicker__tooltip"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="u-w-full lg:u-w-1/3">
<div x-data="guestsSelector()"
x-init="setRooms([{"adults":2,"children_0_6":0,"children_0_6Ages":[],"children_7_12":0,"children_7_12Ages":[],"pets":0},{"adults":0,"children_0_6":0,"children_0_6Ages":[],"children_7_12":0,"children_7_12Ages":[],"pets":0},{"adults":0,"children_0_6":0,"children_0_6Ages":[],"children_7_12":0,"children_7_12Ages":[],"pets":0},{"adults":0,"children_0_6":0,"children_0_6Ages":[],"children_7_12":0,"children_7_12Ages":[],"pets":0},{"adults":0,"children_0_6":0,"children_0_6Ages":[],"children_7_12":0,"children_7_12Ages":[],"pets":0},{"adults":0,"children_0_6":0,"children_0_6Ages":[],"children_7_12":0,"children_7_12Ages":[],"pets":0},{"adults":0,"children_0_6":0,"children_0_6Ages":[],"children_7_12":0,"children_7_12Ages":[],"pets":0},{"adults":0,"children_0_6":0,"children_0_6Ages":[],"children_7_12":0,"children_7_12Ages":[],"pets":0},{"adults":0,"children_0_6":0,"children_0_6Ages":[],"children_7_12":0,"children_7_12Ages":[],"pets":0}])"
class="guests-selector u-relative u-w-full" data-booking-field="">
<div class="u-font-bold u-mb-1">Guests</div> <button @click.prevent="toggleDropdown()" id="guests-selector__button" class="custom-select lg:u-text-small xl:u-text-medium u-text-left" data-booking-trigger="guests"> <svg
class="icon u-pointer-events-none" focusable="false" role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#font-awesome--users-solid"></use>
</svg> <span x-text="getSummary(rooms, true)" class="u-ml-2 lg:u-ml-1 xl:u-ml-2 u-pointer-events-none">2 Adults, 0 Child , 0 Pet | 1 Room</span> </button>
<div x-show="expanded" id="guests-selector__dropdown" class="booking-form__dropdown u-z-20 u-bg-white u-w-full u-shadow u-transition lg:u-absolute lg:u-w-auto lg:u-pin-r lg:u-l--6" style="transition: 5s linear; display: none;">
<div class="u-flex u-flex-col u-h-full">
<div id="guests-selector__header" class="booking-dropdown-header u-bg-grey-25 u-p-2 xl:u-p-3 u-block">
<h4 class="u-font-sans u-text-primary u-font-bold xl:u-text-large"> Guests</h4>
<p>Select your check-in & checkout date</p>
</div>
<div id="guests-selector__scroll" class="guests-selector__scroll u-o-3 u-pt-2 u-px-4 lg:u-pb-4 u-overflow-y-auto"> <template x-for="(room, index) in getActiveRooms()" data-once="excludeFromOwl" class="exclude-from-owl" style="">
<div>
<div @click="toggleActiveRoom(index)" class="u-cursor-pointer">
<div x-text="`How many guests will be staying in room ${index + 1}?`" class="u-font-bold u-mb-1 u-leading-normal"></div>
<div x-text="getSummary([room])"></div>
</div>
<div x-show="activeRoom === index" x-transition:leave="u-transform-origin-top" x-transition:leave-start="u-transform u-opacity-100 scale-y-100" x-transition:leave-end="u-transform u-opacity-0 u-scale-y-0"
class="u-mt-3 u-transition">
<div class="u-flex u-flex-col u-flex-gap-2">
<div class="u-flex u-justify-between u-pt-2 u-border-t-1 u-border-grey-75">
<div class="u-mr-2">
<div class="u-mb-1">Adults</div>
<div class="u-text-small">12+ Years</div>
</div>
<div class="u-flex u-gap-x-1 u-items-center"> <button class="u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'adults', -1)"> <svg class="u-text-small icon"
focusable="false" role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--minus"></use>
</svg> </button>
<div x-text="room.adults"></div> <button class="u-relative u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'adults', 1, $event.target)"> <svg class="u-text-small icon"
focusable="false" role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--plus"></use>
</svg> <template x-if="getTooltip(index, 'adults')"> <span x-text="getTooltip(index, 'adults')"
class="guests-selector__tooltip u-absolute u-pin-r u-z-1 u-p-1 u-bg-grey-400 u-text-white u-text-small u-leading-tight"></span> </template> </button>
</div>
</div>
<div class="u-flex u-justify-between u-pt-2 u-border-t-1 u-border-grey-75">
<div class="u-mr-2">
<div class="u-mb-1">Children</div>
<div class="u-text-small">0-3 Years</div>
</div>
<div class="u-flex u-gap-x-1 u-items-center"> <button class="u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'children_0_6', -1)"> <svg class="u-text-small icon"
focusable="false" role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--minus"></use>
</svg> </button>
<div x-text="room.children_0_6"></div> <button class="u-relative u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'children_0_6', 1, $event.target)"> <svg
class="u-text-small icon" focusable="false" role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--plus"></use>
</svg> <template x-if="getTooltip(index, 'children_0_6')"> <span x-text="getTooltip(index, 'children_0_6')"
class="guests-selector__tooltip u-absolute u-pin-r u-z-1 u-p-1 u-bg-grey-400 u-text-white u-text-small u-leading-tight"></span> </template> </button>
</div>
</div> <template x-if="room.children_0_6 !== 0">
<fieldset>
<legend class="u-text-small u-leading-tight">To find you a suitable room, we need to know how old your children will be at check-out</legend> <template x-for="i in room.children_0_6"> <select
x-model="room.children_0_6Ages[i - 1]" class="custom-select custom-select-sm u-mt-1">
<option value="age_needed">Age needed</option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select> </template>
</fieldset>
</template>
<div class="u-flex u-justify-between u-pt-2 u-border-t-1 u-border-grey-75">
<div class="u-mr-2">
<div class="u-mb-1">Children</div>
<div class="u-text-small">4-11 Years</div>
</div>
<div class="u-flex u-gap-x-1 u-items-center"> <button class="u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'children_7_12', -1)"> <svg class="u-text-small icon"
focusable="false" role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--minus"></use>
</svg> </button>
<div x-text="room.children_7_12"></div> <button class="u-relative u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'children_7_12', 1, $event.target)"> <svg
class="u-text-small icon" focusable="false" role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--plus"></use>
</svg> <template x-if="getTooltip(index, 'children_7_12')"> <span x-text="getTooltip(index, 'children_7_12')"
class="guests-selector__tooltip u-absolute u-pin-r u-z-1 u-p-1 u-bg-grey-400 u-text-white u-text-small u-leading-tight"></span> </template> </button>
</div>
</div> <template x-if="room.children_7_12 !== 0">
<fieldset>
<legend class="u-text-small u-leading-tight">To find you a suitable room, we need to know how old your children will be at check-out</legend> <template x-for="i in room.children_7_12"> <select
x-model="room.children_7_12Ages[i - 1]" class="custom-select custom-select-sm u-mt-1">
<option value="age_needed">Age needed</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
</select> </template>
</fieldset>
</template>
<div class="u-flex u-justify-between u-pt-2 u-border-t-1 u-border-grey-75">
<div class="u-mr-2">
<div class="u-mb-1">Pets</div>
<div class="u-text-small">£30 per dog (2 dogs per room)</div>
</div>
<div class="u-flex u-gap-x-1 u-items-center"> <button class="u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'pets', -1)"> <svg class="u-text-small icon"
focusable="false" role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--minus"></use>
</svg> </button>
<div x-text="room.pets"></div> <button class="u-relative u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'pets', 1, $event.target)"> <svg class="u-text-small icon"
focusable="false" role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--plus"></use>
</svg> <template x-if="getTooltip(index, 'pets')"> <span x-text="getTooltip(index, 'pets')"
class="guests-selector__tooltip u-absolute u-pin-r u-z-1 u-p-1 u-bg-grey-400 u-text-white u-text-small u-leading-tight"></span> </template> </button>
</div>
</div>
</div>
</div> <template x-if="index !== 0">
<div class="u-text-center u-mt-3"> <button @click.prevent="removeRoom(index)" class="btn-outline-danger u-rounded btn btn-sm btn-outline-primary"> <svg class="u-mr-1 icon" focusable="false" role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--close"></use>
</svg> <span x-text="`Remove room ${index + 1}?`"></span> </button></div>
</template>
</div>
</template>
<div>
<div @click="toggleActiveRoom(index)" class="u-cursor-pointer">
<div x-text="`How many guests will be staying in room ${index + 1}?`" class="u-font-bold u-mb-1 u-leading-normal">How many guests will be staying in room 1?</div>
<div x-text="getSummary([room])">2 Adults, 0 Child , 0 Pet</div>
</div>
<div x-show="activeRoom === index" x-transition:leave="u-transform-origin-top" x-transition:leave-start="u-transform u-opacity-100 scale-y-100" x-transition:leave-end="u-transform u-opacity-0 u-scale-y-0"
class="u-mt-3 u-transition">
<div class="u-flex u-flex-col u-flex-gap-2">
<div class="u-flex u-justify-between u-pt-2 u-border-t-1 u-border-grey-75">
<div class="u-mr-2">
<div class="u-mb-1">Adults</div>
<div class="u-text-small">12+ Years</div>
</div>
<div class="u-flex u-gap-x-1 u-items-center"> <button class="u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'adults', -1)"> <svg class="u-text-small icon"
focusable="false" role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--minus"></use>
</svg> </button>
<div x-text="room.adults">2</div> <button class="u-relative u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'adults', 1, $event.target)"> <svg class="u-text-small icon"
focusable="false" role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--plus"></use>
</svg> <template x-if="getTooltip(index, 'adults')"> <span x-text="getTooltip(index, 'adults')"
class="guests-selector__tooltip u-absolute u-pin-r u-z-1 u-p-1 u-bg-grey-400 u-text-white u-text-small u-leading-tight"></span> </template> </button>
</div>
</div>
<div class="u-flex u-justify-between u-pt-2 u-border-t-1 u-border-grey-75">
<div class="u-mr-2">
<div class="u-mb-1">Children</div>
<div class="u-text-small">0-3 Years</div>
</div>
<div class="u-flex u-gap-x-1 u-items-center"> <button class="u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'children_0_6', -1)"> <svg class="u-text-small icon"
focusable="false" role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--minus"></use>
</svg> </button>
<div x-text="room.children_0_6">0</div> <button class="u-relative u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'children_0_6', 1, $event.target)"> <svg
class="u-text-small icon" focusable="false" role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--plus"></use>
</svg> <template x-if="getTooltip(index, 'children_0_6')"> <span x-text="getTooltip(index, 'children_0_6')"
class="guests-selector__tooltip u-absolute u-pin-r u-z-1 u-p-1 u-bg-grey-400 u-text-white u-text-small u-leading-tight"></span> </template> </button>
</div>
</div> <template x-if="room.children_0_6 !== 0">
<fieldset>
<legend class="u-text-small u-leading-tight">To find you a suitable room, we need to know how old your children will be at check-out</legend> <template x-for="i in room.children_0_6"> <select
x-model="room.children_0_6Ages[i - 1]" class="custom-select custom-select-sm u-mt-1">
<option value="age_needed">Age needed</option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select> </template>
</fieldset>
</template>
<div class="u-flex u-justify-between u-pt-2 u-border-t-1 u-border-grey-75">
<div class="u-mr-2">
<div class="u-mb-1">Children</div>
<div class="u-text-small">4-11 Years</div>
</div>
<div class="u-flex u-gap-x-1 u-items-center"> <button class="u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'children_7_12', -1)"> <svg class="u-text-small icon"
focusable="false" role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--minus"></use>
</svg> </button>
<div x-text="room.children_7_12">0</div> <button class="u-relative u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'children_7_12', 1, $event.target)"> <svg
class="u-text-small icon" focusable="false" role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--plus"></use>
</svg> <template x-if="getTooltip(index, 'children_7_12')"> <span x-text="getTooltip(index, 'children_7_12')"
class="guests-selector__tooltip u-absolute u-pin-r u-z-1 u-p-1 u-bg-grey-400 u-text-white u-text-small u-leading-tight"></span> </template> </button>
</div>
</div> <template x-if="room.children_7_12 !== 0">
<fieldset>
<legend class="u-text-small u-leading-tight">To find you a suitable room, we need to know how old your children will be at check-out</legend> <template x-for="i in room.children_7_12"> <select
x-model="room.children_7_12Ages[i - 1]" class="custom-select custom-select-sm u-mt-1">
<option value="age_needed">Age needed</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
</select> </template>
</fieldset>
</template>
<div class="u-flex u-justify-between u-pt-2 u-border-t-1 u-border-grey-75">
<div class="u-mr-2">
<div class="u-mb-1">Pets</div>
<div class="u-text-small">£30 per dog (2 dogs per room)</div>
</div>
<div class="u-flex u-gap-x-1 u-items-center"> <button class="u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'pets', -1)"> <svg class="u-text-small icon" focusable="false"
role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--minus"></use>
</svg> </button>
<div x-text="room.pets">0</div> <button class="u-relative u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'pets', 1, $event.target)"> <svg class="u-text-small icon"
focusable="false" role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--plus"></use>
</svg> <template x-if="getTooltip(index, 'pets')"> <span x-text="getTooltip(index, 'pets')" class="guests-selector__tooltip u-absolute u-pin-r u-z-1 u-p-1 u-bg-grey-400 u-text-white u-text-small u-leading-tight"></span>
</template> </button>
</div>
</div>
</div>
</div> <template x-if="index !== 0">
<div class="u-text-center u-mt-3"> <button @click.prevent="removeRoom(index)" class="btn-outline-danger u-rounded btn btn-sm btn-outline-primary"> <svg class="u-mr-1 icon" focusable="false" role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--close"></use>
</svg> <span x-text="`Remove room ${index + 1}?`"></span> </button></div>
</template>
</div>
<div class="u-border-t-1 u-border-grey-100 u-pt-2 u-mt-2 exclude-from-owl" data-once="excludeFromOwl"> <template x-if="rooms[8].adults === 0"> <button @click.prevent="addRoom()" class="btn-block btn btn-outline-primary"> <svg
class="u-mr-1 icon" focusable="false" role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--plus"></use>
</svg> Add room </button> </template> <button @click.prevent="addRoom()" class="btn-block btn btn-outline-primary" style="padding: 1em 2em;">
<div class="DEV_010060--button-content"><svg class="u-mr-1 icon" focusable="false" role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sfy2yu#cti--plus"></use>
</svg>Add another room</div>
</button>
<div class="faux-checkbox-wrapper">
<div class="faux-checkbox u-relative"> <input type="checkbox" id="guests-option-rooms-close-checkbox" name="guests_option_rooms_close_checkbox" value="I'd like rooms close to each other (if available)"
data-once="guestsOptionRoomsClose"> <label for="guests-option-rooms-close-checkbox" class="u-m-0"> <span class="u-pl-5 u-py-2 u-flex u-flex-col u-text-small">I'd like rooms close to each other (if available)</span> </label>
</div>
<div class="faux-checkbox u-relative"> <input type="checkbox" id="guests-option-rooms-adjoining-checkbox" name="guests_option_rooms_adjoining_checkbox" value="I'd like adjoining rooms (if available)"
data-once="guestsOptionRoomsAdjoining"> <label for="guests-option-rooms-adjoining-checkbox" class="u-m-0"> <span class="u-pl-5 u-py-2 u-flex u-flex-col u-text-small">I'd like adjoining rooms (if available)</span> </label>
</div>
</div> <template x-if="rooms[8].adults !== 0">
<div class="u-bg-grey-25 u-leading-normal u-p-2 u-font-bold">
<p>To book 10 rooms or more, please contact us.</p>
</div>
</template>
</div>
</div>
</div>
</div> <input data-drupal-selector="edit-guests" type="hidden" name="guests"
value="[{"guid":"6751e9ad-3051-4d1b-9b5c-1b74d1cf90c0","adults":2,"children_0_6":0,"children_0_6Ages":[],"children_7_12":0,"children_7_12Ages":[],"pets":0},{"guid":"58322916-9367-4dc8-9a86-27ba3c8f920f","adults":0,"children_0_6":0,"children_0_6Ages":[],"children_7_12":0,"children_7_12Ages":[],"pets":0},{"guid":"2899ac9c-c586-4268-9585-cdf2ef24ff02","adults":0,"children_0_6":0,"children_0_6Ages":[],"children_7_12":0,"children_7_12Ages":[],"pets":0},{"guid":"7368f195-af01-49d4-9bde-42ef5eed2690","adults":0,"children_0_6":0,"children_0_6Ages":[],"children_7_12":0,"children_7_12Ages":[],"pets":0},{"guid":"d36c2c0b-886c-4028-a727-90b651a390b7","adults":0,"children_0_6":0,"children_0_6Ages":[],"children_7_12":0,"children_7_12Ages":[],"pets":0},{"guid":"441e50f5-13b7-4da5-909b-80fa220b2b06","adults":0,"children_0_6":0,"children_0_6Ages":[],"children_7_12":0,"children_7_12Ages":[],"pets":0},{"guid":"58cbdda5-dd50-48fe-b217-c7532a67b1bf","adults":0,"children_0_6":0,"children_0_6Ages":[],"children_7_12":0,"children_7_12Ages":[],"pets":0},{"guid":"20ab8f9e-e9b2-4759-a699-70eac444fb9f","adults":0,"children_0_6":0,"children_0_6Ages":[],"children_7_12":0,"children_7_12Ages":[],"pets":0},{"guid":"71aafd9d-0d81-4175-8e91-a398bac617f2","adults":0,"children_0_6":0,"children_0_6Ages":[],"children_7_12":0,"children_7_12Ages":[],"pets":0}]"
:value="JSON.stringify(rooms)">
</div>
</div>
</div>
<div data-twig-suggestion="dvh-booking-engine-widget-form--2" data-drupal-selector="edit-col-b" id="edit-col-b--4" class="js-form-wrapper form-wrapper u-o-3 u-relative">
<div class="u-hidden lg:u-block js-form-wrapper form-wrapper u-o-3 u-mt-3 u-relative exclude-from-owl" id="booking-form-submit-wrapper" data-drupal-selector="edit-submit-container" data-once="excludeFromOwl"> <input
data-drupal-selector="edit-desktop-submit" type="submit" id="edit-desktop-submit--2" name="op" value="Check availability"
class="button js-form-submit form-submit booking-form__desktop-submit u-text-small u-whitespace-no-wrap u-px-3 xl:u-text-medium btn btn-primary exclude-from-owl" data-once="excludeFromOwl drupal-ajax"></div>
</div>
</div> <input data-twig-suggestion="dvh-booking-engine-widget-form--2" data-drupal-selector="edit-guests-option-rooms-close" type="hidden" name="guests_option_rooms_close" value="" class="u-m-0"> <input
data-twig-suggestion="dvh-booking-engine-widget-form--2" data-drupal-selector="edit-guests-option-rooms-adjoining" type="hidden" name="guests_option_rooms_adjoining" value="" class="u-m-0">
<div class="u-breakout u-py-2 u-bg-grey-75--dark lg:u-py-1.5 js-form-wrapper form-wrapper u-o-3 u-relative" data-twig-suggestion="dvh-booking-engine-widget-form--2" data-drupal-selector="edit-second-row" id="edit-second-row--3">
<div id="booking-form-row-2" data-twig-suggestion="dvh-booking-engine-widget-form--2" data-drupal-selector="edit-children"
class="js-form-wrapper form-wrapper container u-flex u-flex-wrap u-flex-gap-2 u-justify-center lg:u-justify-end u-items-center exclude-from-owl" data-once="excludeFromOwl">
<div class="special-code-wrapper js-form-wrapper form-wrapper u-border-1 u-border-grey u-rounded u-p-1.5 u-text-small" id="special-code-container" data-drupal-selector="edit-col-a"> <button id="guests-code-btn" name="Guests Special code"
class="btn btn--code btn u-text-primary button js-form-submit form-submit u-mb-0.5 u-p-0 u-inline-flex u-items-center u-flex-row-reverse" data-drupal-selector="edit-header" type="submit" value="Do you have a special code?"
data-once="bookCodeBtn"> <svg class="icon u-ml-1" focusable="false" role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#feather--chevron-down"></use>
</svg> <span> Do you have a special code? </span> </button>
<p>Add your code for wedding, events, special or business rates</p>
<div data-booking-field="" class="u-w-full lg:u-w-auto lg:u-flex-1 js-form-item form-item js-form-type-select form-item-code-type js-form-item-code-type js-form-select form-select form-no-label">
<div class="custom-select-wrapper u-relative"><select class="u-visually-hidden dvh-special-codes form-select custom-select u-pr-6" id="dvh-special-codes" data-drupal-selector="edit-code-type" name="code_type" data-once="dvhSpecialCodes">
<option value="" selected="selected">- Select your code type -</option>
<option value="promotion">Promotion code</option>
<option value="corporate">Business rate</option>
<option value="travel_agent">Travel agent number</option>
</select></div>
</div>
<div data-booking-field="" class="u-w-full lg:u-w-auto lg:u-flex-1 js-form-item form-item u-mt-0 js-form-type-textfield form-item-special-code js-form-item-special-code js-form-textfield form-textfield form-no-label"> <input
class="u-visually-hidden form-text u-m-0 form-control" id="dvh-special-code-value" data-drupal-selector="edit-special-code" type="text" name="special_code" value="" size="60" maxlength="128" placeholder="Enter your code"></div>
</div>
<div class="lg:u-hidden js-form-wrapper form-wrapper u-relative" id="booking-form-mobile-submit-wrapper" data-drupal-selector="edit-col-b"> <input data-drupal-selector="edit-children" type="submit" id="edit-children--11" name="op"
value="Check availability" class="button js-form-submit form-submit booking-form__desktop-submit u-text-small u-whitespace-no-wrap u-px-3 xl:u-text-medium btn btn-primary" data-once="drupal-ajax"></div>
</div>
</div> <input autocomplete="off" data-twig-suggestion="dvh-booking-engine-widget-form--2" data-drupal-selector="form-yvppgqhaklgnwyrxryukf3mt69jnpkcfeb5dpgcxq9k" type="hidden" name="form_build_id"
value="form-YVpPgQHakLGNwyRxRYUkF3mt69JNPKCfEB5DPGcxq9k" class="u-m-0"> <input data-twig-suggestion="dvh-booking-engine-widget-form--2" data-drupal-selector="edit-dvh-booking-engine-widget-form-2" type="hidden" name="form_id"
value="dvh_booking_engine_widget_form" class="u-m-0">
<div class="urlfield-textfield js-form-wrapper form-wrapper u-o-3 u-relative" style="display: none !important;">
<div data-booking-field="" class="u-w-full lg:u-w-auto lg:u-flex-1 js-form-item form-item u-mt-0 js-form-type-textfield form-item-urlfield js-form-item-urlfield js-form-textfield form-textfield exclude-from-owl" data-once="excludeFromOwl">
<label for="edit-urlfield--4" class="u-text-black u-font-bold"><span data-form-label-wrapper="">Leave this field blank</span></label> <input autocomplete="off" data-twig-suggestion="dvh-booking-engine-widget-form--2"
data-drupal-selector="edit-urlfield" type="text" id="edit-urlfield--4" name="urlfield" value="" size="20" maxlength="128" class="form-text u-m-0 form-control"></div>
</div>
</div>
<div data-booking-flow-cta="" class="booking-form__flow-cta u-flex-wrap u-items-center u-justify-center u-fixed u-z-501 u-pin-l u-pin-r u-pin-b u-p-2 u-bg-white u-flex-gap-2 lg:u-hidden">
<div class="u-w-full u-text-medium u-text-center">
<p data-booking-flow-cta-msg="">undefined</p>
</div>
<div> <button class="u-px-10 btn btn-primary" data-booking-flow-cta-btn="" disabled="">Select dates</button></div>
</div>
</form>
GET /search
<form class="primary-navigation-search u-flex u-gap-3 u-o-1" x-data="{ isLarge: Foundation.MediaQuery.atLeast('lg') }" x-on:resize.window.debounce="isLarge = Foundation.MediaQuery.atLeast('lg')" role="search" aria-label="Site-wide search"
data-drupal-selector="primary-navigation-search" novalidate="novalidate" action="/search" method="get" id="primary-navigation-search" accept-charset="UTF-8">
<div class="u-flex-grow js-form-item form-item js-form-type-search form-item-query js-form-item-query js-form-search form-search form-no-label" data-once="excludeFromOwl"> <label for="edit-query--9QAIjHfOYL4--randomised"
class="u-visually-hidden u-text-black"><span data-form-label-wrapper="">Search</span></label> <input x-bind:placeholder="isLarge ? 'Enter a search query, e.g. terms and conditions' : ''" data-twig-suggestion="primary-navigation-search"
data-drupal-selector="edit-query" type="search" id="edit-query--9QAIjHfOYL4--randomised" name="query" value="" size="15" maxlength="128" class="form-search u-m-0 form-control" placeholder="Enter a search query, e.g. terms and conditions"></div>
<button data-twig-suggestion="primary-navigation-search" data-drupal-selector="edit-submit" id="edit-submit" value="Search" class="button js-form-submit form-submit btn btn-primary u-px-3 md:u-px-5" aria-label="Search" data-once="excludeFromOwl">
<span class="md:u-hidden"> <svg class="icon" focusable="false" role="presentation">
<use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--search"></use>
</svg> </span> <span class="u-hidden md:u-inline"> Search </span></button>
</form>
POST /?utm_source=OracleResponsys&utm_medium=email&utm_campaign=JAN_2024_DV_ForTheNow_Campaign_V8_NewYearBreaks_Emailable_Expanded
<form class="dvh-currency-switcher-form u-o-1" data-drupal-selector="dvh-currency-switcher-form-2" novalidate="novalidate"
action="/?utm_source=OracleResponsys&utm_medium=email&utm_campaign=JAN_2024_DV_ForTheNow_Campaign_V8_NewYearBreaks_Emailable_Expanded" method="post" id="dvh-currency-switcher-form--2" accept-charset="UTF-8">
<div class="js-form-item form-item js-form-type-select form-item-currency js-form-item-currency js-form-select form-select form-no-label" data-once="excludeFromOwl">
<div class="custom-select-wrapper u-relative"><select class="u-text-black u-inline u-h-5 u-p-0 u-pl-1 u-max-w-measure-sm form-select custom-select u-pr-6" data-twig-suggestion="dvh-currency-switcher-form--2" data-drupal-selector="edit-currency"
id="edit-currency--2" name="currency" data-once="smartDateStartChange">
<option value="GBP">£GBP</option>
<option value="USD">$USD</option>
<option value="EUR">€EUR</option>
</select></div>
</div> <input autocomplete="off" data-twig-suggestion="dvh-currency-switcher-form--2" data-drupal-selector="form-flo0skb7wibxnkjftn4p2jbpehsy-sobuwdcrpuiuk" type="hidden" name="form_build_id" value="form-fLo0SKb7WibxnkjfTN4p2jBpEHSy_-sobUWDCrpUiuk"
class="u-m-0"> <input data-twig-suggestion="dvh-currency-switcher-form--2" data-drupal-selector="edit-dvh-currency-switcher-form-2" type="hidden" name="form_id" value="dvh_currency_switcher_form" class="u-m-0">
<div class="urlfield-textfield js-form-wrapper form-wrapper u-o-3 u-relative" style="display: none;" data-once="excludeFromOwl">
<div class="js-form-item form-item js-form-type-textfield form-item-urlfield js-form-item-urlfield js-form-textfield form-textfield exclude-from-owl" data-once="excludeFromOwl"> <label for="edit-urlfield--6" class="u-text-black"><span
data-form-label-wrapper="">Leave this field blank</span></label> <input autocomplete="off" data-twig-suggestion="dvh-currency-switcher-form--2" data-drupal-selector="edit-urlfield" type="text" id="edit-urlfield--6" name="urlfield" value=""
size="20" maxlength="128" class="form-text u-m-0 form-control"></div>
</div>
</form>
<form>
<div class="u-flex u-flex-col md:u-flex-row u-flex-gap-1 md:u-flex-gap-0 u-items-center">
<div class="u-flex-1 u-pr-0.5 js-form-item form-item js-form-type-email form-item-email-address js-form-item-email-address js-form-email form-email"> <label for="edit-email-address"
class="js-form-required form-required u-text-black u-visually-hidden"><span data-form-label-wrapper="">Email address</span> <span class="u-visually-hidden">(required)</span><span aria-hidden="true" class="u-text-danger u-font-normal"
title="This field is required">*</span></label> <input data-twig-suggestion="dvh-webform-newsletter-signup" data-drupal-selector="edit-email-address" type="email" id="edit-email-address" name="email_address" value="" size="60"
maxlength="254" placeholder="example@email.com" class="form-email required u-m-0 u-border-1 u-border-grey-100 u-h-input-md u-w-full u-p-2 u-rounded md:u-flex-1" required="required" aria-required="true"></div> <input
data-drupal-selector="edit-sign-up" type="submit" id="edit-sign-up" name="op" value="Sign up" class="button js-form-submit form-submit btn btn-primary u-h-input-md u-px-4 u-rounded" data-once="drupal-ajax"> <input autocomplete="off"
data-twig-suggestion="dvh-webform-newsletter-signup" data-drupal-selector="form-vhoiitwyzr6xvdq6ijcpafp3dx8oqrdnffvfjhlc8ke" type="hidden" name="form_build_id" value="form-vHoiitWYZR6XvDQ6IjCpAfp3dX8OQRdNffvfJHLc8kE" class="u-m-0"> <input
data-twig-suggestion="dvh-webform-newsletter-signup" data-drupal-selector="edit-dvh-webform-newsletter-signup" type="hidden" name="form_id" value="dvh_webform_newsletter_signup" class="u-m-0">
<div class="urlfield-textfield js-form-wrapper form-wrapper u-o-3 u-relative" style="display: none !important;">
<div class="u-flex-1 u-pr-0.5 js-form-item form-item js-form-type-textfield form-item-urlfield js-form-item-urlfield js-form-textfield form-textfield exclude-from-owl" data-once="excludeFromOwl"> <label for="edit-urlfield--7"
class="u-text-black u-visually-hidden"><span data-form-label-wrapper="">Leave this field blank</span></label> <input autocomplete="off" data-twig-suggestion="dvh-webform-newsletter-signup" data-drupal-selector="edit-urlfield" type="text"
id="edit-urlfield--7" name="urlfield" value="" size="20" maxlength="128" class="form-text u-m-0 form-control"></div>
</div>
</div>
</form>
Text Content
Skip page header and navigation Get up to 15% off your stay - Explore our member benefits * Gift cards * Log in Book now Open menu Close menu * Destinations * Destinations * De Vere Grand Connaught Rooms Central London, Covent Garden * De Vere Beaumont Estate West M25, Windsor * De Vere Horsley Estate South West M25, East Horsley * De Vere Latimer Estate North West M25, Chesham * De Vere Cotswold Water Park near M4 and M5, Cotswolds * De Vere Tortworth Court M5 Corridor, Bristol * De Vere Wokefield Estate M4 Corridor, Reading * De Vere Cranage Estate M6 Corridor, South Manchester BOOK DIRECT AND SAY HELLO TO 10% OFF Choose Applause rate when you book and you'll get an automatic 10% off our best room rates, plus free, superfast WiFi, advanced check-in, 24 hour unlimited access to over 5,000 digital newspapers, books and magazines, late check-out and more. View Offer * Offers * Offers * Free breakfast offer Treat yourself to a much-needed getaway to a De Vere hotel and we’ll treat you to breakfast – each morning of your stay. * Book direct and say hello to 10% off Choose Applause rate when you book and you’ll automatically save 10% on your first booking, rising to 15% the more you stay * 'Spy House' experience Escape to Buckinghamshire for a chance to walk in the footsteps of WW2 generals and 'spymasters'. A very special offer inspired by the top secret goings-on in Latimer House in the 1940s... * 6 O’clock Gin - exclusive package for two The ultimate treat for gin connoisseurs at De Vere Tortworth Court YOUR HAPPY PLACE Dinner, bed & breakfast and luxury treats from £200* per couple - only available when you book direct View offer * Weddings * Weddings * De Vere Grand Connaught Rooms * De Vere Beaumont Estate * De Vere Cotswold Water Park * De Vere Cranage Estate * De Vere Horsley Estate * De Vere Latimer Estate * De Vere Tortworth Court * De Vere Wokefield Estate DE VERE TORTWORTH COURT A setting like no other, De Vere Tortworth Court marries Victorian architecture with contemporary elegance. With a choice of characterful suites, stunning outdoor spaces and smaller rooms for more intimate gatherings, De Vere Tortworth Court is a wonderful setting to say 'I do'. To make a real statement on your big day, consider The Orangery, a grand Victorian conservatory with ornamental windowns, a glass ceiling and period detailing throughout. Find out more * Meetings & Events * Meetings & Events * Smart Booker by De Vere * Showtime * De Vere Solutions * Sustainability * Conferences * Carbon calculator * The Scribe * Smart Space * Teambuilding * Training * Trainers' Club * Virtual experience SMART BOOKER If you're looking to book a meeting room on-the-go, our new booking engine gives you real-time availability for meetings and events of all sizes Book now * Our Story * Our Story * De Vere Reserve * De Vere Estates * Sustainability * Virtual Experience * Careers THE SUNDAY TIMES BEST PLACES TO WORK 2024 De Vere has been recognised in The Sunday Times Best Places to Work 2024, being acknowledged as one of the happiest places to work in the UK. The awards recognises and celebrates the best employers in the UK based on feedback from employees and an independent assessment of workplace culture, leadership, and employee engagement and wellbeing. Read more * Companion * Companion * Step into the world of best-selling author, Katie Fforde We'd like to introduce you to 'One Enchanted Evening': the new novel by the number one bestselling author and queen of feel-good romance, Katie Fford.. * A night away with my four-legged friend Join Nic and Parker as they enjoy the dog-friendly delights of De Vere Latimer Estate * Our Top 5 things to do in Windsor Take a look at our list of 'royally' (sorry) amazing things to do in this beautiful corner of England * Family time in the beautiful Cotswolds Around every picturesque corner there’s something to see or do for adults, little ones – and everyone in between. CELEBRATE ADA LOVELACE AT DE VERE HORSLEY ESTATE Every year the second Tuesday of October marks Ada Lovelace Day in recognition of the former Horsley resident's ground-breaking contribution to computer technology. Read on... Book now * Destinations * Destinations * De Vere Grand Connaught Rooms * De Vere Beaumont Estate * De Vere Horsley Estate * De Vere Latimer Estate * De Vere Cotswold Water Park * De Vere Tortworth Court * De Vere Wokefield Estate * De Vere Cranage Estate * Offers * Offers * Free breakfast offer * Book direct and say hello to 10% off * 'Spy House' experience * 6 O’clock Gin - exclusive package for two * Weddings * Weddings * De Vere Grand Connaught Rooms * De Vere Beaumont Estate * De Vere Cotswold Water Park * De Vere Cranage Estate * De Vere Horsley Estate * De Vere Latimer Estate * De Vere Tortworth Court * De Vere Wokefield Estate * Meetings & Events * Meetings & Events * Smart Booker by De Vere * Showtime * De Vere Solutions * Sustainability * Conferences * Carbon calculator * The Scribe * Smart Space * Teambuilding * Training * Trainers' Club * Virtual experience * Our Story * Our Story * De Vere Reserve * De Vere Estates * Sustainability * Virtual Experience * Careers * Companion * Companion * Step into the world of best-selling author, Katie Fforde * A night away with my four-legged friend * Our Top 5 things to do in Windsor * Family time in the beautiful Cotswolds Close BOOK NOW Close Where would you like to stay? De Vere Wokefield EstateDe Vere Beaumont EstateDe Vere Cotswold Water ParkDe Vere Tortworth CourtDe Vere Latimer EstateDe Vere Horsley EstateDe Vere Cranage EstateDe Vere Wokefield Estate WHERE WOULD YOU LIKE TO SAY? Choose a destination * De Vere Wokefield Estate M4 Corridor * De Vere Beaumont Estate West M25 * De Vere Cotswold Water Park near M4 and M5 * De Vere Tortworth Court M5 Corridor * De Vere Latimer Estate North West M25 * De Vere Horsley Estate South West M25 * De Vere Cranage Estate M6 Corridor When? WHEN? Select your check-in & checkout date <October 2024>MoTuWeThFrSaSu3012345678910111213141516171819202122232425262728293031123 <November 2024>MoTuWeThFrSaSu282930311234567891011121314151617181920212223242526272829301 Guests 2 Adults, 0 Child , 0 Pet | 1 Room GUESTS Select your check-in & checkout date Adults 12+ Years Children 0-3 Years To find you a suitable room, we need to know how old your children will be at check-out Age needed0123 Children 4-11 Years To find you a suitable room, we need to know how old your children will be at check-out Age needed4567891011 Pets £30 per dog (2 dogs per room) How many guests will be staying in room 1? 2 Adults, 0 Child , 0 Pet Adults 12+ Years 2 Children 0-3 Years 0 To find you a suitable room, we need to know how old your children will be at check-out Age needed0123 Children 4-11 Years 0 To find you a suitable room, we need to know how old your children will be at check-out Age needed4567891011 Pets £30 per dog (2 dogs per room) 0 Add room Add another room I'd like rooms close to each other (if available) I'd like adjoining rooms (if available) To book 10 rooms or more, please contact us. Do you have a special code? Add your code for wedding, events, special or business rates - Select your code type -Promotion codeBusiness rateTravel agent number Leave this field blank undefined Select dates * Destinations * Destinations * De Vere Grand Connaught Rooms Central London, Covent Garden * De Vere Beaumont Estate West M25, Windsor * De Vere Horsley Estate South West M25, East Horsley * De Vere Latimer Estate North West M25, Chesham * De Vere Cotswold Water Park near M4 and M5, Cotswolds * De Vere Tortworth Court M5 Corridor, Bristol * De Vere Wokefield Estate M4 Corridor, Reading * De Vere Cranage Estate M6 Corridor, South Manchester BOOK DIRECT AND SAY HELLO TO 10% OFF Choose Applause rate when you book and you'll get an automatic 10% off our best room rates, plus free, superfast WiFi, advanced check-in, 24 hour unlimited access to over 5,000 digital newspapers, books and magazines, late check-out and more. View Offer * Offers * Offers * Free breakfast offer Treat yourself to a much-needed getaway to a De Vere hotel and we’ll treat you to breakfast – each morning of your stay. * Book direct and say hello to 10% off Choose Applause rate when you book and you’ll automatically save 10% on your first booking, rising to 15% the more you stay * 'Spy House' experience Escape to Buckinghamshire for a chance to walk in the footsteps of WW2 generals and 'spymasters'. A very special offer inspired by the top secret goings-on in Latimer House in the 1940s... * 6 O’clock Gin - exclusive package for two The ultimate treat for gin connoisseurs at De Vere Tortworth Court YOUR HAPPY PLACE Dinner, bed & breakfast and luxury treats from £200* per couple - only available when you book direct View offer * Weddings * Weddings * De Vere Grand Connaught Rooms * De Vere Beaumont Estate * De Vere Cotswold Water Park * De Vere Cranage Estate * De Vere Horsley Estate * De Vere Latimer Estate * De Vere Tortworth Court * De Vere Wokefield Estate DE VERE TORTWORTH COURT A setting like no other, De Vere Tortworth Court marries Victorian architecture with contemporary elegance. With a choice of characterful suites, stunning outdoor spaces and smaller rooms for more intimate gatherings, De Vere Tortworth Court is a wonderful setting to say 'I do'. To make a real statement on your big day, consider The Orangery, a grand Victorian conservatory with ornamental windowns, a glass ceiling and period detailing throughout. Find out more * Meetings & Events * Meetings & Events * Smart Booker by De Vere * Showtime * De Vere Solutions * Sustainability * Conferences * Carbon calculator * The Scribe * Smart Space * Teambuilding * Training * Trainers' Club * Virtual experience SMART BOOKER If you're looking to book a meeting room on-the-go, our new booking engine gives you real-time availability for meetings and events of all sizes Book now * Our Story * Our Story * De Vere Reserve * De Vere Estates * Sustainability * Virtual Experience * Careers THE SUNDAY TIMES BEST PLACES TO WORK 2024 De Vere has been recognised in The Sunday Times Best Places to Work 2024, being acknowledged as one of the happiest places to work in the UK. The awards recognises and celebrates the best employers in the UK based on feedback from employees and an independent assessment of workplace culture, leadership, and employee engagement and wellbeing. Read more * Companion * Companion * Step into the world of best-selling author, Katie Fforde We'd like to introduce you to 'One Enchanted Evening': the new novel by the number one bestselling author and queen of feel-good romance, Katie Fford.. * A night away with my four-legged friend Join Nic and Parker as they enjoy the dog-friendly delights of De Vere Latimer Estate * Our Top 5 things to do in Windsor Take a look at our list of 'royally' (sorry) amazing things to do in this beautiful corner of England * Family time in the beautiful Cotswolds Around every picturesque corner there’s something to see or do for adults, little ones – and everyone in between. CELEBRATE ADA LOVELACE AT DE VERE HORSLEY ESTATE Every year the second Tuesday of October marks Ada Lovelace Day in recognition of the former Horsley resident's ground-breaking contribution to computer technology. Read on... Book now * Destinations * Destinations * De Vere Grand Connaught Rooms * De Vere Beaumont Estate * De Vere Horsley Estate * De Vere Latimer Estate * De Vere Cotswold Water Park * De Vere Tortworth Court * De Vere Wokefield Estate * De Vere Cranage Estate * Offers * Offers * Free breakfast offer * Book direct and say hello to 10% off * 'Spy House' experience * 6 O’clock Gin - exclusive package for two * Weddings * Weddings * De Vere Grand Connaught Rooms * De Vere Beaumont Estate * De Vere Cotswold Water Park * De Vere Cranage Estate * De Vere Horsley Estate * De Vere Latimer Estate * De Vere Tortworth Court * De Vere Wokefield Estate * Meetings & Events * Meetings & Events * Smart Booker by De Vere * Showtime * De Vere Solutions * Sustainability * Conferences * Carbon calculator * The Scribe * Smart Space * Teambuilding * Training * Trainers' Club * Virtual experience * Our Story * Our Story * De Vere Reserve * De Vere Estates * Sustainability * Virtual Experience * Careers * Companion * Companion * Step into the world of best-selling author, Katie Fforde * A night away with my four-legged friend * Our Top 5 things to do in Windsor * Family time in the beautiful Cotswolds * Gift cards * Log in * Careers * Contact us * De Vere in the press * Media enquiries & press releases * Sustainability * Accessibility guides * Anti-slavery policy * Company registration * Gender pay gap report * Privacy policy * Cookie policy * Terms of use Search De Vere Search Search Join Applause and get 10% off when you book direct. Plus 10% off food*, late check-out and more. Sign up for free Dismiss message HERO VIDEO Scroll down UNFORGETTABLE EXPERIENCES, THOUGHTFULLY CRAFTED LOCATION Our hotel estates are surrounded by glorious countryside and famous destinations for family-friendly days out. BOOK DIRECT AND SAVE When you book direct with us you’ll save 10% off our lowest price. Every time. EAT & DRINK Enjoy aperitifs, nightcaps, cosy dinners and light lunches in our beautiful bars and restaurants. GATHERINGS Our mansion house estates are enchanting locations for weddings, parties and private dining events. DESTINATIONS Slide 1 of 8 DE VERE TORTWORTH COURT A magnificent Grade II listed mansion house and spa in South Gloucestershire set in beautiful, manicured gardens. Slide 2 of 8 DE VERE BEAUMONT ESTATE An 18th-century mansion, a chapel, 45 event spaces and a Georgian white house in 42 acres of parkland grounds. Slide 3 of 8 DE VERE WOKEFIELD ESTATE An elegant mansion house estate and golf course set in 250 acres of Berkshire parkland. Slide 4 of 8 DE VERE COTSWOLD WATER PARK Stylish, contemporary accommodation with lake views, al fresco dining and a spa. Slide 5 of 8 DE VERE LATIMER ESTATE A majestic mansion with an incredible history in the heart of the Buckinghamshire countryside. Slide 6 of 8 DE VERE HORSLEY ESTATE A Victorian gothic masterpiece in the heart of Surrey, with history and heritage at every turn. Slide 7 of 8 DE VERE CRANAGE ESTATE 21st-century style complements rich heritage at this iconic Cheshire hotel. Slide 8 of 8 DE VERE GRAND CONNAUGHT ROOMS A famous central London venue with grand Georgian architecture and art-deco interiors. Next slide Next slide CAMPAIGN CALLOUT YOU. ARE. HERE. There’s an indiscernible sweet spot during a hotel stay when everyday life is forgotten about and you exist in the now. You’re fully immersed and committed to enjoying every aspect of the world you’re now in. You’re in the moment. You’ve found your happy place. And for now at least, you don’t need to be anywhere else. You. Are. Here. De Vere Find Your Happy Place RESERVE AND ESTATES Slide 1 of 4 DE VERE RESERVE The De Vere Reserve experience offers the very best of De Vere: attentive, personal service and thoughtful touches within atmospheric mansion house surroundings. Slide 2 of 4 DESTINATIONS Discover over 1,800 bedrooms and 260 meeting rooms located around the UK from Berkshire and Buckinghamshire to the Cotswolds and Cheshire. Slide 3 of 4 DE VERE ESTATES De Vere Estates combine iconic buildings and contemporary, heritage–inspired interior design to creates a harmonious sense of modern luxury. Slide 4 of 4 DAYS OUT De Vere hotels are ideally located for exploring some of the UK's most iconic destinations. From historic locations to big name attractions to calming country walks Next slide Next slide DE VERE BOOK Feel free to read or download the De Vere book. Have a browse SOCIAL FEED DOWNLOADS AND EXTRAS APPLAUSE REWARDS Applause is the free-to-join guest loyalty club from De Vere that rewards you with exclusive perks and discounts - including 10% off on your first booking, rising to 15% the more you stay. Register for free SHOWTIME REWARDS Showtime is our way of saying thank you for your corporate events business. Receive free cinema tickets with every enquiry and earn points on every event to spend with our luxury redemption partners. Register for free DE VERE IN THE PRESS Keep up to date with our latest online reviews, features and news in the press including articles from The Telegraph, Marie Claire and The Caterer. And take a peek at our blog: The Companion. Read more EGIFT CARDS Available from just £10, a De Vere eGift card can be used to purchase all manner of things - from a relaxing spa treatment to a decadent afternoon tea to an intimate dinner for two - or even an overnight stay. Buy now DESTINATIONS Open destination menu * DE VERE HORSLEY ESTATE South West M25, East Horsley Learn more * DE VERE GRAND CONNAUGHT ROOMS Central London, Covent Garden Learn more * DE VERE WOKEFIELD ESTATE M4 Corridor, Reading Learn more * DE VERE BEAUMONT ESTATE West M25, Windsor Learn more * DE VERE COTSWOLD WATER PARK Near M4 and M5, Cotswolds Learn more * DE VERE TORTWORTH COURT M5 Corridor, Bristol Learn more * DE VERE LATIMER ESTATE North West M25, Chesham Learn more * DE VERE CRANAGE ESTATE M6 Corridor, South Manchester Learn more COMPANY * Careers * Contact us * De Vere in the press * Media enquiries & press releases -------------------------------------------------------------------------------- * Sustainability * Accessibility guides * Anti-slavery policy * Company registration * Gender pay gap report SOCIAL * Facebook * X * Instagram * YouTube * LinkedIn CURRENCY £GBP$USD€EUR Leave this field blank STAY INFORMED Sign up for our newsletter for news and previews Email address (required)* Leave this field blank -------------------------------------------------------------------------------- © 2024 De Vere. All Rights Reserved. * Privacy policy * Cookie policy * Terms of use -------------------------------------------------------------------------------- By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyse site usage, and assist in our marketing efforts. Cookies Settings Accept All Cookies PRIVACY PREFERENCE CENTER When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer. More information Allow All MANAGE CONSENT PREFERENCES TARGETING COOKIES Targeting Cookies These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising. STRICTLY NECESSARY COOKIES Always Active These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information. PERFORMANCE COOKIES Performance Cookies These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know when you have visited our site, and will not be able to monitor its performance. FUNCTIONAL COOKIES Functional Cookies These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly. Back Button PERFORMANCE COOKIES Search Icon Filter Icon Clear checkbox label label Apply Cancel Consent Leg.Interest checkbox label label checkbox label label checkbox label label Confirm My Choices