Files
comelifacciamo/public/offcanvas.php
T

393 lines
26 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<?php
/**
* offcanvas.php — menu mobile + filter offcanvas (template pubblico)
* Incluso nelle pagine pubbliche subito dopo il preloader.
*/
?>
<!-- tp-offcanvas start -->
<div class="tp-offcanvas">
<div class="tp-offcanvas-header mb-30">
<div class="tp-offcanvas-logo">
<a href="index.html"><img data-width="108" src="assets/img/logo/logo.png" alt=""></a>
</div>
<div class="tp-offcanvas-close">
<button class="tp-offcanvas-close-button"><i class="fal fa-times"></i></button>
</div>
</div>
<div class="tp-header-search p-relative mb-30">
<form action="#">
<input class="tp-input" type="text" placeholder="Search for Thailand">
<button class="tp-header-search-btn" type="submit">
<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.64267 10.7857C8.48288 10.7857 10.7853 8.48318 10.7853 5.64286C10.7853 2.80254 8.48288 0.5 5.64267 0.5C2.80245 0.5 0.5 2.80254 0.5 5.64286C0.5 8.48318 2.80245 10.7857 5.64267 10.7857Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
<path d="M12.5 12.5L9.92871 9.92857" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
</form>
</div>
<div class="tp-offcanvas-menu mb-50">
<nav>
</nav>
</div>
<div class="tp-offcanvas-content mb-40">
<h3 class="tp-offcanvas-title"> Hello There!</h3>
<p>Lorem ipsum dolor sit amet, consect etur adipiscing elit. </p>
</div>
<div class="tp-offcanvas-gallery mb-50">
<a class="popup-image" href="assets/img/tour/01.jpg"><img src="assets/img/tour/01.jpg" alt="tour"></a>
<a class="popup-image" href="assets/img/tour/02.jpg"><img src="assets/img/tour/02.jpg" alt="tour"></a>
<a class="popup-image" href="assets/img/tour/03.jpg"><img src="assets/img/tour/03.jpg" alt="tour"></a>
<a class="popup-image" href="assets/img/tour/04.jpg"><img src="assets/img/tour/04.jpg" alt="tour"></a>
</div>
<div class="tp-offcanvas-info mb-50">
<h3 class="tp-offcanvas-title">Information</h3>
<span><a href="#">+ 4 20 7700 1007</a></span>
<span><a href="#">hello@turie.com</a></span>
<span><a href="#">Avenue de Roma 158b, Lisboa</a></span>
</div>
<div class="tp-offcanvas-social">
<h3 class="tp-offcanvas-title"> Follow Us</h3>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="18" viewBox="0 0 12 18" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.62839 7.77713C0.911363 7.77713 0.761719 7.91782 0.761719 8.59194V9.81416C0.761719 10.4883 0.911363 10.629 1.62839 10.629H3.36172V15.5179C3.36172 16.192 3.51136 16.3327 4.22839 16.3327H5.96172C6.67874 16.3327 6.82839 16.192 6.82839 15.5179V10.629H8.77466C9.31846 10.629 9.45859 10.5296 9.60798 10.038L9.97941 8.81579C10.2353 7.97368 10.0776 7.77713 9.14609 7.77713H6.82839V5.74009C6.82839 5.29008 7.21641 4.92527 7.69505 4.92527H10.1617C10.8787 4.92527 11.0284 4.78458 11.0284 4.11046V2.48083C11.0284 1.80671 10.8787 1.66602 10.1617 1.66602H7.69505C5.30182 1.66602 3.36172 3.49004 3.36172 5.74009V7.77713H1.62839Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.28884 0.714844H0.666992L6.14691 7.9153L1.01754 13.9556H3.38746L7.26697 9.38713L10.7118 13.9136H15.3337L9.69453 6.50391L9.70451 6.51669L14.5599 0.798959H12.19L8.58427 5.04503L5.28884 0.714844ZM3.21817 1.97588H4.65702L12.7825 12.6525H11.3436L3.21817 1.97588Z" fill="currentColor"></path>
</svg>
</a>
<a href="#">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="9.99991" cy="9.99991" r="8.38077" stroke="currentColor" stroke-width="1.5"></circle>
<path d="M18.3799 11.0604C17.6032 10.9148 16.8043 10.8389 15.9891 10.8389C11.5034 10.8389 7.51372 13.1373 4.9707 16.7054" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path>
<path d="M15.8665 4.13281C13.2437 7.2064 9.30255 9.16128 4.8957 9.16128C3.76828 9.16128 2.67133 9.03332 1.61914 8.79143" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path>
<path d="M12.1938 18.3815C12.4039 17.3641 12.5142 16.3104 12.5142 15.2309C12.5142 9.93756 9.86111 5.26259 5.80957 2.45801" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path>
</svg>
</a>
<a href="#">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.66602 8.99935C1.66602 5.54238 1.66602 3.8139 2.73996 2.73996C3.8139 1.66602 5.54238 1.66602 8.99935 1.66602C12.4563 1.66602 14.1848 1.66602 15.2587 2.73996C16.3327 3.8139 16.3327 5.54238 16.3327 8.99935C16.3327 12.4563 16.3327 14.1848 15.2587 15.2587C14.1848 16.3327 12.4563 16.3327 8.99935 16.3327C5.54238 16.3327 3.8139 16.3327 2.73996 15.2587C1.66602 14.1848 1.66602 12.4563 1.66602 8.99935Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path>
<path d="M12.4747 9.00103C12.4747 10.9195 10.9195 12.4747 9.00103 12.4747C7.08256 12.4747 5.52734 10.9195 5.52734 9.00103C5.52734 7.08256 7.08256 5.52734 9.00103 5.52734C10.9195 5.52734 12.4747 7.08256 12.4747 9.00103Z" stroke="currentColor" stroke-width="1.5"></path>
<path d="M13.251 4.75391L13.242 4.75391" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
</div>
<div class="tp-offcanvas-overlay"></div>
<!-- tp-offcanvas end -->
<!-- filter offcanvas area start -->
<div class="tp-filter-offcanvas-area">
<div class="tp-filter-offcanvas-wrapper">
<div class="tp-filter-offcanvas-close">
<button type="button" class="tp-filter-offcanvas-close-btn filter-close-btn">
<i class="fa-solid fa-xmark"></i>
Close
</button>
</div>
<div class="tp-filter-sidebar">
<div class="tp-filter-item">
<div class="tp-filter-top tp-filter-collapse mb-20">
<h2 class="tp-filter-title">Filter by price</h2>
<span class="tp-filter-icon">
<svg width="13" height="7" viewBox="0 0 13 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.5 5.67157L5.08579 1.08578C5.86683 0.304736 7.13316 0.304735 7.91421 1.08578L12.5 5.67157" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</div>
<div class="tp-filter-item-content box-collapse">
<div class="range-slider">
<input type="text" class="js-range-slider" value="">
</div>
</div>
</div>
<div class="tp-filter-item">
<div class="tp-filter-top tp-filter-collapse mb-20">
<h2 class="tp-filter-title">Activities</h2>
<span class="tp-filter-icon">
<svg width="13" height="7" viewBox="0 0 13 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.5 5.67157L5.08579 1.08578C5.86683 0.304736 7.13316 0.304735 7.91421 1.08578L12.5 5.67157" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</div>
<div class="tp-filter-checkbox box-collapse">
<div class="tp-header-search p-relative tp-filter-search mb-25">
<form action="#">
<input class="tp-input" type="text" placeholder="Search your tours">
<button class="tp-header-search-btn" type="submit">
<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.64267 10.7857C8.48288 10.7857 10.7853 8.48318 10.7853 5.64286C10.7853 2.80254 8.48288 0.5 5.64267 0.5C2.80245 0.5 0.5 2.80254 0.5 5.64286C0.5 8.48318 2.80245 10.7857 5.64267 10.7857Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
<path d="M12.5 12.5L9.92871 9.92857" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
</form>
</div>
<div class="read-more-wrapper">
<ul class="load-more-content">
<li class="checkbox-item">
<input id="activities" type="checkbox">
<label for="activities">City Explorations</label>
</li>
<li class="checkbox-item">
<input id="activities-2" type="checkbox">
<label for="activities-2">Family Adventures</label>
</li>
<li class="checkbox-item">
<input id="activities-3" type="checkbox">
<label for="activities-3">Wellness Retreats</label>
</li>
<li class="checkbox-item">
<input id="activities-4" type="checkbox">
<label for="activities-4">Nightlife Tours</label>
</li>
<li class="checkbox-item">
<input id="activities-5" type="checkbox">
<label for="activities-5">Food Journeys</label>
</li>
<li class="checkbox-item">
<input id="activities-6" type="checkbox">
<label for="activities-6">Wellness Retreats</label>
</li>
<li class="checkbox-item">
<input id="activities-7" type="checkbox">
<label for="activities-7">Nightlife Tours</label>
</li>
<li class="checkbox-item">
<input id="activities-8" type="checkbox">
<label for="activities-8">Food Journeys</label>
</li>
</ul>
<button class="toggle-btn">Read More..</button>
</div>
</div>
</div>
<div class="tp-filter-item">
<div class="tp-filter-top tp-filter-collapse mb-20">
<h2 class="tp-filter-title">Tour Type</h2>
<span class="tp-filter-icon">
<svg width="13" height="7" viewBox="0 0 13 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.5 5.67157L5.08579 1.08578C5.86683 0.304736 7.13316 0.304735 7.91421 1.08578L12.5 5.67157" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</div>
<div class="tp-filter-checkbox box-collapse">
<ul>
<li class="checkbox-item">
<input id="tour" type="checkbox">
<label for="tour">City Tour</label>
</li>
<li class="checkbox-item">
<input id="tour-2" type="checkbox">
<label for="tour-2">Wildlife Safari</label>
</li>
<li class="checkbox-item">
<input id="tour-3" type="checkbox">
<label for="tour-3">Honeymoon Tour</label>
</li>
<li class="checkbox-item">
<input id="tour-4" type="checkbox">
<label for="tour-4">Desert Safari</label>
</li>
<li class="checkbox-item">
<input id="tour-5" type="checkbox">
<label for="tour-5">Festival Tour</label>
</li>
</ul>
</div>
</div>
<div class="tp-filter-item">
<div class="tp-filter-top tp-filter-collapse mb-20">
<h2 class="tp-filter-title">Durations</h2>
<span class="tp-filter-icon">
<svg width="13" height="7" viewBox="0 0 13 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.5 5.67157L5.08579 1.08578C5.86683 0.304736 7.13316 0.304735 7.91421 1.08578L12.5 5.67157" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</div>
<div class="tp-filter-checkbox read-more-wrapper box-collapse">
<ul class="load-more-content">
<li class="checkbox-item">
<input id="durations" type="checkbox">
<label for="durations">1 to 2 Hours</label>
</li>
<li class="checkbox-item">
<input id="durations-2" type="checkbox">
<label for="durations-2">6 to 8 Hours</label>
</li>
<li class="checkbox-item">
<input id="durations-3" type="checkbox">
<label for="durations-3">3 to 5 Days</label>
</li>
<li class="checkbox-item">
<input id="durations-4" type="checkbox">
<label for="durations-4">10 to 14 Days</label>
</li>
<li class="checkbox-item">
<input id="durations-5" type="checkbox">
<label for="durations-5">1 to 2 Months</label>
</li>
<li class="checkbox-item">
<input id="durations-6" type="checkbox">
<label for="durations-6">3 to 5 Months</label>
</li>
<li class="checkbox-item">
<input id="durations-7" type="checkbox">
<label for="durations-7">8 to 10 Months</label>
</li>
<li class="checkbox-item">
<input id="durations-8" type="checkbox">
<label for="durations-8">10 to 12 Months</label>
</li>
</ul>
<button class="toggle-btn">Read More..</button>
</div>
</div>
<div class="tp-filter-item">
<div class="tp-filter-top tp-filter-collapse mb-20">
<h2 class="tp-filter-title">Time of Day</h2>
<span class="tp-filter-icon">
<svg width="13" height="7" viewBox="0 0 13 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.5 5.67157L5.08579 1.08578C5.86683 0.304736 7.13316 0.304735 7.91421 1.08578L12.5 5.67157" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</div>
<div class="tp-filter-checkbox box-collapse">
<ul>
<li class="checkbox-item">
<input id="time" type="checkbox">
<label for="time">Morning (6:00 AM – 11:00 AM)</label>
</li>
<li class="checkbox-item">
<input id="time-2" type="checkbox">
<label for="time-2">Afternoon (12:00 PM – 5:00 PM)</label>
</li>
<li class="checkbox-item">
<input id="time-3" type="checkbox">
<label for="time-3">Evening (6:00 PM – 9:00 PM)</label>
</li>
<li class="checkbox-item">
<input id="time-4" type="checkbox">
<label for="time-4">Night (9:00 PM – 12:00 AM)</label>
</li>
</ul>
</div>
</div>
<div class="tp-filter-item">
<div class="tp-filter-top tp-filter-collapse mb-20">
<h2 class="tp-filter-title">Traveller Reviews</h2>
<span class="tp-filter-icon">
<svg width="13" height="7" viewBox="0 0 13 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.5 5.67157L5.08579 1.08578C5.86683 0.304736 7.13316 0.304735 7.91421 1.08578L12.5 5.67157" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</div>
<div class="tp-filter-checkbox box-collapse">
<ul>
<li class="checkbox-item">
<input id="reviews" type="checkbox">
<label for="reviews" class="tp-filter-ratings-wrap">
<span class="tp-filter-ratings">
<i>
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.36067 0L9.63512 4.60778L14.7213 5.35121L11.041 8.93586L11.9096 14L7.36067 11.6078L2.81178 14L3.68034 8.93586L0 5.35121L5.08622 4.60778L7.36067 0Z" fill="currentColor" />
</svg>
</i>
<i>
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.36067 0L9.63512 4.60778L14.7213 5.35121L11.041 8.93586L11.9096 14L7.36067 11.6078L2.81178 14L3.68034 8.93586L0 5.35121L5.08622 4.60778L7.36067 0Z" fill="currentColor" />
</svg>
</i>
<i>
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.36067 0L9.63512 4.60778L14.7213 5.35121L11.041 8.93586L11.9096 14L7.36067 11.6078L2.81178 14L3.68034 8.93586L0 5.35121L5.08622 4.60778L7.36067 0Z" fill="currentColor" />
</svg>
</i>
<i>
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.36067 0L9.63512 4.60778L14.7213 5.35121L11.041 8.93586L11.9096 14L7.36067 11.6078L2.81178 14L3.68034 8.93586L0 5.35121L5.08622 4.60778L7.36067 0Z" fill="#E7E7E7" />
</svg>
</i>
<i>
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.36067 0L9.63512 4.60778L14.7213 5.35121L11.041 8.93586L11.9096 14L7.36067 11.6078L2.81178 14L3.68034 8.93586L0 5.35121L5.08622 4.60778L7.36067 0Z" fill="#E7E7E7" />
</svg>
</i>
</span>
<span>(160) Review</span>
</label>
</li>
<li class="checkbox-item">
<input id="reviews-2" type="checkbox">
<label for="reviews-2" class="tp-filter-ratings-wrap">
<span class="tp-filter-ratings">
<i>
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.36067 0L9.63512 4.60778L14.7213 5.35121L11.041 8.93586L11.9096 14L7.36067 11.6078L2.81178 14L3.68034 8.93586L0 5.35121L5.08622 4.60778L7.36067 0Z" fill="currentColor" />
</svg>
</i>
<i>
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.36067 0L9.63512 4.60778L14.7213 5.35121L11.041 8.93586L11.9096 14L7.36067 11.6078L2.81178 14L3.68034 8.93586L0 5.35121L5.08622 4.60778L7.36067 0Z" fill="currentColor" />
</svg>
</i>
<i>
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.36067 0L9.63512 4.60778L14.7213 5.35121L11.041 8.93586L11.9096 14L7.36067 11.6078L2.81178 14L3.68034 8.93586L0 5.35121L5.08622 4.60778L7.36067 0Z" fill="currentColor" />
</svg>
</i>
<i>
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.36067 0L9.63512 4.60778L14.7213 5.35121L11.041 8.93586L11.9096 14L7.36067 11.6078L2.81178 14L3.68034 8.93586L0 5.35121L5.08622 4.60778L7.36067 0Z" fill="currentColor" />
</svg>
</i>
<i>
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.36067 0L9.63512 4.60778L14.7213 5.35121L11.041 8.93586L11.9096 14L7.36067 11.6078L2.81178 14L3.68034 8.93586L0 5.35121L5.08622 4.60778L7.36067 0Z" fill="#E7E7E7" />
</svg>
</i>
</span>
<span>(290) Review</span>
</label>
</li>
<li class="checkbox-item">
<input id="reviews-3" type="checkbox">
<label for="reviews-3" class="tp-filter-ratings-wrap">
<span class="tp-filter-ratings">
<i>
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.36067 0L9.63512 4.60778L14.7213 5.35121L11.041 8.93586L11.9096 14L7.36067 11.6078L2.81178 14L3.68034 8.93586L0 5.35121L5.08622 4.60778L7.36067 0Z" fill="currentColor" />
</svg>
</i>
<i>
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.36067 0L9.63512 4.60778L14.7213 5.35121L11.041 8.93586L11.9096 14L7.36067 11.6078L2.81178 14L3.68034 8.93586L0 5.35121L5.08622 4.60778L7.36067 0Z" fill="currentColor" />
</svg>
</i>
<i>
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.36067 0L9.63512 4.60778L14.7213 5.35121L11.041 8.93586L11.9096 14L7.36067 11.6078L2.81178 14L3.68034 8.93586L0 5.35121L5.08622 4.60778L7.36067 0Z" fill="currentColor" />
</svg>
</i>
<i>
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.36067 0L9.63512 4.60778L14.7213 5.35121L11.041 8.93586L11.9096 14L7.36067 11.6078L2.81178 14L3.68034 8.93586L0 5.35121L5.08622 4.60778L7.36067 0Z" fill="currentColor" />
</svg>
</i>
<i>
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.36067 0L9.63512 4.60778L14.7213 5.35121L11.041 8.93586L11.9096 14L7.36067 11.6078L2.81178 14L3.68034 8.93586L0 5.35121L5.08622 4.60778L7.36067 0Z" fill="currentColor" />
</svg>
</i>
</span>
<span>(170) Review</span>
</label>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- filter offcanvas area end -->