📁 PHP Dosya Yöneticisi
/
/
home
/
demodesigncom
/
esnafbul.demodesign.com.tr
/
sablon
📝
tour-listing-details.html
← Geri Dön
<!DOCTYPE html> <html lang="en"> <!-- Mirrored from pix-placewise.vercel.app/tour-listing-details.html by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 27 Aug 2023 10:00:43 GMT --> <!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack --> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="landing page starter kit"> <meta name="keywords" content="bootstrap 5, saas, landing page"> <meta name="author" content="asaduzzaman"> <title>Placewise - Online Booking HTML Template</title> <link rel="preconnect" href="https://fonts.googleapis.com/"> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet"> <link rel="stylesheet" href="assets/css/fonts/material-icon.css"> <link rel="stylesheet" href="assets/css/fonts/fontawesome.css"> <link rel="stylesheet" href="assets/css/fonts/ff-1.css"> <link rel="icon" href="assets/img/favicon.png" type="image/png"> <link rel="stylesheet" href="../unpkg.com/leaflet%401.9.3/dist/leaflet.css" integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=" crossorigin=""> <link rel="stylesheet" href="assets/css/plugins.css"> <link rel="stylesheet" href="assets/css/style.css"> </head> <body> <!-- preloader --> <div class="preloader"> <div class="preloader__img"> <img src="assets/img/favicon.png" alt="image"> </div> </div> <!-- preloader End --> <!-- Header Top --> <div class="py-5 border-bottom header-top bg-neutral-0"> <div class="container"> <div class="row"> <div class="col-12"> <ul class="list list-row flex-wrap gap-3 align-items-center justify-content-between"> <li> <a href="index-2.html" class="link d-inline-block"> <img src="assets/img/favicon.png" alt="logo" class="logo d-xl-none"> <img src="assets/img/logo.png" alt="logo" class="logo d-none d-xl-inline-block"> </a> </li> <li> <ul class="list list-row flex-wrap align-items-center list-divider"> <li> <div class="d-flex align-items-center gap-5"> <div class="w-10 h-10 rounded-circle bg-primary-300 d-grid place-content-center flex-shrink-0"> <span class="material-symbols-outlined mat-icon fs-24 clr-neutral-0 fw-300"> phone_in_talk </span> </div> <div class="d-none d-lg-block"> <span class="fs-12 d-block"> Free Call </span> <a href="tel:406-555-0120" class="link d-block clr-neutral-700 :clr-primary-300"> (406) 555-0120 </a> </div> </div> </li> <li> <div class="d-flex align-items-center gap-5"> <div class="w-10 h-10 rounded-circle bg-secondary-300 d-grid place-content-center flex-shrink-0"> <span class="material-symbols-outlined mat-icon fs-24 clr-neutral-700 fw-300"> mark_as_unread </span> </div> <div class="d-none d-lg-block"> <span class="fs-12 d-block"> Online Support </span> <a href="mailto:mail@example.com" class="link d-block clr-neutral-700 :clr-primary-300"> mail@example.com </a> </div> </div> </li> <li> <div class="d-flex align-items-center gap-5"> <div class="w-10 h-10 rounded-circle bg-tertiary-300 d-grid place-content-center flex-shrink-0"> <span class="material-symbols-outlined mat-icon fs-24 clr-neutral-700 fw-300"> pin_drop </span> </div> <div class="d-none d-lg-block"> <span class="fs-12 d-block"> Online Location </span> <span class="d-block"> 3605 Parker Rd. </span> </div> </div> </li> </ul> </li> <li class="d-none d-md-block"> <a href="contact.html" class="link btn bg-primary-300 :bg-primary-300 clr-neutral-0 :clr-neutral-0 fw-600 py-4 px-8 rounded-pill"> Submit Property </a> </li> </ul> </div> </div> </div> </div> <!-- /Header Top --> <!-- Header --> <header class="header header--sticky border-bottom bg-neutral-0"> <div class="container"> <div class="row"> <div class="col-12"> <nav class="menu d-lg-flex justify-content-lg-between align-items-lg-center"> <div class="menu-mobile-nav d-flex align-items-center justify-content-between py-3 py-lg-0 order-lg-2"> <button class="menu-toggle w-10 h-10 p-0 border-0 lh-1 bg-primary-50 clr-primary-500 transition :clr-primary-50 :bg-primary-500 rounded-1 flex-shrink-0 order-2 order-lg-1 d-lg-none"> <span class="material-symbols-outlined mat-icon fs-28"> menu </span> </button> <ul class="list list-row gap-4 flex-wrap align-items-center order-1"> <li> <div class="dropdown"> <a href="#" class="link d-flex align-items-center gap-2 p-2 rounded-pill bg-primary-5p clr-neutral-500" data-bs-toggle="dropdown" data-bs-offset="0,14"> <ul class="list list-row list-divider-half-xs align-items-center lh-1"> <li> <span class="material-symbols-rounded mat-icon"> language </span> </li> <li> <span class="material-symbols-rounded mat-icon"> paid </span> </li> </ul> <span class="material-symbols-rounded mat-icon flex-shrink-0"> expand_more </span> </a> <div class="dropdown-menu dropdown-start p-0 border border-neutral-30"> <div class="p-4"> <ul class="list list-sm-row flex-wrap gap-1 gap-sm-0 w-24ch"> <li class="w-sm-50 p-1"> <a href="#" class="link d-inline-block dropdown-item clr-neutral-500 bg-neutral-20 :bg-neutral-20 rounded"> <span class="d-block fw-medium mb-1"> English </span> <span class="d-block fs-12 clr-neutral-70"> United States </span> </a> </li> <li class="w-sm-50 p-1"> <a href="#" class="link d-inline-block dropdown-item clr-neutral-500 :bg-neutral-20 rounded"> <span class="d-block fw-medium mb-1"> Spanish </span> <span class="d-block fs-12 clr-neutral-70"> Spain </span> </a> </li> <li class="w-sm-50 p-1"> <a href="#" class="link d-inline-block dropdown-item clr-neutral-500 :bg-neutral-20 rounded"> <span class="d-block fw-medium mb-1"> Bengali </span> <span class="d-block fs-12 clr-neutral-70"> Bangladesh </span> </a> </li> <li class="w-sm-50 p-1"> <a href="#" class="link d-inline-block dropdown-item clr-neutral-500 :bg-neutral-20 rounded"> <span class="d-block fw-medium mb-1"> Hindi </span> <span class="d-block fs-12 clr-neutral-70"> India </span> </a> </li> </ul> </div> </div> </div> </li> <li> <div class="dropdown"> <a href="#" class="link d-grid place-content-center w-10 h-10 rounded-circle bg-primary-5p clr-neutral-500" data-bs-toggle="dropdown" data-bs-offset="0,16"> <span class="material-symbols-rounded mat-icon position-relative"> notifications <span class="d-inline-block position-absolute top-0 end-0 w-2 h-2 rounded-circle bg-primary-300"></span> </span> </a> <div class="dropdown-menu dropdown-menu-xl-end p-0 border border-neutral-30"> <div class="p-4 p-xxl-6 max-width"> <h5 class="mb-4"> Notifications </h5> <ul class="list gap-2"> <li> <a href="#" class="link d-flex gap-4 dropdown-item px-0 px-md-4"> <div class="flex-shrink-0 d-none d-sm-block"> <img src="assets/img/user-3.jpg" alt="image" class="img-fluid w-12 h-12 rounded-circle objec-fit-cover"> </div> <div class="flex-grow-1 white-space-normal notifications-content"> <h6 class="mb-0">Peter Parker</h6> <p class="fs-14 clr-neutral-500 mb-1"> New message alert! @trending </p> <span class="d-block fs-12 clr-neutral-100"> 6 Sec ago </span> </div> </a> </li> <li> <a href="#" class="link d-flex gap-4 dropdown-item px-0 px-md-4"> <div class="flex-shrink-0 d-none d-sm-block"> <img src="assets/img/user-1.jpg" alt="image" class="img-fluid w-12 h-12 rounded-circle objec-fit-cover"> </div> <div class="flex-grow-1 white-space-normal notifications-content"> <h6 class="mb-0">Gal Gadot</h6> <p class="fs-14 clr-neutral-500 mb-1"> Measure actions your users take Me </p> <span class="d-block fs-12 clr-neutral-100"> 3 Min ago </span> </div> </a> </li> <li> <a href="#" class="link d-flex gap-4 dropdown-item px-0 px-md-4"> <div class="flex-shrink-0 d-none d-sm-block"> <img src="assets/img/user-2.jpg" alt="image" class="img-fluid w-12 h-12 rounded-circle objec-fit-cover"> </div> <div class="flex-grow-1 white-space-normal notifications-content"> <h6 class="mb-0">Eva Green</h6> <p class="fs-14 clr-neutral-500 mb-1"> Measure actions your users take </p> <span class="d-block fs-12 clr-neutral-100"> 1 Week ago </span> </div> </a> </li> </ul> </div> </div> </div> </li> <li> <div class="dropdown"> <a href="#" class="link d-inline-block" data-bs-toggle="dropdown" data-bs-offset="0,16"> <img src="assets/img/user-1.jpg" alt="image" class="img-fluid w-10 h-10 rounded-circle objec-fit-cover"> </a> <div class="dropdown-menu dropdown-menu-end p-0 border border-neutral-30"> <div class="p-6"> <div class="d-flex align-items-center gap-4 max-width"> <img src="assets/img/user-1.jpg" alt="image" class="img-fluid w-12 h-12 rounded-circle object-fit-cover flex-shrink-0"> <div class="flex-grow-1"> <h5 class="mb-0">Peter Parker</h5> <span class="d-block fs-14"> Los Angeles, CA </span> </div> </div> <div class="hr-dashed mt-4 mb-2"></div> <ul class="list"> <li> <a href="#" class="link d-flex align-items-center gap-3 clr-neutral-400 dropdown-item px-2"> <span class="material-symbols-outlined mat-icon fs-28 flex-shrink-0"> person </span> <span class="d-block fs-14 fw-medium flex-grow-1"> My Account </span> </a> </li> <li> <a href="#" class="link d-flex align-items-center gap-3 clr-neutral-400 dropdown-item px-2"> <span class="material-symbols-outlined mat-icon fs-28 flex-shrink-0"> event_note </span> <span class="d-block fs-14 fw-medium flex-grow-1"> My Bookings </span> </a> </li> <li> <a href="#" class="link d-flex align-items-center gap-3 clr-neutral-400 dropdown-item px-2"> <span class="material-symbols-outlined mat-icon fs-28 flex-shrink-0"> favorite </span> <span class="d-block fs-14 fw-medium flex-grow-1"> Wishlist </span> </a> </li> </ul> <div class="hr-dashed my-2"></div> <ul class="list"> <li> <a href="#" class="link d-flex align-items-center gap-3 clr-neutral-400 dropdown-item px-2"> <span class="material-symbols-outlined mat-icon fs-28 flex-shrink-0"> info </span> <span class="d-block fs-14 fw-medium flex-grow-1"> Help </span> </a> </li> <li> <a href="#" class="link d-flex align-items-center gap-3 clr-neutral-400 dropdown-item px-2"> <span class="material-symbols-outlined mat-icon fs-28 flex-shrink-0"> exit_to_app </span> <span class="d-block fs-14 fw-medium flex-grow-1"> Log out </span> </a> </li> </ul> </div> </div> </div> </li> </ul> </div> <ul class="list list-lg-row menu-nav order-lg-1"> <li class="menu-list current-page"> <a href="#" class="link menu-link has-sub"> Home </a> <ul class="list menu-sub"> <li class="menu-sub-list"> <a href="index-2.html" class="link menu-sub-link"> Real Estate </a> </li> <li class="menu-sub-list"> <a href="home-2.html" class="link menu-sub-link"> Property Listing </a> </li> <li class="menu-sub-list"> <a href="home-3.html" class="link menu-sub-link"> Car Rental </a> </li> <li class="menu-sub-list"> <a href="home-4.html" class="link menu-sub-link"> Hotel Booking </a> </li> <li class="menu-sub-list"> <a href="home-5.html" class="link menu-sub-link"> Tour Booking </a> </li> <li class="menu-sub-list"> <a href="home-6.html" class="link menu-sub-link"> Flight Booking </a> </li> </ul> </li> <li class="menu-list"> <a href="#" class="link menu-link has-sub"> Listings </a> <ul class="list menu-sub"> <li class="menu-sub-list"> <a href="property-list.html" class="link menu-sub-link"> Property List </a> </li> <li class="menu-sub-list"> <a href="property-grid.html" class="link menu-sub-link"> Property List (Grid) </a> </li> <li class="menu-sub-list"> <a href="property-map.html" class="link menu-sub-link"> Property Map </a> </li> <li class="menu-sub-list"> <a href="cab-listing.html" class="link menu-sub-link"> Cab Listing </a> </li> <li class="menu-sub-list"> <a href="cab-listing-grid.html" class="link menu-sub-link"> Cab Listing (Grid) </a> </li> <li class="menu-sub-list"> <a href="cab-listing-map.html" class="link menu-sub-link"> Cab Listing (Map) </a> </li> <li class="menu-sub-list"> <a href="hotel-listing.html" class="link menu-sub-link"> Hotel Listing </a> </li> <li class="menu-sub-list"> <a href="hotel-listing-grid.html" class="link menu-sub-link"> Hotel Listing (Grid) </a> </li> <li class="menu-sub-list"> <a href="hotel-listing-map.html" class="link menu-sub-link"> Hotel Listing (Map) </a> </li> <li class="menu-sub-list"> <a href="tour-listing.html" class="link menu-sub-link"> Tour Listing </a> </li> <li class="menu-sub-list"> <a href="tour-listing-grid.html" class="link menu-sub-link"> Tour Listing (Grid) </a> </li> <li class="menu-sub-list"> <a href="tour-listing-map.html" class="link menu-sub-link"> Tour Listing (Map) </a> </li> <li class="menu-sub-list"> <a href="flight-list.html" class="link menu-sub-link"> Flight List </a> </li> <li class="menu-sub-list"> <a href="compare-listing.html" class="link menu-sub-link"> Compare Listing </a> </li> <li class="menu-sub-list"> <a href="add-property.html" class="link menu-sub-link"> Add Property </a> </li> </ul> </li> <li class="menu-list"> <a href="#" class="link menu-link has-sub"> Pages </a> <ul class="list menu-sub"> <li class="menu-sub-list"> <a href="about-us.html" class="link menu-sub-link"> About Us </a> </li> <li class="menu-sub-list"> <a href="add-property.html" class="link menu-sub-link"> Add Property </a> </li> <li class="menu-sub-list"> <a href="property-details-1.html" class="link menu-sub-link"> Property Details 1 </a> </li> <li class="menu-sub-list"> <a href="property-details-2.html" class="link menu-sub-link"> Property Details 2 </a> </li> <li class="menu-sub-list"> <a href="cab-listing-details.html" class="link menu-sub-link"> Cab Listing Details </a> </li> <li class="menu-sub-list"> <a href="hotel-listing-details.html" class="link menu-sub-link"> Hotel Listing Details </a> </li> <li class="menu-sub-list"> <a href="tour-listing-details.html" class="link menu-sub-link"> Tour Listing Details </a> </li> <li class="menu-sub-list"> <a href="flight-details.html" class="link menu-sub-link"> Flight Details </a> </li> <li class="menu-sub-list"> <a href="payment-method.html" class="link menu-sub-link"> Payment Method </a> </li> <li class="menu-sub-list"> <a href="service.html" class="link menu-sub-link"> Service </a> </li> <li class="menu-sub-list"> <a href="service-details.html" class="link menu-sub-link"> Service Details </a> </li> <li class="menu-sub-list"> <a href="agent.html" class="link menu-sub-link"> Agent </a> </li> <li class="menu-sub-list"> <a href="agent-details-grid.html" class="link menu-sub-link"> Agent Details Grid </a> </li> <li class="menu-sub-list"> <a href="agent-details-list.html" class="link menu-sub-link"> Agent Details List </a> </li> <li class="menu-sub-list"> <a href="agent-details-review.html" class="link menu-sub-link"> Agent Review </a> </li> <li class="menu-sub-list"> <a href="pricing-plan.html" class="link menu-sub-link"> Pricing Plan </a> </li> </ul> </li> <li class="menu-list"> <a href="#" class="link menu-link has-sub"> Dashboard </a> <ul class="list menu-sub"> <li class="menu-sub-list"> <a href="personal-info.html" class="link menu-sub-link"> User Dashboard </a> </li> </ul> </li> <li class="menu-list"> <a href="#" class="link menu-link has-sub clear-content"> <span class="material-symbols-outlined mat-icon"> more_horiz </span> </a> <ul class="list menu-sub"> <li class="menu-sub-list"> <a href="blog-grid.html" class="link menu-sub-link"> Blog </a> </li> <li class="menu-sub-list"> <a href="blog-details.html" class="link menu-sub-link"> Blog Details </a> </li> <li class="menu-sub-list"> <a href="faq.html" class="link menu-sub-link"> FAQ </a> </li> <li class="menu-sub-list"> <a href="contact.html" class="link menu-sub-link"> Contact Us </a> </li> <li class="menu-sub-list"> <a href="sign-in.html" class="link menu-sub-link"> Signin </a> </li> <li class="menu-sub-list"> <a href="signup.html" class="link menu-sub-link"> Signup </a> </li> <li class="menu-sub-list"> <a href="error.html" class="link menu-sub-link"> Error </a> </li> </ul> </li> </ul> </nav> </div> </div> </div> </header> <!-- /Header --> <div class="bg-primary-5p"> <div class="py-4"> <div class="container-fluid"> <div class="row g-4"> <div class="col-xl-4"> <div class="row g-4"> <div class="col-sm-6 col-xl-12"> <a href="assets/img/tour-details-img-1.jpg" class="link property-gallery"> <img src="assets/img/tour-details-img-1.jpg" alt="image" class="img-fluid w-100 rounded-3"> </a> </div> <div class="col-sm-6 col-xl-12"> <a href="assets/img/tour-details-img-2.jpg" class="link property-gallery"> <img src="assets/img/tour-details-img-2.jpg" alt="image" class="img-fluid w-100 rounded-3"> </a> </div> </div> </div> <div class="col-md-6 col-xl-4"> <a href="assets/img/tour-details-img-3.jpg" class="link d-block property-gallery h-100"> <img src="assets/img/tour-details-img-3.jpg" alt="image" class="img-fluid w-100 h-100 object-fit-cover rounded-3"> </a> </div> <div class="col-md-6 col-xl-4"> <div class="row g-4"> <div class="col-12"> <a href="assets/img/tour-details-img-4.jpg" class="link property-gallery"> <img src="assets/img/tour-details-img-4.jpg" alt="image" class="img-fluid w-100 rounded-3"> </a> </div> <div class="col-sm-6"> <a href="assets/img/tour-details-img-5.jpg" class="link property-gallery"> <img src="assets/img/tour-details-img-5.jpg" alt="image" class="img-fluid w-100 rounded-3"> </a> </div> <div class="col-sm-6"> <a href="assets/img/tour-details-img-6.jpg" class="link property-gallery"> <img src="assets/img/tour-details-img-6.jpg" alt="image" class="img-fluid w-100 rounded-3"> </a> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-xl-8"> <div class="section-space--sm"> <div class="bg-neutral-0 rounded-4 py-8 px-5"> <div class="p-6 bg-primary-3p rounded-4 border border-neutral-40 mb-10"> <div class="d-flex align-items-center justify-content-between flex-wrap gap-3 mb-8"> <h2 class="m-0"> Dubai, UAE </h2> <ul class="list list-row gap-3 align-items-center"> <li> <span class="d-inline-block clr-neutral-600"> Share </span> </li> <li> <a href="#" class="link w-8 h-8 d-grid place-content-center bg-primary-50 clr-primary-300 rounded-circle :bg-primary-300 :clr-neutral-0"> <i class="fab fa-facebook-f"></i> </a> </li> <li> <a href="#" class="link w-8 h-8 d-grid place-content-center bg-primary-50 clr-primary-300 rounded-circle :bg-primary-300 :clr-neutral-0"> <i class="fab fa-twitter"></i> </a> </li> <li> <a href="#" class="link w-8 h-8 d-grid place-content-center bg-primary-50 clr-primary-300 rounded-circle :bg-primary-300 :clr-neutral-0"> <i class="fab fa-instagram"></i> </a> </li> <li> <a href="#" class="link w-8 h-8 d-grid place-content-center bg-primary-50 clr-primary-300 rounded-circle :bg-primary-300 :clr-neutral-0"> <i class="fab fa-linkedin-in"></i> </a> </li> </ul> </div> <ul class="list list-row flex-wrap align-items-center list-divider-dot gap-4 gap-md-0"> <li> <div class="d-flex align-items-center gap-2"> <span class="material-symbols-outlined mat-icon clr-secondary-400"> distance </span> <p class="mb-0"> 3890 Poplar Dr. </p> </div> </li> <li> <p class="mb-0"> ID: <span class="clr-primary-300">12546</span> </p> </li> <li> <div class="d-flex align-items-center gap-1"> <span class="material-symbols-outlined mat-icon solid clr-tertiary-300"> star_rate </span> <p class="mb-0"> 4.5(66) </p> </div> </li> <li> <p class="mb-0"> <span class="clr-neutral-500">Published:</span> Feb 9, 23 </p> </li> </ul> <div class="hr-dashed my-8"></div> <ul class="list list-row flex-wrap align-items-center list-divider-dot gap-4 gap-md-0"> <li> <div class="d-flex align-items-center gap-2"> <span class="material-symbols-outlined mat-icon"> home_work </span> <p class="mb-0"> 7 Room </p> </div> </li> <li> <div class="d-flex align-items-center gap-2"> <span class="material-symbols-outlined mat-icon"> bed </span> <p class="mb-0"> 7 Bed </p> </div> </li> <li> <div class="d-flex align-items-center gap-2"> <span class="material-symbols-outlined mat-icon"> bathtub </span> <p class="mb-0"> 3 Bath </p> </div> </li> <li> <div class="d-flex align-items-center gap-2"> <span class="material-symbols-outlined mat-icon"> drag_pan </span> <p class="mb-0"> 702 sft </p> </div> </li> <li> <div class="d-flex align-items-center gap-2"> <span class="material-symbols-outlined mat-icon"> calendar_month </span> <p class="mb-0"> 2023 </p> </div> </li> </ul> </div> <div class="p-6 bg-primary-3p rounded-4 border border-neutral-40 mb-10"> <h4 class="mb-5"> Overview </h4> <p class="mb-5 clr-neutral-500"> Dubai is a popular tourist destination located in the United Arab Emirates (UAE). It is known for its luxurious shopping, stunning beaches, impressive architecture, and vibrant nightlife. The city has become a hub for international travel and offers a wide range of attractions and activities for tourists. </p> <a href="#" class="link d-flex align-items-center gap-2 clr-primary-300"> <span class="fw-semibold d-inline-block"> Read More </span> <span class="material-symbols-outlined mat-icon"> arrow_right_alt </span> </a> </div> <div class="p-6 bg-primary-3p rounded-4 border border-neutral-40 mb-10"> <h4 class="mb-5"> Tour Highlights </h4> <div class="row g-4"> <div class="col-md-4 col-lg-3"> <ul class="list gap-4"> <li> <div class="d-flex align-items-center gap-2"> <div class="w-6 h-6 d-grid place-content-center rounded-circle flex-shrink-0 bg-primary-50"> <span class="material-symbols-outlined mat-icon fs-20 clr-primary-300"> check </span> </div> <span class="d-inline-block"> Burj Khalifa </span> </div> </li> <li> <div class="d-flex align-items-center gap-2"> <div class="w-6 h-6 d-grid place-content-center rounded-circle flex-shrink-0 bg-primary-50"> <span class="material-symbols-outlined mat-icon fs-20 clr-primary-300"> check </span> </div> <span class="d-inline-block"> Dubai Mall </span> </div> </li> </ul> </div> <div class="col-md-4 col-lg-3"> <ul class="list gap-4"> <li> <div class="d-flex align-items-center gap-2"> <div class="w-6 h-6 d-grid place-content-center rounded-circle flex-shrink-0 bg-primary-50"> <span class="material-symbols-outlined mat-icon fs-20 clr-primary-300"> check </span> </div> <span class="d-inline-block"> Dubai Fountain </span> </div> </li> <li> <div class="d-flex align-items-center gap-2"> <div class="w-6 h-6 d-grid place-content-center rounded-circle flex-shrink-0 bg-primary-50"> <span class="material-symbols-outlined mat-icon fs-20 clr-primary-300"> check </span> </div> <span class="d-inline-block"> Jumeirah Beach </span> </div> </li> </ul> </div> <div class="col-md-4 col-lg-3"> <ul class="list gap-4"> <li> <div class="d-flex align-items-center gap-2"> <div class="w-6 h-6 d-grid place-content-center rounded-circle flex-shrink-0 bg-primary-50"> <span class="material-symbols-outlined mat-icon fs-20 clr-primary-300"> check </span> </div> <span class="d-inline-block"> Dubai Museum </span> </div> </li> <li> <div class="d-flex align-items-center gap-2"> <div class="w-6 h-6 d-grid place-content-center rounded-circle flex-shrink-0 bg-primary-50"> <span class="material-symbols-outlined mat-icon fs-20 clr-primary-300"> check </span> </div> <span class="d-inline-block"> Dubai Creek </span> </div> </li> </ul> </div> <div class="col-md-4 col-lg-3"> <ul class="list gap-4"> <li> <div class="d-flex align-items-center gap-2"> <div class="w-6 h-6 d-grid place-content-center rounded-circle flex-shrink-0 bg-primary-50"> <span class="material-symbols-outlined mat-icon fs-20 clr-primary-300"> check </span> </div> <span class="d-inline-block"> Palm Jumeirah </span> </div> </li> <li> <div class="d-flex align-items-center gap-2"> <div class="w-6 h-6 d-grid place-content-center rounded-circle flex-shrink-0 bg-primary-50"> <span class="material-symbols-outlined mat-icon fs-20 clr-primary-300"> check </span> </div> <span class="d-inline-block"> Miracle Garden </span> </div> </li> </ul> </div> </div> </div> <div class="p-6 bg-primary-3p rounded-4 border border-neutral-40 mb-10"> <h4 class="mb-6"> Itinerary </h4> <ul class="list gap-6 itinerary-list"> <li> <div class="d-flex flex-column flex-md-row gap-6 gap-md-10 itinerary-card"> <div class="d-grid place-content-center w-26 h-26 rounded-circle bg-primary-300 clr-neutral-0 itinerary-card__number flex-shrink-0"> <div class="text-center"> <p class="fs-18 mb-0"> Day </p> <h2 class="mb-0 clr-neutral-0"> 01 </h2> </div> </div> <div class="itinerary-card__content flex-grow-1 rounded-4 bg-neutral-0 box-shadow p-6"> <h5> Burj Khalifa </h5> <p class="mb-0 clr-neutral-500"> Dubai </p> <div class="hr-dashed my-6"></div> <div class="d-flex flex-column flex-lg-row align-items-md-center gap-5"> <a href="tour-listing-details.html" class="link d-block flex-shrink-0 w-100 w-lg-auto"> <img src="assets/img/itinerary-img-1.jpg" alt="image" class="img-fluid rounded-4 w-100 object-fit-cover"> </a> <div class="flex-grow-1"> <a href="tour-listing-details.html" class="link d-block fs-18 fw-medium clr-neutral-700 :clr-primary-300 mb-2"> Discover the Tallest Building in the World </a> <p class="mb-0 clr-neutral-500 fs-14"> Burj Khalifa is a spectacular skyscraper located in Dubai, United Arab Emirates. </p> </div> </div> <div class="hr-dashed my-6"></div> <div class="d-flex align-items-center flex-wrap gap-4"> <p class="mb-0 fs-18 clr-neutral-500 fw-medium"> Include Service - </p> <ul class="list list-row align-items-center flex-wrap gap-3"> <li> <div class="d-grid place-content-center w-10 h-10 rounded-circle bg-primary-5p clr-primary-300"> <img src="assets/img/icon-car-parking.png" alt="image" class="img-fluid w-7 h-7 object-fit-contain"> </div> </li> <li> <div class="d-grid place-content-center w-10 h-10 rounded-circle bg-primary-5p clr-primary-300"> <img src="assets/img/icon-breakfast.png" alt="image" class="img-fluid w-7 h-7 object-fit-contain"> </div> </li> <li> <div class="d-grid place-content-center w-10 h-10 rounded-circle bg-primary-5p clr-primary-300"> <img src="assets/img/icon-room-service.png" alt="image" class="img-fluid w-7 h-7 object-fit-contain"> </div> </li> <li> <div class="d-grid place-content-center w-10 h-10 rounded-circle bg-primary-5p clr-primary-300"> <img src="assets/img/icon-fitness.png" alt="image" class="img-fluid w-7 h-7 object-fit-contain"> </div> </li> </ul> </div> </div> </div> </li> <li> <div class="d-flex flex-column flex-md-row gap-6 gap-md-10 itinerary-card"> <div class="d-grid place-content-center w-26 h-26 rounded-circle bg-primary-300 clr-neutral-0 itinerary-card__number flex-shrink-0"> <div class="text-center"> <p class="fs-18 mb-0"> Day </p> <h2 class="mb-0 clr-neutral-0"> 02 </h2> </div> </div> <div class="itinerary-card__content flex-grow-1 rounded-4 bg-neutral-0 box-shadow p-6"> <h5> Dubai Mall </h5> <p class="mb-0 clr-neutral-500"> Dubai </p> <div class="hr-dashed my-6"></div> <div class="d-flex flex-column flex-lg-row align-items-md-center gap-5"> <a href="tour-listing-details.html" class="link d-block flex-shrink-0 w-100 w-lg-auto"> <img src="assets/img/itinerary-img-2.jpg" alt="image" class="img-fluid rounded-4 w-100 object-fit-cover"> </a> <div class="flex-grow-1"> <a href="tour-listing-details.html" class="link d-block fs-18 fw-medium clr-neutral-700 :clr-primary-300 mb-2"> Experience Luxury Shopping and Entertainment at Dubai </a> <p class="mb-0 clr-neutral-500 fs-14"> Dubai Mall is a premier shopping and entertainment destination located in the heart of Dubai, UAE </p> </div> </div> <div class="hr-dashed my-6"></div> <div class="d-flex align-items-center flex-wrap gap-4"> <p class="mb-0 fs-18 clr-neutral-500 fw-medium"> Include Service - </p> <ul class="list list-row align-items-center flex-wrap gap-3"> <li> <div class="d-grid place-content-center w-10 h-10 rounded-circle bg-primary-5p clr-primary-300"> <img src="assets/img/icon-car-parking.png" alt="image" class="img-fluid w-7 h-7 object-fit-contain"> </div> </li> <li> <div class="d-grid place-content-center w-10 h-10 rounded-circle bg-primary-5p clr-primary-300"> <img src="assets/img/icon-breakfast.png" alt="image" class="img-fluid w-7 h-7 object-fit-contain"> </div> </li> <li> <div class="d-grid place-content-center w-10 h-10 rounded-circle bg-primary-5p clr-primary-300"> <img src="assets/img/icon-room-service.png" alt="image" class="img-fluid w-7 h-7 object-fit-contain"> </div> </li> <li> <div class="d-grid place-content-center w-10 h-10 rounded-circle bg-primary-5p clr-primary-300"> <img src="assets/img/icon-fitness.png" alt="image" class="img-fluid w-7 h-7 object-fit-contain"> </div> </li> </ul> </div> </div> </div> </li> <li> <div class="d-flex flex-column flex-md-row gap-6 gap-md-10 itinerary-card"> <div class="d-grid place-content-center w-26 h-26 rounded-circle bg-primary-300 clr-neutral-0 itinerary-card__number flex-shrink-0"> <div class="text-center"> <p class="fs-18 mb-0"> Day </p> <h2 class="mb-0 clr-neutral-0"> 03 </h2> </div> </div> <div class="itinerary-card__content flex-grow-1 rounded-4 bg-neutral-0 box-shadow p-6"> <h5> Dubai Fountain </h5> <p class="mb-0 clr-neutral-500"> Dubai </p> <div class="hr-dashed my-6"></div> <div class="d-flex flex-column flex-lg-row align-items-md-center gap-5"> <a href="tour-listing-details.html" class="link d-block flex-shrink-0 w-100 w-lg-auto"> <img src="assets/img/itinerary-img-3.jpg" alt="image" class="img-fluid rounded-4 w-100 object-fit-cover"> </a> <div class="flex-grow-1"> <a href="tour-listing-details.html" class="link d-block fs-18 fw-medium clr-neutral-700 :clr-primary-300 mb-2"> Experience the Spectacular Dubai Fountain Show </a> <p class="mb-0 clr-neutral-500 fs-14"> The Dubai Fountain is a spectacular water feature located at the base of the iconic Burj Khalifa in Dubai </p> </div> </div> <div class="hr-dashed my-6"></div> <div class="d-flex align-items-center flex-wrap gap-4"> <p class="mb-0 fs-18 clr-neutral-500 fw-medium"> Include Service - </p> <ul class="list list-row align-items-center flex-wrap gap-3"> <li> <div class="d-grid place-content-center w-10 h-10 rounded-circle bg-primary-5p clr-primary-300"> <img src="assets/img/icon-car-parking.png" alt="image" class="img-fluid w-7 h-7 object-fit-contain"> </div> </li> <li> <div class="d-grid place-content-center w-10 h-10 rounded-circle bg-primary-5p clr-primary-300"> <img src="assets/img/icon-breakfast.png" alt="image" class="img-fluid w-7 h-7 object-fit-contain"> </div> </li> <li> <div class="d-grid place-content-center w-10 h-10 rounded-circle bg-primary-5p clr-primary-300"> <img src="assets/img/icon-room-service.png" alt="image" class="img-fluid w-7 h-7 object-fit-contain"> </div> </li> <li> <div class="d-grid place-content-center w-10 h-10 rounded-circle bg-primary-5p clr-primary-300"> <img src="assets/img/icon-fitness.png" alt="image" class="img-fluid w-7 h-7 object-fit-contain"> </div> </li> </ul> </div> </div> </div> </li> <li> <div class="d-flex flex-column flex-md-row gap-6 gap-md-10 itinerary-card"> <div class="d-grid place-content-center w-26 h-26 rounded-circle bg-primary-300 clr-neutral-0 itinerary-card__number flex-shrink-0"> <div class="text-center"> <p class="fs-18 mb-0"> Day </p> <h2 class="mb-0 clr-neutral-0"> 04 </h2> </div> </div> <div class="itinerary-card__content flex-grow-1 rounded-4 bg-neutral-0 box-shadow p-6"> <h5> Jumeirah Beach </h5> <p class="mb-0 clr-neutral-500"> Dubai </p> <div class="hr-dashed my-6"></div> <div class="d-flex flex-column flex-lg-row align-items-md-center gap-5"> <a href="tour-listing-details.html" class="link d-block flex-shrink-0 w-100 w-lg-auto"> <img src="assets/img/itinerary-img-4.jpg" alt="image" class="img-fluid rounded-4 w-100 object-fit-cover"> </a> <div class="flex-grow-1"> <a href="tour-listing-details.html" class="link d-block fs-18 fw-medium clr-neutral-700 :clr-primary-300 mb-2"> Relax and Unwind at Jumeirah Beach in Dubai </a> <p class="mb-0 clr-neutral-500 fs-14"> Jumeirah Beach is a pristine stretch of white sand located in the heart of Dubai, United Arab Emirates </p> </div> </div> <div class="hr-dashed my-6"></div> <div class="d-flex align-items-center flex-wrap gap-4"> <p class="mb-0 fs-18 clr-neutral-500 fw-medium"> Include Service - </p> <ul class="list list-row align-items-center flex-wrap gap-3"> <li> <div class="d-grid place-content-center w-10 h-10 rounded-circle bg-primary-5p clr-primary-300"> <img src="assets/img/icon-car-parking.png" alt="image" class="img-fluid w-7 h-7 object-fit-contain"> </div> </li> <li> <div class="d-grid place-content-center w-10 h-10 rounded-circle bg-primary-5p clr-primary-300"> <img src="assets/img/icon-breakfast.png" alt="image" class="img-fluid w-7 h-7 object-fit-contain"> </div> </li> <li> <div class="d-grid place-content-center w-10 h-10 rounded-circle bg-primary-5p clr-primary-300"> <img src="assets/img/icon-room-service.png" alt="image" class="img-fluid w-7 h-7 object-fit-contain"> </div> </li> <li> <div class="d-grid place-content-center w-10 h-10 rounded-circle bg-primary-5p clr-primary-300"> <img src="assets/img/icon-fitness.png" alt="image" class="img-fluid w-7 h-7 object-fit-contain"> </div> </li> </ul> </div> </div> </div> </li> <li> <div class="d-flex flex-column flex-md-row gap-6 gap-md-10 itinerary-card"> <div class="d-grid place-content-center w-26 h-26 rounded-circle bg-primary-300 clr-neutral-0 itinerary-card__number flex-shrink-0"> <div class="text-center"> <p class="fs-18 mb-0"> Day </p> <h2 class="mb-0 clr-neutral-0"> 05 </h2> </div> </div> <div class="itinerary-card__content flex-grow-1 rounded-4 bg-neutral-0 box-shadow p-6"> <h5> Dubai Museum </h5> <p class="mb-0 clr-neutral-500"> Dubai </p> <div class="hr-dashed my-6"></div> <div class="d-flex flex-column flex-lg-row align-items-md-center gap-5"> <a href="tour-listing-details.html" class="link d-block flex-shrink-0 w-100 w-lg-auto"> <img src="assets/img/itinerary-img-5.jpg" alt="image" class="img-fluid rounded-4 w-100 object-fit-cover"> </a> <div class="flex-grow-1"> <a href="tour-listing-details.html" class="link d-block fs-18 fw-medium clr-neutral-700 :clr-primary-300 mb-2"> Discover the Rich History of Dubai at Dubai Museum </a> <p class="mb-0 clr-neutral-500 fs-14"> Dubai Museum is a must-visit destination for anyone interested in the history and culture of Dubai, UAE </p> </div> </div> <div class="hr-dashed my-6"></div> <div class="d-flex align-items-center flex-wrap gap-4"> <p class="mb-0 fs-18 clr-neutral-500 fw-medium"> Include Service - </p> <ul class="list list-row align-items-center flex-wrap gap-3"> <li> <div class="d-grid place-content-center w-10 h-10 rounded-circle bg-primary-5p clr-primary-300"> <img src="assets/img/icon-car-parking.png" alt="image" class="img-fluid w-7 h-7 object-fit-contain"> </div> </li> <li> <div class="d-grid place-content-center w-10 h-10 rounded-circle bg-primary-5p clr-primary-300"> <img src="assets/img/icon-breakfast.png" alt="image" class="img-fluid w-7 h-7 object-fit-contain"> </div> </li> <li> <div class="d-grid place-content-center w-10 h-10 rounded-circle bg-primary-5p clr-primary-300"> <img src="assets/img/icon-room-service.png" alt="image" class="img-fluid w-7 h-7 object-fit-contain"> </div> </li> <li> <div class="d-grid place-content-center w-10 h-10 rounded-circle bg-primary-5p clr-primary-300"> <img src="assets/img/icon-fitness.png" alt="image" class="img-fluid w-7 h-7 object-fit-contain"> </div> </li> </ul> </div> </div> </div> </li> </ul> <a href="#" class="link d-flex align-items-center gap-2 clr-primary-300 mt-8"> <span class="fw-semibold d-inline-block"> Book Now </span> <span class="material-symbols-outlined mat-icon"> arrow_right_alt </span> </a> </div> <div class="p-6 bg-primary-3p rounded-4 border border-neutral-40 mb-10"> <h4 class="mb-0"> Inclusions & Exclusions </h4> <div class="hr-dashed my-5"></div> <h6 class="mb-4"> Inclusions </h6> <ul class="list gap-4 mb-10"> <li> <div class="d-flex align-items-center gap-2"> <div class="w-6 h-6 d-grid place-content-center rounded-circle flex-shrink-0 bg-primary-50"> <span class="material-symbols-outlined mat-icon fs-20 clr-primary-300"> check </span> </div> <span class="d-inline-block"> Comfortable stay for 4 nights in your preferred category Hotels </span> </div> </li> <li> <div class="d-flex align-items-center gap-2"> <div class="w-6 h-6 d-grid place-content-center rounded-circle flex-shrink-0 bg-primary-50"> <span class="material-symbols-outlined mat-icon fs-20 clr-primary-300"> check </span> </div> <span class="d-inline-block"> Professional English speaking guide to help you explore the cities </span> </div> </li> <li> <div class="d-flex align-items-center gap-2"> <div class="w-6 h-6 d-grid place-content-center rounded-circle flex-shrink-0 bg-primary-50"> <span class="material-symbols-outlined mat-icon fs-20 clr-primary-300"> check </span> </div> <span class="d-inline-block"> Breakfast is included as mentioned in Itinerary. </span> </div> </li> <li> <div class="d-flex align-items-center gap-2"> <div class="w-6 h-6 d-grid place-content-center rounded-circle flex-shrink-0 bg-primary-50"> <span class="material-symbols-outlined mat-icon fs-20 clr-primary-300"> check </span> </div> <span class="d-inline-block"> Per Peron rate on twin sharing basis </span> </div> </li> <li> <div class="d-flex align-items-center gap-2"> <div class="w-6 h-6 d-grid place-content-center rounded-circle flex-shrink-0 bg-primary-50"> <span class="material-symbols-outlined mat-icon fs-20 clr-primary-300"> check </span> </div> <span class="d-inline-block"> Entrance Tickets to Genting Indoor Theme Park </span> </div> </li> <li> <div class="d-flex align-items-center gap-2"> <div class="w-6 h-6 d-grid place-content-center rounded-circle flex-shrink-0 bg-primary-50"> <span class="material-symbols-outlined mat-icon fs-20 clr-primary-300"> check </span> </div> <span class="d-inline-block"> All Tours & Transfers on Seat In Coach Basis </span> </div> </li> </ul> <h6 class="mb-4"> Exclusions </h6> <ul class="list gap-4 mb-10"> <li> <div class="d-flex align-items-center gap-2"> <div class="w-6 h-6 d-grid place-content-center rounded-circle flex-shrink-0 bg-tertiary-50"> <span class="material-symbols-outlined mat-icon fs-20 clr-tertiary-500"> close </span> </div> <span class="d-inline-block"> Lunch and dinner are not included in plans </span> </div> </li> <li> <div class="d-flex align-items-center gap-2"> <div class="w-6 h-6 d-grid place-content-center rounded-circle flex-shrink-0 bg-tertiary-50"> <span class="material-symbols-outlined mat-icon fs-20 clr-tertiary-500"> close </span> </div> <span class="d-inline-block"> Any other services not specifically mentioned in the inclusions </span> </div> </li> <li> <div class="d-flex align-items-center gap-2"> <div class="w-6 h-6 d-grid place-content-center rounded-circle flex-shrink-0 bg-tertiary-50"> <span class="material-symbols-outlined mat-icon fs-20 clr-tertiary-500"> close </span> </div> <span class="d-inline-block"> Medical and Travel insurance </span> </div> </li> <li> <div class="d-flex align-items-center gap-2"> <div class="w-6 h-6 d-grid place-content-center rounded-circle flex-shrink-0 bg-tertiary-50"> <span class="material-symbols-outlined mat-icon fs-20 clr-tertiary-500"> close </span> </div> <span class="d-inline-block"> Airfare is not included </span> </div> </li> <li> <div class="d-flex align-items-center gap-2"> <div class="w-6 h-6 d-grid place-content-center rounded-circle flex-shrink-0 bg-tertiary-50"> <span class="material-symbols-outlined mat-icon fs-20 clr-tertiary-500"> close </span> </div> <span class="d-inline-block"> Early Check-In & Late Check-Out </span> </div> </li> <li> <div class="d-flex align-items-center gap-2"> <div class="w-6 h-6 d-grid place-content-center rounded-circle flex-shrink-0 bg-tertiary-50"> <span class="material-symbols-outlined mat-icon fs-20 clr-tertiary-500"> close </span> </div> <span class="d-inline-block"> Anything which is not specified in Inclusions </span> </div> </li> </ul> <a href="#" class="link d-flex align-items-center gap-2 clr-primary-300 mt-8"> <span class="fw-semibold d-inline-block"> Read More </span> <span class="material-symbols-outlined mat-icon"> arrow_right_alt </span> </a> </div> <div class="p-6 bg-primary-3p rounded-4 border border-neutral-40 mb-10"> <h4 class="mb-0"> Tour Policy </h4> <div class="hr-dashed my-5"></div> <h6 class="mb-4"> Confirmation Policy : </h6> <p class="mb-4"> The customer receives a confirmation voucher via email within 24 hours of successful booking. </p> <p class="mb-4"> In case the preferred slots are unavailable, an alternate schedule of the customer’s preference will be arranged and a new confirmation voucher will be sent via email. </p> <p class="mb-10"> Alternatively, the customer may choose to cancel their booking before confirmation and a full refund will be processed. </p> <h6 class="mb-4"> Cancellation Policy : </h6> <p class="mb-4"> <span class="fw-medium clr-neutral-900">10 days :</span> 100% </p> <p class="mb-4"> <span class="fw-medium clr-neutral-900">10 to 15 days :</span> 75% + Non Refundable Component </p> <p class="mb-4"> <span class="fw-medium clr-neutral-900">15 to 30 days :</span> 30% + Non Refundable Component </p> <p class="mb-4"> <span class="fw-medium clr-neutral-900">10Hotel / Air :</span> 100% in case of non-refundable ticket / Hotel Room </p> <p class="mb-10"> <span class="fw-medium clr-neutral-900">10Cruise / Visa :</span> On Actuals </p> <h6 class="mb-4"> Refund Policy : </h6> <p class="mb-0"> The applicable refund amount will be processed within 10 business days. All applicable refunds will be done in the traveler's banks wallet as E-cash. </p> </div> <div class="d-flex align-items-center justify-content-between gap-4 flex-wrap"> <a href="#" class="link d-flex align-items-center clr-neutral-500 :clr-primary-300 gap-1 order-1"> <span class="material-symbols-outlined mat-icon"> arrow_back </span> <span class="d-inline-block fw-semibold"> Prev Tour </span> </a> <ul class="list list-row flex-wrap gap-3 justify-content-center order-3 flex-grow-1 order-md-2"> <li> <a href="#" class="link d-grid place-content-center w-9 h-9 rounded-circle bg-primary-50 clr-primary-300 :bg-primary-300 :clr-neutral-0"> <i class="fab fa-facebook-f"></i> </a> </li> <li> <a href="#" class="link d-grid place-content-center w-9 h-9 rounded-circle bg-primary-50 clr-primary-300 :bg-primary-300 :clr-neutral-0"> <i class="fab fa-twitter"></i> </a> </li> <li> <a href="#" class="link d-grid place-content-center w-9 h-9 rounded-circle bg-primary-50 clr-primary-300 :bg-primary-300 :clr-neutral-0"> <i class="fab fa-linkedin-in"></i> </a> </li> <li> <a href="#" class="link d-grid place-content-center w-9 h-9 rounded-circle bg-primary-50 clr-primary-300 :bg-primary-300 :clr-neutral-0"> <i class="fab fa-dribbble"></i> </a> </li> </ul> <a href="#" class="link d-flex align-items-center clr-neutral-500 :clr-primary-300 gap-1 order-2"> <span class="d-inline-block fw-semibold"> Next Tour </span> <span class="material-symbols-outlined mat-icon"> arrow_forward </span> </a> </div> </div> </div> <div class="bg-neutral-0 rounded-4 py-8 px-5"> <div class="d-flex align-items-center gap-4 justify-content-between flex-wrap mb-10"> <div class="d-flex align-items-center gap-2"> <span class="material-symbols-outlined mat-icon solid fs-32 clr-tertiary-300"> star_rate </span> <h3 class="mb-0"> 4.7 (21 reviews) </h3> </div> <div class="d-flex align-items-center gap-2"> <p class="mb-0 clr-neutral-500"> Sort By : </p> <select class="form-select w-auto rounded-pill"> <option selected>Latest</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> </select> </div> </div> <div class="bg-primary-5p rounded-4 p-6 mb-8"> <div class="d-flex align-items-center flex-wrap justify-content-between gap-4"> <div class="d-flex gap-5 align-items-center"> <div class="w-15 h-15 flex-shrink-0 rounded-circle overflow-hidden"> <img src="assets/img/user-1.jpg" alt="image" class="img-fluid w-100 h-100 object-fit-cover"> </div> <div class="flex-grow-1"> <h5 class="mb-1 fw-semibold"> Kiss Laura </h5> <p class="mb-0 clr-neutral-500"> Product Designer </p> </div> </div> <div class="text-sm-end"> <p class="mb-1"> 09:01 am </p> <p class="mb-0"> Mar 03, 2023 </p> </div> </div> <div class="hr-dashed my-6"></div> <ul class="list list-row mb-2"> <li> <span class="material-symbols-outlined mat-icon solid fs-32 clr-tertiary-300"> star_rate </span> </li> <li> <span class="material-symbols-outlined mat-icon solid fs-32 clr-tertiary-300"> star_rate </span> </li> <li> <span class="material-symbols-outlined mat-icon solid fs-32 clr-tertiary-300"> star_rate </span> </li> <li> <span class="material-symbols-outlined mat-icon solid fs-32 clr-tertiary-300"> star_rate </span> </li> <li> <span class="material-symbols-outlined mat-icon solid fs-32 clr-tertiary-300"> star_rate_half </span> </li> </ul> <p class="mb-0 clr-neutral-500"> I highly recommend [real estate agent's name] as a professional and knowledgeable real estate agent. They provided valuable guidance throughout the selling process </p> <div class="hr-dashed my-6"></div> <div class="d-flex flex-wrap align-items-center gap-10 mb-6"> <div class="d-flex align-items-center gap-2 clr-primary-300"> <span class="material-symbols-outlined mat-icon"> thumb_up </span> <span class="d-inline-block"> 178 </span> </div> <div class="d-flex align-items-center gap-2 clr-primary-300"> <span class="material-symbols-outlined mat-icon"> forum </span> <span class="d-inline-block"> Reply </span> </div> </div> <div class="d-flex gap-5 align-items-center"> <div class="w-15 h-15 flex-shrink-0 rounded-circle overflow-hidden"> <img src="assets/img/user-2.jpg" alt="image" class="img-fluid w-100 h-100 object-fit-cover"> </div> <div class="flex-grow-1"> <input class="form-control form-control-lg fs-16 py-4 px-5 rounded-pill" type="text" placeholder="Join the discussion"> </div> </div> </div> <div class="bg-primary-5p rounded-4 p-6 mb-8"> <div class="d-flex align-items-center flex-wrap justify-content-between gap-4"> <div class="d-flex gap-5 align-items-center"> <div class="w-15 h-15 flex-shrink-0 rounded-circle overflow-hidden"> <img src="assets/img/user-3.jpg" alt="image" class="img-fluid w-100 h-100 object-fit-cover"> </div> <div class="flex-grow-1"> <h5 class="mb-1 fw-semibold"> Kristin Watson </h5> <p class="mb-0 clr-neutral-500"> Product Designer </p> </div> </div> <div class="text-sm-end"> <p class="mb-1"> 09:01 am </p> <p class="mb-0"> Mar 03, 2023 </p> </div> </div> <div class="hr-dashed my-6"></div> <ul class="list list-row mb-2"> <li> <span class="material-symbols-outlined mat-icon solid fs-32 clr-tertiary-300"> star_rate </span> </li> <li> <span class="material-symbols-outlined mat-icon solid fs-32 clr-tertiary-300"> star_rate </span> </li> <li> <span class="material-symbols-outlined mat-icon solid fs-32 clr-tertiary-300"> star_rate </span> </li> <li> <span class="material-symbols-outlined mat-icon solid fs-32 clr-tertiary-300"> star_rate </span> </li> <li> <span class="material-symbols-outlined mat-icon solid fs-32 clr-tertiary-300"> star_rate_half </span> </li> </ul> <p class="mb-0 clr-neutral-500"> I highly recommend [real estate agent's name] as a professional and knowledgeable real estate agent. They provided valuable guidance throughout the selling process </p> <div class="hr-dashed my-6"></div> <div class="d-flex flex-wrap align-items-center gap-10"> <div class="d-flex align-items-center gap-2 clr-primary-300"> <span class="material-symbols-outlined mat-icon"> thumb_up </span> <span class="d-inline-block"> 178 </span> </div> <div class="d-flex align-items-center gap-2 clr-primary-300"> <span class="material-symbols-outlined mat-icon"> forum </span> <span class="d-inline-block"> Reply </span> </div> </div> </div> <div class="bg-primary-5p rounded-4 p-6 mb-8"> <div class="d-flex align-items-center flex-wrap justify-content-between gap-4"> <div class="d-flex gap-5 align-items-center"> <div class="w-15 h-15 flex-shrink-0 rounded-circle overflow-hidden"> <img src="assets/img/user-4.jpg" alt="image" class="img-fluid w-100 h-100 object-fit-cover"> </div> <div class="flex-grow-1"> <h5 class="mb-1 fw-semibold"> Marvin McKinney </h5> <p class="mb-0 clr-neutral-500"> Product Designer </p> </div> </div> <div class="text-sm-end"> <p class="mb-1"> 09:01 am </p> <p class="mb-0"> Mar 03, 2023 </p> </div> </div> <div class="hr-dashed my-6"></div> <ul class="list list-row mb-2"> <li> <span class="material-symbols-outlined mat-icon solid fs-32 clr-tertiary-300"> star_rate </span> </li> <li> <span class="material-symbols-outlined mat-icon solid fs-32 clr-tertiary-300"> star_rate </span> </li> <li> <span class="material-symbols-outlined mat-icon solid fs-32 clr-tertiary-300"> star_rate </span> </li> <li> <span class="material-symbols-outlined mat-icon solid fs-32 clr-tertiary-300"> star_rate </span> </li> <li> <span class="material-symbols-outlined mat-icon solid fs-32 clr-tertiary-300"> star_rate_half </span> </li> </ul> <p class="mb-0 clr-neutral-500"> I highly recommend [real estate agent's name] as a professional and knowledgeable real estate agent. They provided valuable guidance throughout the selling process </p> <div class="hr-dashed my-6"></div> <div class="d-flex flex-wrap align-items-center gap-10"> <div class="d-flex align-items-center gap-2 clr-primary-300"> <span class="material-symbols-outlined mat-icon"> thumb_up </span> <span class="d-inline-block"> 178 </span> </div> <div class="d-flex align-items-center gap-2 clr-primary-300"> <span class="material-symbols-outlined mat-icon"> forum </span> <span class="d-inline-block"> Reply </span> </div> </div> </div> <a href="#" class="featured-tab link fw-semibold clr-primary-400 d-inline-block py-3 px-6 bg-primary-50 :bg-primary-300 :clr-neutral-0 rounded-pill active"> See All Reviews </a> </div> <div class="section-space--sm"> <div class="bg-neutral-0 rounded-4 py-8 px-5"> <h4 class="mb-0">Write a review</h4> <div class="hr-dashed my-6"></div> <p class="fs-20 fw-medium">Rating *</p> <ul class="list list-row mb-6"> <li> <span class="material-symbols-outlined mat-icon fs-32 solid clr-tertiary-300"> star_rate </span> </li> <li> <span class="material-symbols-outlined mat-icon fs-32 solid clr-tertiary-300"> star_rate </span> </li> <li> <span class="material-symbols-outlined mat-icon fs-32 solid clr-tertiary-300"> star_rate </span> </li> <li> <span class="material-symbols-outlined mat-icon fs-32 solid clr-tertiary-300"> star_rate_half </span> </li> <li> <span class="material-symbols-outlined mat-icon fs-32 solid clr-tertiary-300"> star_rate_half </span> </li> </ul> <form action="#"> <div class="row g-4"> <div class="col-12"> <label for="review-name" class="fs-20 fw-medium d-block mb-3">Name *</label> <input type="text" class="form-control bg-primary-3p border border-neutral-40 rounded-pill py-3 px-5" placeholder="Enter Name.." id="review-name"> </div> <div class="col-12"> <label for="review-email" class="fs-20 fw-medium d-block mb-3">Email *</label> <input type="text" class="form-control bg-primary-3p border border-neutral-40 rounded-pill py-3 px-5" placeholder="Enter Email.." id="review-email"> </div> <div class="col-12"> <label for="review-review" class="fs-20 fw-medium d-block mb-3">Review *</label> <textarea id="review-review" rows="5" class="form-control bg-primary-3p border border-neutral-40 rounded-5 py-3 px-5"></textarea> </div> <div class="col-12"> <a href="#" class="featured-tab link fw-semibold clr-primary-400 d-inline-block py-3 px-6 bg-primary-50 :bg-primary-300 :clr-neutral-0 rounded-pill active"> Submit Review </a> </div> </div> </form> </div> </div> </div> <div class="col-xl-4"> <div class="section-space--sm"> <div class="bg-neutral-0 rounded-4 py-8 px-6"> <p class="mb-3 fs-18 fw-medium"> Price </p> <div class="d-flex align-items-start gap-2 mb-6"> <div class="d-flex gap-3 align-items-center"> <span class="material-symbols-outlined mat-icon"> sell </span> <p class="mb-0"> From </p> <h3 class="mb-0"> $399 </h3> </div> <span class="material-symbols-outlined mat-icon"> info </span> </div> <div class="list-group about-tab mb-7"> <a class="list-group-item active" data-bs-toggle="list" href="#booking-list"> Booking Form </a> <a class="list-group-item" data-bs-toggle="list" href="#enquiry-list"> Enquiry Form </a> </div> <div class="tab-content mb-8"> <div class="tab-pane fade show active" id="booking-list"> <div class="row g-3"> <div class="col-12"> <div class="input-group"> <input type="text" class="form-control bg-primary-3p border border-end-0 border-neutral-40 rounded-pill rounded-end-0 py-3 px-5" placeholder="Location"> <span class="input-group-text bg-primary-3p border border-start-0 border-neutral-40 rounded-pill rounded-start-0 py-3 pe-5 ps-0"> <span class="material-symbols-outlined mat-icon clr-neutral-100"> distance </span> </span> </div> </div> <div class="col-12"> <div class="input-group"> <input type="text" class="form-control bg-primary-3p border border-end-0 border-neutral-40 rounded-pill rounded-end-0 py-3 px-5" placeholder="Check In - Check Out"> <span class="input-group-text bg-primary-3p border border-start-0 border-neutral-40 rounded-pill rounded-start-0 py-3 pe-5 ps-0"> <span class="material-symbols-outlined mat-icon clr-neutral-100"> calendar_month </span> </span> </div> </div> <div class="col-12"> <div class="input-group"> <input type="text" class="form-control bg-primary-3p border border-end-0 border-neutral-40 rounded-pill rounded-end-0 py-3 px-5" placeholder="Guest"> <span class="input-group-text bg-primary-3p border border-start-0 border-neutral-40 rounded-pill rounded-start-0 py-3 pe-5 ps-0"> <span class="material-symbols-outlined mat-icon clr-neutral-100"> group </span> </span> </div> </div> </div> </div> <div class="tab-pane fade" id="enquiry-list"> <div class="row g-3"> <div class="col-12"> <div class="input-group"> <input type="text" class="form-control bg-primary-3p border border-end-0 border-neutral-40 rounded-pill rounded-end-0 py-3 px-5" placeholder="Location"> <span class="input-group-text bg-primary-3p border border-start-0 border-neutral-40 rounded-pill rounded-start-0 py-3 pe-5 ps-0"> <span class="material-symbols-outlined mat-icon clr-neutral-100"> distance </span> </span> </div> </div> <div class="col-12"> <div class="input-group"> <input type="text" class="form-control bg-primary-3p border border-end-0 border-neutral-40 rounded-pill rounded-end-0 py-3 px-5" placeholder="Check In - Check Out"> <span class="input-group-text bg-primary-3p border border-start-0 border-neutral-40 rounded-pill rounded-start-0 py-3 pe-5 ps-0"> <span class="material-symbols-outlined mat-icon clr-neutral-100"> calendar_month </span> </span> </div> </div> <div class="col-12"> <div class="input-group"> <input type="text" class="form-control bg-primary-3p border border-end-0 border-neutral-40 rounded-pill rounded-end-0 py-3 px-5" placeholder="Guest"> <span class="input-group-text bg-primary-3p border border-start-0 border-neutral-40 rounded-pill rounded-start-0 py-3 pe-5 ps-0"> <span class="material-symbols-outlined mat-icon clr-neutral-100"> group </span> </span> </div> </div> </div> </div> </div> <div class="d-flex align-items-center justify-content-between mb-4"> <p class="mb-0 clr-neutral-500"> Base Price </p> <p class="mb-0 fw-medium"> $360 </p> </div> <div class="d-flex align-items-center justify-content-between mb-4"> <p class="mb-0 clr-neutral-500"> State Tax </p> <p class="mb-0 fw-medium"> $70 </p> </div> <div class="d-flex align-items-center justify-content-between"> <p class="mb-0 clr-neutral-500"> Service charge </p> <p class="mb-0 fw-medium"> $10 </p> </div> <div class="hr-dashed my-4"></div> <div class="d-flex align-items-center justify-content-between mb-10"> <p class="mb-0 clr-neutral-500"> Total </p> <p class="mb-0 fw-medium"> $1025 </p> </div> <a href="#" class="link d-inline-flex align-items-center gap-2 py-3 px-6 rounded-pill bg-primary-300 clr-neutral-0 :bg-primary-400 :clr-neutral-0 fw-medium w-100 justify-content-center mb-6"> <span class="d-inline-block"> Proceed Booking </span> </a> <ul class="list list-row justify-content-center gap-6"> <li> <div class="d-flex align-items-center gap-2"> <div class="w-7 h-7 rounded-circle bg-primary-50 clr-primary-300 d-grid place-content-center"> <span class="material-symbols-outlined mat-icon fs-18"> favorite </span> </div> <span class="d-inline-block fs-14 clr-neutral-500"> Save To Wish List </span> </div> </li> <li> <div class="d-flex align-items-center gap-2"> <div class="w-7 h-7 rounded-circle bg-primary-50 clr-primary-300 d-grid place-content-center"> <span class="material-symbols-outlined mat-icon fs-18"> compare_arrows </span> </div> <span class="d-inline-block fs-14 clr-neutral-500"> Compare </span> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <!-- Footer --> <div class="bg-neutral-900"> <div class="section-space"> <div class="container"> <div class="row gy-5"> <div class="col-md-6 col-xl-3"> <a href="index-2.html" class="link d-inline-block mb-6"> <img src="assets/img/logo-light.png" alt="image" class="img-fluid"> </a> <p class="clr-neutral-30 mb-6"> Real estate can be bought, sold, leased, or rented, and can be a valuable investment opportunity. The value of real estate can be... </p> <ul class="list list-row gap-3 flex-wrap"> <li> <a href="#" class="link d-grid place-content-center w-9 h-9 rounded-circle border border-primary clr-neutral-0 :bg-primary-300 :clr-neutral-0"> <i class="fab fa-facebook-f"></i> </a> </li> <li> <a href="#" class="link d-grid place-content-center w-9 h-9 rounded-circle border border-primary clr-neutral-0 :bg-primary-300 :clr-neutral-0"> <i class="fab fa-twitter"></i> </a> </li> <li> <a href="#" class="link d-grid place-content-center w-9 h-9 rounded-circle border border-primary clr-neutral-0 :bg-primary-300 :clr-neutral-0"> <i class="fab fa-linkedin-in"></i> </a> </li> <li> <a href="#" class="link d-grid place-content-center w-9 h-9 rounded-circle border border-primary clr-neutral-0 :bg-primary-300 :clr-neutral-0"> <i class="fab fa-instagram"></i> </a> </li> <li> <a href="#" class="link d-grid place-content-center w-9 h-9 rounded-circle border border-primary clr-neutral-0 :bg-primary-300 :clr-neutral-0"> <i class="fab fa-dribbble"></i> </a> </li> </ul> </div> <div class="col-md-6 col-xl-3"> <h4 class="clr-neutral-0 mb-6"> Quick Link </h4> <ul class="list gap-2"> <li> <a href="about-us.html" class="link d-inline-block clr-neutral-30 :clr-secondary-300"> About Us </a> </li> <li> <a href="property-grid.html" class="link d-inline-block clr-neutral-30 :clr-secondary-300"> Properties </a> </li> <li> <a href="agent.html" class="link d-inline-block clr-neutral-30 :clr-secondary-300"> Agents </a> </li> <li> <a href="faq.html" class="link d-inline-block clr-neutral-30 :clr-secondary-300"> FAQs </a> </li> <li> <a href="blog-grid.html" class="link d-inline-block clr-neutral-30 :clr-secondary-300"> Blog </a> </li> </ul> </div> <div class="col-md-6 col-xl-3"> <h4 class="clr-neutral-0 mb-6"> Contact </h4> <ul class="list gap-4"> <li> <div class="d-flex align-items-center gap-4"> <div class="w-8 h-8 rounded-circle d-grid place-content-center bg-primary-300 clr-neutral-0 flex-shrink-00"> <span class="material-symbols-outlined mat-icon fw-200"> phone_in_talk </span> </div> <p class="mb-0 clr-neutral-30"> (316) 555-0116 </p> </div> </li> <li> <div class="d-flex align-items-center gap-4"> <div class="w-8 h-8 rounded-circle d-grid place-content-center bg-secondary-300 clr-neutral-0 flex-shrink-00"> <span class="material-symbols-outlined mat-icon fw-200"> mark_as_unread </span> </div> <p class="mb-0 clr-neutral-30"> example@mail.com </p> </div> </li> <li> <div class="d-flex align-items-center gap-4"> <div class="w-8 h-8 rounded-circle d-grid place-content-center bg-tertiary-300 clr-neutral-0 flex-shrink-00"> <span class="material-symbols-outlined mat-icon fw-200"> distance </span> </div> <p class="mb-0 clr-neutral-30"> 31 Brandy Way, Sutton, SM2 6SE </p> </div> </li> </ul> </div> <div class="col-md-6 col-xl-3"> <h4 class="clr-neutral-0 mb-6"> Newsletter </h4> <p class="mb-6 clr-neutral-30"> Subscribe our newsletter to get our latest update & news </p> <div class="p-2 rounded-pill border border-neutral-200"> <form action="#" class="d-flex align-items-center"> <input type="text" placeholder="Email address" class="w-100 border-0 bg-transparent clr-neutral-30 px-3 py-2 ::placeholder-neutral-30 :focus-outline-0"> <button type="button" class="d-grid place-content-center px-6 py-3 rounded-pill bg-tertiary-300 clr-neutral-0 border-0"> <span class="material-symbols-outlined mat-icon fw-300"> send </span> </button> </form> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-12"> <div class="py-8 border-top border-primary-500"> <div class="row g-4 align-items-center"> <div class="col-lg-6"> <p class="m-0 clr-neutral-0 text-center text-lg-start"> Copyright © 2023 <span class="clr-tertiary-300">Placewise</span>. Designed By <a href="#" class="link clr-secondary-300">Pixelaxis</a> </p> </div> <div class="col-lg-6"> <ul class="list list-row align-items-center flex-wrap gap-6 justify-content-center justify-content-lg-end"> <li> <a href="sign-in.html" class="link clr-neutral-0 :clr-secondary-300"> Sign in </a> </li> <li> <a href="signup.html" class="link clr-neutral-0 :clr-secondary-300"> Sign Up </a> </li> <li> <a href="faq.html" class="link clr-neutral-0 :clr-secondary-300"> FAQ </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <!-- /Footer --> <!-- scrpts --> <script src="../unpkg.com/leaflet%401.9.3/dist/leaflet.js" integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=" crossorigin=""></script> <script src="assets/js/plugins.js"></script> <script src="assets/js/app.js"></script> </body> <!-- Mirrored from pix-placewise.vercel.app/tour-listing-details.html by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 27 Aug 2023 10:00:45 GMT --> </html>
💾 Kaydet
İptal
📝 Yeniden Adlandır
İptal
Kaydet
🔐 Dosya İzinleri (chmod)
İzin Değeri:
Hızlı Seçim:
777
755
644
600
777
= Herkes okur/yazar/çalıştırır
755
= Sahip tam, diğerleri okur/çalıştırır
644
= Sahip okur/yazar, diğerleri okur
600
= Sadece sahip okur/yazar
İptal
Uygula