www.trivago.ca
Open in
urlscan Pro
2a02:26f0:6c00:299::a8d
Public Scan
Submitted URL: http://click.email.trivago.com/?qs=dd0057fa0aceda398d2d4fd67e74b8da5d7de4352fbe615187deda5b83fda55228535edd7f1c47de474b4c5d720a...
Effective URL: https://www.trivago.ca/en-CA/srl?__wr=11&tc=100&search=100-17352772;dr-20220729-20220731&cip=2070105010101&cipc=dea&prc...
Submission: On July 26 via api from US — Scanned from DE
Effective URL: https://www.trivago.ca/en-CA/srl?__wr=11&tc=100&search=100-17352772;dr-20220729-20220731&cip=2070105010101&cipc=dea&prc...
Submission: On July 26 via api from US — Scanned from DE
Form analysis
2 forms found in the DOM/en-CA/osr
<form action="/en-CA/osr" itemprop="potentialAction" itemtype="http://schema.org/SearchAction" itemscope="" data-testid="search-form" class="flex max-w-screen-2xl m-auto relative pb-3">
<meta itemprop="target" content="www.trivago.ca/en-CA/osr/?query={query}">
<div class="SearchFormFlyout_autoCompleteCompact__WRbot">
<div class="relative Tooltip_wrapper__ameta">
<div aria-describedby="seach-form-tooltip" class="leading-none">
<div class="flex-grow">
<div role="combobox" aria-haspopup="listbox" aria-owns="react-autowhatever-1" aria-expanded="false">
<div class="relative h-11 flex items-stretch overflow-hidden 2xl:rounded-sm border border-grey-500">
<div class="absolute left-0 h-full p-1 text-grey-700 w-9"><span class="inline-flex leading-none items-center justify-center h-full w-full transform"><svg width="24" height="24" viewBox="0 0 24 24"
class="pointer-events-none max-h-full max-w-full" xmlns="http://www.w3.org/2000/svg">
<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2">
<path d="M10 3a7 7 0 107 7 7 7 0 00-7-7zM21 21l-6-6" vector-effect="non-scaling-stroke"></path>
</g>
</svg></span></div><input type="search" autocomplete="off" aria-autocomplete="list" aria-controls="react-autowhatever-1" class="w-full pr-2 truncate bg-white pl-9" itemprop="query-input" name="query" id="input-auto-complete"
value="Hi Jasper" placeholder="Enter a hotel name or destination" data-testid="search-form-destination" autocapitalize="off" autocorrect="off"><button type="button" data-testid="search-input-clear-button"
class="absolute right-1 top-1 bottom-1 w-9 flex justify-center items-center text-black bg-white text-grey-700 rounded-sm hover:text-grey-700 hover:bg-grey-200" aria-label="Clear search input"><span
class="inline-flex leading-none Icon_sIcon__5F7YL transform"><svg width="24" height="24" viewBox="0 0 24 24" class="pointer-events-none max-h-full max-w-full" xmlns="http://www.w3.org/2000/svg">
<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2">
<path vector-effect="non-scaling-stroke" d="M7 7l10 10M17 7L7 17"></path>
</g>
</svg></span></button>
</div>
</div>
</div>
</div>
</div>
</div>
<fieldset class="flex-grow mb-1 mr-2">
<div class="flex">
<div class="relative w-full border-r-0"><button type="button" class="block px-2 bg-white text-left disabled:opacity-50 disabled:cursor-default border border-grey-500 w-full 2xl:rounded-l-sm flex items-center border-r-0 h-11"
data-testid="calendar-checkin"><span class="flex items-center"><span class="inline-flex leading-none transform mr-2"><svg width="24" height="24" viewBox="0 0 24 24" class="pointer-events-none max-h-full max-w-full"
xmlns="http://www.w3.org/2000/svg">
<g fill="currentColor">
<path d="M19 5h-1a1 1 0 00-2 0H8a1 1 0 00-2 0H5a2 2 0 00-2 2v11a2 2 0 002 2h14a2 2 0 002-2V7a2 2 0 00-2-2zm1 13a1 1 0 01-1 1H5a1 1 0 01-1-1V9h16zm0-10H4V7a1 1 0 011-1h14a1 1 0 011 1z"></path>
<circle cx="7.5" cy="12.5" r="1.5"></circle>
<path d="M19 5h-1a1 1 0 00-2 0H8a1 1 0 00-2 0H5a2 2 0 00-2 2v11a2 2 0 002 2h14a2 2 0 002-2V7a2 2 0 00-2-2zm1 13a1 1 0 01-1 1H5a1 1 0 01-1-1V9h16zm0-10H4V7a1 1 0 011-1h14a1 1 0 011 1z"></path>
<circle cx="7.5" cy="12.5" r="1.5"></circle>
</g>
</svg></span>
<div><span class="flex flex-col text-s text-grey-900"><span data-testid="checkin-calendar-label" class="truncate">Check in</span><span data-testid="checkin-calendar-subline" class="font-bold truncate">Fri, 07/29/22</span></span></div>
</span></button>
<div><button type="button" data-testid="calendar-chevron-prev-checkin" aria-label="previous" class="absolute top-0 h-full z-5 CalendarChevrons_arrowPrev__PnSby"><span class="inline-flex leading-none scale-x-flip transform align-middle"><svg
width="24" height="24" viewBox="0 0 24 24" class="pointer-events-none max-h-full max-w-full" xmlns="http://www.w3.org/2000/svg">
<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2">
<path vector-effect="non-scaling-stroke" d="M10 17l5-5M10 7l5 5"></path>
</g>
</svg></span></button><button type="button" data-testid="calendar-chevron-next-checkin" aria-label="next" class="absolute right-0 top-0 h-full z-5 CalendarChevrons_arrowNext__lwskU"><span
class="inline-flex leading-none transform align-middle"><svg width="24" height="24" viewBox="0 0 24 24" class="pointer-events-none max-h-full max-w-full" xmlns="http://www.w3.org/2000/svg">
<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2">
<path vector-effect="non-scaling-stroke" d="M10 17l5-5M10 7l5 5"></path>
</g>
</svg></span></button></div>
</div>
<div class="relative w-full relative border-l-0"><span aria-hidden="true" class="absolute top-1/2 left-0 transform -translate-y-1/2 w-px h-7 bg-grey-500"></span><button type="button"
class="block px-2 bg-white text-left disabled:opacity-50 disabled:cursor-default border border-grey-500 w-full 2xl:rounded-r-sm border-l-0 opacity-50 h-11" data-testid="calendar-checkout"><span class="flex">
<div><span class="flex flex-col text-s text-grey-900"><span data-testid="checkout-calendar-label" class="truncate">Check out</span><span data-testid="checkout-calendar-subline" class="font-bold truncate">Sun, 07/31/22</span></span></div>
</span></button>
<div><button type="button" data-testid="calendar-chevron-prev-checkout" aria-label="previous" class="absolute top-0 h-full z-5 CalendarChevrons_arrowPrev__PnSby"><span class="inline-flex leading-none scale-x-flip transform align-middle"><svg
width="24" height="24" viewBox="0 0 24 24" class="pointer-events-none max-h-full max-w-full" xmlns="http://www.w3.org/2000/svg">
<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2">
<path vector-effect="non-scaling-stroke" d="M10 17l5-5M10 7l5 5"></path>
</g>
</svg></span></button><button type="button" data-testid="calendar-chevron-next-checkout" aria-label="next" class="absolute right-0 top-0 h-full z-5 CalendarChevrons_arrowNext__lwskU"><span
class="inline-flex leading-none transform align-middle"><svg width="24" height="24" viewBox="0 0 24 24" class="pointer-events-none max-h-full max-w-full" xmlns="http://www.w3.org/2000/svg">
<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2">
<path vector-effect="non-scaling-stroke" d="M10 17l5-5M10 7l5 5"></path>
</g>
</svg></span></button></div>
</div>
</div>
</fieldset>
<div class="SearchFormFlyout_roomSelector__b6ynD"><button type="button" class="block px-2 bg-white text-left disabled:opacity-50 disabled:cursor-default border border-grey-500 w-full 2xl:rounded-sm opacity-50 h-11" data-testid="guest-selector"
aria-label="Room"><span class="flex items-center"><span class="inline-flex leading-none transform mr-2"><svg width="24" height="24" viewBox="0 0 24 24" class="pointer-events-none max-h-full max-w-full" xmlns="http://www.w3.org/2000/svg">
<g fill="currentColor">
<path
d="M13.13 12.14a4.5 4.5 0 10-7.26 0A5 5 0 002 17a3 3 0 003 3h9a3 3 0 003-3 5 5 0 00-3.87-4.86zM9.5 6a3.49 3.49 0 012.44 6A3.5 3.5 0 016 9.5 3.5 3.5 0 019.5 6zM14 19H5a2 2 0 01-2-2 4 4 0 013.74-4 4.41 4.41 0 005.52 0A4 4 0 0116 17a2 2 0 01-2 2z">
</path>
<path
d="M19.31 10.24A3.93 3.93 0 0020 8a4 4 0 00-6.94-2.69 5.87 5.87 0 01.7.71A3 3 0 1116 11a2.91 2.91 0 01-1.15-.23v.11a4.5 4.5 0 01-.28.83A4 4 0 0016 12a3.94 3.94 0 002.55-.94A3 3 0 0121 14a1 1 0 01-1 1h-2.35a6.67 6.67 0 01.26 1H20a2 2 0 002-2 4 4 0 00-2.69-3.76z">
</path>
</g>
</svg></span><span class="flex flex-col text-s text-grey-900"><span data-testid="undefined-label" class="truncate">1 Room</span><span data-testid="undefined-subline" class="font-bold truncate">2 Guests</span></span></span></button></div>
<div class="SearchFormFlyout_searchButtonWrapperSingleLine__EnPdo ml-2"><button type="submit" class="rounded leading-none font-bold disabled:cursor-not-allowed text-white bg-blue-800 border-b border-blue-800
hover:bg-blue-900
focus:bg-blue-900 focus:outline-white
active:bg-blue-900
disabled:bg-blue-200 disabled:border-blue-200 Button_spacerBorder__V2E2H h-11 text-l px-3 2xl:rounded-sm SearchFormFlyout_singleLineButtonCompact__xBTem" data-testid="search-button" aria-label="Search"><span
class="flex items-center justify-center"><span class="w-full text-center font-bold">Search</span></span></button></div>
<div>
<div role="region" class="z-20 absolute top-0 pt-1 Flyout_flyout__x1yBW transition-transform duration-200 w-full max-w-full" style="will-change: transform; position: absolute; top: 0px; left: 0px; transform: translate(0px, 44px);">
<div class="relative bg-white shadow-popover rounded 2xl:rounded-sm right-1">
<div class="transform absolute top-0 transition-transform duration-200 Flyout_arrow__8Xs1F" style="--tw-translate-x:calc(var(--text-direction, 1) * (434.5px - 1rem / 2));"></div>
<div data-testid="calendar-popover">
<div class="grid w-full DatePickerQuickLinks_container__UPJER">
<div class="flex items-center justify-between col-span-2 py-2 col-start-2 pr-14">
<h3 class="text-heading-s">Select your check-in date</h3><button type="button" class="flex" data-testid="calendar-button-close"><span class="sr-only">Close</span><span
class="inline-flex leading-none Icon_xsIcon__3GJOL transform text-grey-700"><svg width="24" height="24" viewBox="0 0 24 24" class="pointer-events-none max-h-full max-w-full" xmlns="http://www.w3.org/2000/svg">
<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2">
<path vector-effect="non-scaling-stroke" d="M7 7l10 10M17 7L7 17"></path>
</g>
</svg></span></button>
</div>
<div class="bg-grey-100 py-5 px-8 border-t border-grey-200 rounded-bl-sm">
<h4 class="text-heading-xs font-bold mb-4" id="quick-links5">Quick date selection</h4>
<ul>
<li class="mb-3 text-m leading-normal">
<div class="flex items-center flex-row"><input class="RadioButton_radioButton__UsDBL appearance-none relative
flex align-center items-center justify-center
border border-grey-500
rounded-full mr-2" type="radio" id="base-radiobutton-6" name="quick-links" data-testid="quick-links-index-tonight" tabindex="3" value="tonight"><label class="flex-grow flex-wrap text-grey-900 text-m" for="base-radiobutton-6">Tonight</label>
</div>
</li>
<li class="mb-3 text-m leading-normal">
<div class="flex items-center flex-row"><input class="RadioButton_radioButton__UsDBL appearance-none relative
flex align-center items-center justify-center
border border-grey-500
rounded-full mr-2" type="radio" id="base-radiobutton-7" name="quick-links" data-testid="quick-links-index-tomorrowNight" tabindex="3" value="tomorrowNight"><label class="flex-grow flex-wrap text-grey-900 text-m" for="base-radiobutton-7">Tomorrow
night</label></div>
</li>
<li class="mb-3 text-m leading-normal">
<div class="flex items-center flex-row"><input class="RadioButton_radioButton__UsDBL appearance-none relative
flex align-center items-center justify-center
border border-grey-500
rounded-full mr-2" type="radio" id="base-radiobutton-8" name="quick-links" data-testid="quick-links-index-nextWeekend" tabindex="3" value="nextWeekend"><label class="flex-grow flex-wrap text-grey-900 text-m" for="base-radiobutton-8"><span
class="block">Next weekend</span><span class="block text-s text-grey-700">08/05/22 - 08/07/22</span></label></div>
</li>
<li class="mb-3 text-m leading-normal">
<div class="flex items-center flex-row"><input class="RadioButton_radioButton__UsDBL appearance-none relative
flex align-center items-center justify-center
border border-grey-500
rounded-full mr-2" type="radio" id="base-radiobutton-9" name="quick-links" data-testid="quick-links-index-custom" tabindex="3" value="custom" checked=""><label class="flex-grow flex-wrap text-grey-900 text-m"
for="base-radiobutton-9">Custom</label></div>
</li>
</ul>
</div>
<div class="col-span-2 border-t px-14 py-3 border-grey-200">
<div class="DatePicker_calendarMonth__QzjFe">
<div class="relative select-none text-grey-900"><button type="button" data-testid="calendar-button-prev" disabled="" class="absolute top-0 left-0 pr-2 pt-1/2 cursor-default pointer-events-none hidden" aria-label="previous"
tabindex="2"><span class="inline-flex leading-none scale-x-flip transform"><svg width="24" height="24" viewBox="0 0 24 24" class="pointer-events-none max-h-full max-w-full" xmlns="http://www.w3.org/2000/svg">
<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2">
<path vector-effect="non-scaling-stroke" d="M10 17l5-5M10 7l5 5"></path>
</g>
</svg></span></button><button type="button" data-testid="calendar-button-next" class="absolute top-0 right-0 pl-2 pt-1/2" aria-label="next" tabindex="2"><span class="inline-flex leading-none transform"><svg width="24"
height="24" viewBox="0 0 24 24" class="pointer-events-none max-h-full max-w-full" xmlns="http://www.w3.org/2000/svg">
<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2">
<path vector-effect="non-scaling-stroke" d="M10 17l5-5M10 7l5 5"></path>
</g>
</svg></span></button>
<div class="grid grid-cols-2 gap-10">
<div class="text-center"><button type="button" tabindex="-1" class="cursor-auto font-bold">July 2022</button>
<table class="w-auto leading-none">
<thead>
<tr class="text-center text-s uppercase">
<th class="min-w-10 font-normal font-bold h-10" scope="col" id="wn-0">Sun</th>
<th class="min-w-10 font-normal h-10" scope="col" id="wn-1">Mon</th>
<th class="min-w-10 font-normal h-10" scope="col" id="wn-2">Tue</th>
<th class="min-w-10 font-normal h-10" scope="col" id="wn-3">Wed</th>
<th class="min-w-10 font-normal h-10" scope="col" id="wn-4">Thu</th>
<th class="min-w-10 font-normal h-10" scope="col" id="wn-5">Fri</th>
<th class="min-w-10 font-normal font-bold h-10" scope="col" id="wn-6">Sat</th>
</tr>
</thead>
<tbody>
<tr>
<td class="p-0"><time datetime="2022-06-26"><button type="button" data-testid="hidden-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor invisible pointer-events-none"
disabled="" tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">26</span></button></time></td>
<td class="p-0"><time datetime="2022-06-27"><button type="button" data-testid="hidden-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor invisible pointer-events-none"
disabled="" tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">27</span></button></time></td>
<td class="p-0"><time datetime="2022-06-28"><button type="button" data-testid="hidden-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor invisible pointer-events-none"
disabled="" tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">28</span></button></time></td>
<td class="p-0"><time datetime="2022-06-29"><button type="button" data-testid="hidden-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor invisible pointer-events-none"
disabled="" tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">29</span></button></time></td>
<td class="p-0"><time datetime="2022-06-30"><button type="button" data-testid="hidden-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor invisible pointer-events-none"
disabled="" tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">30</span></button></time></td>
<td class="p-0"><time datetime="2022-07-01"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">1</span></button></time></td>
<td class="p-0"><time datetime="2022-07-02"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">2</span></button></time></td>
</tr>
<tr>
<td class="p-0"><time datetime="2022-07-03"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">3</span></button></time></td>
<td class="p-0"><time datetime="2022-07-04"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">4</span></button></time></td>
<td class="p-0"><time datetime="2022-07-05"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">5</span></button></time></td>
<td class="p-0"><time datetime="2022-07-06"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">6</span></button></time></td>
<td class="p-0"><time datetime="2022-07-07"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">7</span></button></time></td>
<td class="p-0"><time datetime="2022-07-08"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">8</span></button></time></td>
<td class="p-0"><time datetime="2022-07-09"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">9</span></button></time></td>
</tr>
<tr>
<td class="p-0"><time datetime="2022-07-10"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">10</span></button></time></td>
<td class="p-0"><time datetime="2022-07-11"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">11</span></button></time></td>
<td class="p-0"><time datetime="2022-07-12"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">12</span></button></time></td>
<td class="p-0"><time datetime="2022-07-13"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">13</span></button></time></td>
<td class="p-0"><time datetime="2022-07-14"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">14</span></button></time></td>
<td class="p-0"><time datetime="2022-07-15"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">15</span></button></time></td>
<td class="p-0"><time datetime="2022-07-16"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">16</span></button></time></td>
</tr>
<tr>
<td class="p-0"><time datetime="2022-07-17"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">17</span></button></time></td>
<td class="p-0"><time datetime="2022-07-18"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">18</span></button></time></td>
<td class="p-0"><time datetime="2022-07-19"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">19</span></button></time></td>
<td class="p-0"><time datetime="2022-07-20"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">20</span></button></time></td>
<td class="p-0"><time datetime="2022-07-21"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">21</span></button></time></td>
<td class="p-0"><time datetime="2022-07-22"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">22</span></button></time></td>
<td class="p-0"><time datetime="2022-07-23"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">23</span></button></time></td>
</tr>
<tr>
<td class="p-0"><time datetime="2022-07-24"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">24</span></button></time></td>
<td class="p-0"><time datetime="2022-07-25"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">25</span></button></time></td>
<td class="p-0"><time datetime="2022-07-26"><button type="button" data-testid="valid-calendar-day"
class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs font-bold" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">26</span></button></time></td>
<td class="p-0"><time datetime="2022-07-27"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">27</span></button></time></td>
<td class="p-0"><time datetime="2022-07-28"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">28</span></button></time></td>
<td class="p-0"><time datetime="2022-07-29"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white font-bold"
tabindex="1"><span id="calendar-checkin-date" data-testid="calendar-selected-checkin-date"
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-grey-900 border border-solid rounded-l-xs"><span
class="absolute w-2 h-2 bg-grey-900 transform rotate-45 -translate-y-1/2 top-1/2 -translate-x-1/2 left-0"></span>29</span></button></time></td>
<td class="p-0"><time datetime="2022-07-30"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white font-bold"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-grey-900 border border-solid">30</span></button></time></td>
</tr>
<tr>
<td class="p-0"><time datetime="2022-07-31"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white font-bold"
tabindex="-1"><span data-testid="calendar-selected-checkout-date" class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-grey-900 border border-solid rounded-r-xs"><span
class="absolute w-2 h-2 bg-grey-900 transform rotate-45 -translate-y-1/2 top-1/2 translate-x-1/2 right-0"></span>31</span></button></time></td>
<td class="p-0"><time datetime="2022-08-01"><button type="button" data-testid="hidden-calendar-day"
class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs invisible pointer-events-none" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">1</span></button></time></td>
<td class="p-0"><time datetime="2022-08-02"><button type="button" data-testid="hidden-calendar-day"
class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs invisible pointer-events-none" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">2</span></button></time></td>
<td class="p-0"><time datetime="2022-08-03"><button type="button" data-testid="hidden-calendar-day"
class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs invisible pointer-events-none" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">3</span></button></time></td>
<td class="p-0"><time datetime="2022-08-04"><button type="button" data-testid="hidden-calendar-day"
class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs invisible pointer-events-none" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">4</span></button></time></td>
<td class="p-0"><time datetime="2022-08-05"><button type="button" data-testid="hidden-calendar-day"
class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs invisible pointer-events-none" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">5</span></button></time></td>
<td class="p-0"><time datetime="2022-08-06"><button type="button" data-testid="hidden-calendar-day"
class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs invisible pointer-events-none" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">6</span></button></time></td>
</tr>
</tbody>
</table>
</div>
<div class="text-center"><button type="button" tabindex="-1" class="cursor-auto font-bold">August 2022</button>
<table class="w-auto leading-none">
<thead>
<tr class="text-center text-s uppercase">
<th class="min-w-10 font-normal font-bold h-10" scope="col" id="wn-0">Sun</th>
<th class="min-w-10 font-normal h-10" scope="col" id="wn-1">Mon</th>
<th class="min-w-10 font-normal h-10" scope="col" id="wn-2">Tue</th>
<th class="min-w-10 font-normal h-10" scope="col" id="wn-3">Wed</th>
<th class="min-w-10 font-normal h-10" scope="col" id="wn-4">Thu</th>
<th class="min-w-10 font-normal h-10" scope="col" id="wn-5">Fri</th>
<th class="min-w-10 font-normal font-bold h-10" scope="col" id="wn-6">Sat</th>
</tr>
</thead>
<tbody>
<tr>
<td class="p-0"><time datetime="2022-07-31"><button type="button" data-testid="hidden-calendar-day"
class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white font-bold invisible pointer-events-none" tabindex="-1"><span data-testid="calendar-selected-checkout-date"
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-grey-900 border border-solid rounded-r-xs"><span
class="absolute w-2 h-2 bg-grey-900 transform rotate-45 -translate-y-1/2 top-1/2 translate-x-1/2 right-0"></span>31</span></button></time></td>
<td class="p-0"><time datetime="2022-08-01"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">1</span></button></time></td>
<td class="p-0"><time datetime="2022-08-02"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">2</span></button></time></td>
<td class="p-0"><time datetime="2022-08-03"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">3</span></button></time></td>
<td class="p-0"><time datetime="2022-08-04"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">4</span></button></time></td>
<td class="p-0"><time datetime="2022-08-05"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">5</span></button></time></td>
<td class="p-0"><time datetime="2022-08-06"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">6</span></button></time></td>
</tr>
<tr>
<td class="p-0"><time datetime="2022-08-07"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">7</span></button></time></td>
<td class="p-0"><time datetime="2022-08-08"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">8</span></button></time></td>
<td class="p-0"><time datetime="2022-08-09"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">9</span></button></time></td>
<td class="p-0"><time datetime="2022-08-10"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">10</span></button></time></td>
<td class="p-0"><time datetime="2022-08-11"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">11</span></button></time></td>
<td class="p-0"><time datetime="2022-08-12"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">12</span></button></time></td>
<td class="p-0"><time datetime="2022-08-13"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">13</span></button></time></td>
</tr>
<tr>
<td class="p-0"><time datetime="2022-08-14"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">14</span></button></time></td>
<td class="p-0"><time datetime="2022-08-15"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">15</span></button></time></td>
<td class="p-0"><time datetime="2022-08-16"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">16</span></button></time></td>
<td class="p-0"><time datetime="2022-08-17"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">17</span></button></time></td>
<td class="p-0"><time datetime="2022-08-18"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">18</span></button></time></td>
<td class="p-0"><time datetime="2022-08-19"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">19</span></button></time></td>
<td class="p-0"><time datetime="2022-08-20"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">20</span></button></time></td>
</tr>
<tr>
<td class="p-0"><time datetime="2022-08-21"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">21</span></button></time></td>
<td class="p-0"><time datetime="2022-08-22"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">22</span></button></time></td>
<td class="p-0"><time datetime="2022-08-23"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">23</span></button></time></td>
<td class="p-0"><time datetime="2022-08-24"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">24</span></button></time></td>
<td class="p-0"><time datetime="2022-08-25"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">25</span></button></time></td>
<td class="p-0"><time datetime="2022-08-26"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">26</span></button></time></td>
<td class="p-0"><time datetime="2022-08-27"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">27</span></button></time></td>
</tr>
<tr>
<td class="p-0"><time datetime="2022-08-28"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">28</span></button></time></td>
<td class="p-0"><time datetime="2022-08-29"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">29</span></button></time></td>
<td class="p-0"><time datetime="2022-08-30"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">30</span></button></time></td>
<td class="p-0"><time datetime="2022-08-31"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">31</span></button></time></td>
<td class="p-0"><time datetime="2022-09-01"><button type="button" data-testid="hidden-calendar-day"
class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs invisible pointer-events-none" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">1</span></button></time></td>
<td class="p-0"><time datetime="2022-09-02"><button type="button" data-testid="hidden-calendar-day"
class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs invisible pointer-events-none" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">2</span></button></time></td>
<td class="p-0"><time datetime="2022-09-03"><button type="button" data-testid="hidden-calendar-day"
class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs invisible pointer-events-none" tabindex="-1"><span
class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">3</span></button></time></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<form novalidate="" class="flex flex-col xl:flex-row border-b border-transparent xl:border-grey-700 xl:pb-8">
<p class="text-m mb-2 text-white pr-1 xl:w-1/2">Want to receive exclusive hotel offers? Subscribe to our newsletter!</p>
<div class="flex flex-wrap xl:flex-nowrap xl:w-1/2">
<div class="mb-4 relative w-full"><label data-testid="newsletter-registration-input-label" for="newsletter-registration-input" class="inline max-w-full mb-1 text-m font-bold sr-only">Email address</label><input
data-testid="newsletter-registration-input" id="newsletter-registration-input" type="email" name="email" class="h-11 w-full pl-3 pr-3 border border-solid rounded text-grey-900 text-l 2xl:rounded-sm border-grey-500 block w-full"
placeholder="Email address" aria-invalid="false" value=""></div><button type="submit"
class="flex-none h-11 w-full mb-4 px-3 font-bold bg-grey-700 rounded xl:mb-0 xl:ml-2 xl:w-auto 2xl:rounded-sm hover:bg-grey-500 disabled:bg-grey-300 disabled:border-grey-300 disabled:cursor-not-allowed"
data-testid="newsletter-subscribe-button">Subscribe</button>
</div>
</form>
Text Content
NAVIGATION * Stays * Cars * Flights * Packages * * Log in * Menu * CAD Choose your currency: * EN Check inFri, 07/29/22 Check outSun, 07/31/22 1 Room2 Guests Search SELECT YOUR CHECK-IN DATE Close QUICK DATE SELECTION * Tonight * Tomorrow night * Next weekend08/05/22 - 08/07/22 * Custom July 2022 SunMonTueWedThuFriSat262728293012345678910111213141516171819202122232425262728293031123456 August 2022 SunMonTueWedThuFriSat3112345678910111213141516171819202122232425262728293031123 Price / night$0 - $700+ Property type * All * Hotel * House / Apartment Guest ratingAll LocationHi Jasper More filtersSelect Sort byOur recommendationsRating & RecommendedPrice & RecommendedDistance & RecommendedRating onlyPrice onlyDistance only View map ENTIRE HOUSE / APARTMENT HI JASPER (JASPER, CANADA) 1. 1 / 30 HI JASPER Entire House / Apartment Jasper, 0.3 km to City centre8.4Very good (197 reviews) SELECT DATES TO SEE AVAILABLE DEALS Select dates 2. These stays match some of your criteria. 3. 1 / 30 FAIRMONT JASPER PARK LODGE Hotel Jasper, 2.4 km to Hi Jasper 8.2Very good (1648 reviews) Fairmont Free cancellation 2 nights for C$10,598 C$5,299 View Deal Our lowest price:C$5,299Fairmont 0 1 2 0 1 2 0 1 2 Want to receive exclusive hotel offers? Subscribe to our newsletter! Email address Subscribe Arab World (العالم العربي)ArgentinaAustraliaAustria (Österreich)Belgium (België)Brazil (Brasil)Bulgaria (България)CanadaChileColombiaCroatia (Hrvatska)Czechia (Česko)Denmark (Danmark)EcuadorFinland (Suomi)FranceGermany (Deutschland)Greece (Ελλάδα)Hong Kong (香港)Hungary (Magyarország)IndiaIndonesiaIrelandIsrael (ישראל)Italy (Italia)Japan (日本)Korea (한국)MalaysiaMexico (México)Netherlands (Nederland)New ZealandNorway (Norge)Peru (Perú)Philippines (Pilipinas)Poland (Polska)PortugalRomania (România)Serbia (Srbija)SingaporeSlovakia (Slovensko)Slovenia (Slovenija)South AfricaSpain (España)Sweden (Sverige)Switzerland (Schweiz)Taiwan (台灣)Thailand (ประเทศไทย)Turkey (Türkiye)UAEUnited KingdomUruguayUSAVietnam (Việt Nam) trivago N.V., Kesselstraße 5 – 7, 40221 Düsseldorf, Germany * Facebook * Twitter * Instagram * Youtube * Linkedin * Company * Jobs * Press * Investor relations * Mobile apps - searching on the go * trivago Business Studio * Help * Learn how trivago works * Terms and conditions * Legal information * Do Not Sell My Personal Information * Privacy notice * Cyber Security * Coronavirus (COVID-19) travel advice Copyright 2022 trivago | All rights reserved. You are now online You successfully changed your currency PRIVACY PREFERENCE CENTER Cookies are used on trivago by us and our trusted partners to enhance your experience in a lot of ways. For example: data is collected, stored, shared, and tracked using cookies to remember recent activity, like your last search, or to personalize which ads you see so that our site is easier to use. We never use cookies to change what prices are shown on trivago. More information Allow All MANAGE COOKIE PREFERENCES ESSENTIAL COOKIES Always Active Essential Cookies These cookies are necessary. They’re the basic cookies that enable our site to work properly so that you can use the most important functions and navigate the site smoothly. FUNCTIONAL COOKIES Always Active Functional Cookies These cookies make enhanced functionality and personalization possible. That means that if they’re deactivated, our services may not work properly. They can be set by us or third-party providers. PERFORMANCE COOKIES Always Active Performance Cookies These cookies allow us to measure and improve the performance of our site. If you deactivate these cookies we won’t be able to optimize our site for you. MARKETING COOKIES Marketing Cookies These cookies enable personalization by tracking things like what you view, browse, and search for on our site. This and other data that we have, converted so that it can’t be used to directly identify you (pseudomized), may be shared with third-party partners who may use it to tailor ads to your profile. Deactivating these cookies won’t turn off ads— they’ll simply not be personalized to your interests. Confirm My Choices Back Button Back PERFORMANCE COOKIES Vendor Search Search Icon Filter Icon Clear Filters Information storage and access Apply Consent Leg.Interest All Consent Allowed Select All Vendors Select All Vendors All Consent Allowed Confirm My Choices Let’s talk cookies! We and our trusted third-party partners use cookies and other data and tech to analyze, enhance, and personalize your experience on and off trivago. Click “OK” to consent and continue enjoying trivago. Manage your data in your cookie settings. More info. Settings OK