📁 PHP Dosya Yöneticisi
/
/
home
/
demodesigncom
/
esnafbul.demodesign.com.tr
/
sablon
📝
cab-listing-details.html
← Geri Dön
<!DOCTYPE html> <html lang="en"> <!-- Mirrored from pix-placewise.vercel.app/cab-listing-details.html by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 27 Aug 2023 10:00:40 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 --> <!-- Property Gallery --> <div class="container-fluid p-0"> <div class="row g-0"> <div class="col-12"> <div class="swiper property-gallery-slider"> <div class="swiper-wrapper property-gallery-slider"> <div class="swiper-slide"> <a href="assets/img/cab-gallery-1.jpg" class="link property-gallery"> <img src="assets/img/cab-gallery-1.jpg" alt="image" class="img-fluid"> </a> </div> <div class="swiper-slide"> <a href="assets/img/cab-gallery-2.jpg" class="link property-gallery"> <img src="assets/img/cab-gallery-2.jpg" alt="image" class="img-fluid"> </a> </div> <div class="swiper-slide"> <a href="assets/img/cab-gallery-3.jpg" class="link property-gallery"> <img src="assets/img/cab-gallery-3.jpg" alt="image" class="img-fluid"> </a> </div> <div class="swiper-slide"> <a href="assets/img/cab-gallery-3.jpg" class="link property-gallery"> <img src="assets/img/cab-gallery-3.jpg" alt="image" class="img-fluid"> </a> </div> </div> <div class="swiper-button-prev property-gallery-slider__btn property-gallery-slider__btn-prev"> </div> <div class="swiper-button-next property-gallery-slider__btn property-gallery-slider__btn-next"> </div> </div> </div> </div> </div> <!-- /Property Gallery --> <!-- Property Details Body --> <div class="bg-primary-5p"> <div class="container"> <div class="row"> <div class="col-xl-8"> <div class="section-space--sm"> <div class="p-6 bg-neutral-0 rounded-4 mb-10"> <div class="d-flex align-items-center justify-content-between flex-wrap gap-3"> <h5 class="clr-primary-300 d-inline-block mb-0"> For Rent </h5> <ul class="list list-row gap-3 align-items-center"> <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"> <span class="material-symbols-outlined mat-icon fs-20"> favorite </span> </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"> <span class="material-symbols-outlined mat-icon fs-20"> compare_arrows </span> </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"> <span class="material-symbols-outlined mat-icon fs-20"> Share </span> </a> </li> </ul> </div> <h2 class="mt-4 mb-8"> BMW 3 Series </h2> <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 clr-secondary-500"> 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 clr-secondary-500"> 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 clr-secondary-500"> 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 clr-secondary-500"> 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 clr-secondary-500"> calendar_month </span> <p class="mb-0"> 2023 </p> </div> </li> </ul> </div> <div class="p-6 bg-neutral-0 rounded-4 mb-10"> <h4 class="mb-5"> Description </h4> <p class="mb-5 clr-neutral-500"> The BMW 3 Series is a popular luxury compact car model from the German automaker BMW. It was first introduced in 1975 and has since become one of the brand's best-selling models. The BMW 3 Series is known for its sporty handling, powerful engines, and luxurious features. </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-neutral-0 rounded-4 mb-10"> <h4 class="mb-5"> Inclusion & Exclusion </h4> <div class="mb-10"> <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"> State tax </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"> Driver Allowance </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"> Free Cancellation </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"> Toll charge </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"> Pickup and drop </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"> Free waiting </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"> Internet </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"> Car Parking </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"> Heating </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"> Alarm </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"> Pets Allow </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"> Spa Massage </span> </div> </li> </ul> </div> </div> </div> <a href="#" class="btn btn-outline-primary py-3 px-6 rounded-pill d-inline-flex align-items-center gap-1 fw-semibold"> Read More </a> </div> <div class="p-6 bg-neutral-0 rounded-4 mb-10"> <h4 class="mb-5"> Driver and Cab details </h4> <ul class="list gap-4 mb-5"> <li> <div class="d-flex gap-4"> <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"> Driver Name and Photo: We've the driver's name and photo, so you don't afraid arrive tour. </span> </div> </li> <li> <div class="d-flex gap-4"> <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"> License plate number and car model: You will receive the license plate number and car model of your driver's vehicle. This will help you identify the correct cab and ensure that you are getting into the right car. </span> </div> </li> <li> <div class="d-flex gap-4"> <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"> Driver rating: You will also be able to view your driver's rating from other passengers. This rating is based on their driving and customer service skills and can help you determine the quality of your ride. </span> </div> </li> <li> <div class="d-flex gap-4"> <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"> Contact information: You will be provided with the driver's phone number, so you can contact them if needed. </span> </div> </li> </ul> <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-neutral-0 rounded-4 mb-10"> <h4 class="mb-5"> Cab Video </h4> <div class="property-showcase bg-neutral-0 p-1 rounded-4 overflow-hidden position-relative z-1"> <img src="assets/img/cab-video.jpg" alt="image" class="img-fluid w-100 rounded-4 z-n1"> <a href="https://vimeo.com/115041822" class="video-popup link d-grid place-content-center w-14 h-14 rounded-circle bg-tertiary-300 clr-neutral-900 z-2 position-absolute position-center"> <span class="material-symbols-rounded mat-icon solid fs-36"> play_arrow </span> </a> </div> </div> <div class="p-6 bg-neutral-0 rounded-4 mb-10"> <h4 class="mb-5"> Safety Guidelines </h4> <ul class="list gap-4 mb-5"> <li> <div class="d-flex gap-4"> <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"> Verify your ride: Before entering a cab, verify that the car and driver match the details of your ride booking. Check the license plate number and driver photo on the app and match it with the car and driver in front of you. </span> </div> </li> <li> <div class="d-flex gap-4"> <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"> Sit in the back seat: Always sit in the back seat of the cab. This will give you more personal space and distance from the driver. </span> </div> </li> <li> <div class="d-flex gap-4"> <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"> Wear your seatbelt: Always wear your seatbelt during the ride. This is not only required by law in most places, but it is also an important safety measure in case of an accident. </span> </div> </li> <li> <div class="d-flex gap-4"> <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"> Avoid distractions: Avoid using your phone or other electronic devices during the ride. This will help you stay alert and aware of your surroundings. </span> </div> </li> </ul> <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-neutral-0 rounded-4 mb-10"> <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 Property </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 Property </span> <span class="material-symbols-outlined mat-icon"> arrow_forward </span> </a> </div> </div> <div class="bg-neutral-0 rounded-4 py-8 px-5 mb-10"> <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="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 pb-0 mb-6 position-relative"> <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="Pickup 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="Drop 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="Pickup Date"> <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="Pickup Time"> <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"> alarm_on </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="Pickup 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="Drop 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="Pickup Date"> <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="Pickup Time"> <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"> alarm_on </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 mb-4"> <p class="mb-0 clr-neutral-500"> Night Charge </p> <p class="mb-0 fw-medium"> $170 </p> </div> <div class="d-flex align-items-center justify-content-between"> <p class="mb-0 clr-neutral-500"> Convenience Fee </p> <p class="mb-0 fw-medium"> $15 </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-3 flex-wrap"> <li> <img src="assets/img/paypal.png" alt="image" class="img-fluid"> </li> <li> <img src="assets/img/payoneer.png" alt="image" class="img-fluid"> </li> <li> <img src="assets/img/visa.png" alt="image" class="img-fluid"> </li> <li> <img src="assets/img/master-card.png" alt="image" class="img-fluid"> </li> </ul> </div> </div> <div class="bg-neutral-0 rounded-4 py-8 px-6 mb-6"> <div class="w-30 h-30 border border-primary-100 rounded-circle bg-neutral-0 p-6 d-grid place-content-center position-relative mx-auto mb-10"> <img src="assets/img/team-1.jpg" alt="image" class="w-24 h-24 object-fit-cover rounded-circle"> <div class="w-8 h-8 d-grid place-content-center rounded-circle border border-2 border-neutral bg-primary-300 position-absolute end-0 bottom-0"> <span class="material-symbols-outlined mat-icon clr-neutral-0"> check </span> </div> </div> <h4 class="text-center mb-4"> Savannah Nguyen </h4> <ul class="list list-row list-divider-dot-sm align-items-cener justify-content-center flex-wrap mb-7"> <li> <p class="mb-0"> ID: <span class="clr-primary-300">235</span> </p> </li> <li> <p class="mb-0"> Property: 24 </p> </li> <li> <div class="d-flex gap-1 align-items-cener"> <span class="material-symbols-outlined mat-icon solid clr-tertiary-300"> star_rate </span> <p class="mb-0"> 4.8 </p> </div> </li> </ul> <ul class="list list-row justify-content-center flex-wrap gap-3"> <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-instagram"></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> <div class="hr-dashed my-7"></div> <ul class="list gap-4 mb-10 max-text-30 mx-auto"> <li> <div class="d-flex align-items-center gap-2"> <span class="material-symbols-outlined mat-icon clr-primary-300"> calendar_month </span> <p class="mb-0"> Joined in June 2018 </p> </div> </li> <li> <div class="d-flex align-items-center gap-2"> <span class="material-symbols-outlined mat-icon clr-secondary-300"> chat </span> <p class="mb-0"> Response rate - 100% </p> </div> </li> <li> <div class="d-flex align-items-center gap-2"> <span class="material-symbols-outlined mat-icon clr-tertiary-300"> alarm_on </span> <p class="mb-0"> Fast response </p> </div> </li> </ul> <div class="text-center"> <a href="#" class="btn btn-outline-primary py-3 px-6 rounded-pill d-inline-flex align-items-center gap-1 fw-semibold"> See Host Profile </a> </div> </div> </div> </div> </div> </div> <!-- /Property Details Body --> <!-- 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/cab-listing-details.html by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 27 Aug 2023 10:00:40 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