📁 PHP Dosya Yöneticisi
/
/
home
/
demodesigncom
/
esnafbul.demodesign.com.tr
/
sablon
📝
property-details-2.html
← Geri Dön
<!DOCTYPE html> <html lang="en"> <!-- Mirrored from pix-placewise.vercel.app/property-details-2.html by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 27 Aug 2023 10:00:37 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/property-gallery-slider-1.jpg" class="link property-gallery"> <img src="assets/img/property-gallery-slider-1.jpg" alt="image" class="img-fluid"> </a> </div> <div class="swiper-slide"> <a href="assets/img/property-gallery-slider-2.jpg" class="link property-gallery"> <img src="assets/img/property-gallery-slider-2.jpg" alt="image" class="img-fluid"> </a> </div> <div class="swiper-slide"> <a href="assets/img/property-gallery-slider-3.jpg" class="link property-gallery"> <img src="assets/img/property-gallery-slider-3.jpg" alt="image" class="img-fluid"> </a> </div> <div class="swiper-slide"> <a href="assets/img/property-gallery-slider-4.jpg" class="link property-gallery"> <img src="assets/img/property-gallery-slider-4.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"> <div class="py-3 px-6 bg-primary-50 rounded-pill"> <h5 class="clr-primary-300 d-inline-block mb-0"> For Rent </h5> </div> <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"> RCE Theaters - 907 S Beckford Dr, Henderson, NC 27536 </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"> 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-neutral-0 rounded-4 mb-10"> <h4 class="mb-5"> Stay Information </h4> <p class="mb-5 clr-neutral-500"> Real estate is typically bought and sold through real estate agents or brokers, who act as intermediaries between buyers and sellers. The real estate industry also includes such as appraisers, inspectors, and attorneys who provide various services related. </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"> Amenities </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"> Air Condition </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"> Laundry Room </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"> Window Cover </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"> Free WiFi </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"> Pool </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"> Gym </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"> Property Video </h4> <div class="property-showcase bg-neutral-0 p-1 rounded-4 overflow-hidden position-relative z-1"> <img src="assets/img/property-video-img-3.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"> <div class="d-flex align-items-center justify-content-between flex-wrap gap-3 mb-5"> <h4 class="mb-0"> Location </h4> <a href="#" class="btn btn-outline-primary py-2 px-6 rounded-pill d-inline-flex align-items-center gap-1 fw-semibold"> View All <span class="material-symbols-outlined mat-icon lh-1"> trending_flat </span> </a> </div> <div class="w-100"> <iframe class="w-100 h-400 rounded-4" src="https://maps.google.com/maps?q=california&t=&z=10&ie=UTF8&iwloc=&output=embed"></iframe> </div> </div> <div class="p-6 bg-neutral-0 rounded-4 mb-10"> <h4 class="mb-0"> Floor Plan </h4> <div class="hr-dashed my-5"></div> <ul class="list"> <li> <div class="d-flex align-items-center justify-content-between flex-wrap gap-3 py-4 px-6 bg-primary-5p rounded-pill"> <p class="mb-0">Ground Floor</p> <ul class="list list-row align-items-center list-divider-dot-sm"> <li> <span class="fw-medium"> Beds: 3 </span> </li> <li> <span class="fw-medium"> Baths: 3 </span> </li> <li> <span class="fw-medium"> 1000 sft </span> </li> </ul> </div> </li> <li> <div class="d-flex align-items-center justify-content-between flex-wrap gap-3 py-4 px-6 rounded-pill"> <p class="mb-0">First Floor</p> <ul class="list list-row align-items-center list-divider-dot-sm"> <li> <span class="fw-medium"> Beds: 5 </span> </li> <li> <span class="fw-medium"> Baths: 4 </span> </li> <li> <span class="fw-medium"> 1200 sft </span> </li> </ul> </div> </li> <li> <div class="d-flex align-items-center justify-content-between flex-wrap gap-3 py-4 px-6 bg-primary-5p rounded-pill"> <p class="mb-0">Second Floor</p> <ul class="list list-row align-items-center list-divider-dot-sm"> <li> <span class="fw-medium"> Beds: 6 </span> </li> <li> <span class="fw-medium"> Baths: 5 </span> </li> <li> <span class="fw-medium"> 1500 sft </span> </li> </ul> </div> </li> <li> <div class="d-flex align-items-center justify-content-between flex-wrap gap-3 py-4 px-6 rounded-pill"> <p class="mb-0">Third Floor</p> <ul class="list list-row align-items-center list-divider-dot-sm"> <li> <span class="fw-medium"> Beds: 4 </span> </li> <li> <span class="fw-medium"> Baths: 2 </span> </li> <li> <span class="fw-medium"> 1120 sft </span> </li> </ul> </div> </li> <li> <div class="d-flex align-items-center justify-content-between flex-wrap gap-3 py-4 px-6 bg-primary-5p rounded-pill"> <p class="mb-0">Fourth Floor</p> <ul class="list list-row align-items-center list-divider-dot-sm"> <li> <span class="fw-medium"> Beds: 6 </span> </li> <li> <span class="fw-medium"> Baths: 5 </span> </li> <li> <span class="fw-medium"> 1500 sft </span> </li> </ul> </div> </li> </ul> <div class="hr-dashed my-5"></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 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 section-exxl-nspace z-1"> <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="d-flex bg-primary-3p gap-3 py-4 px-8 rounded-pill border border-neutral-40 mb-4"> <span class="material-symbols-outlined mat-icon clr-neutral-200 fs-32 flex-shrink-0"> calendar_month </span> <div class="flex-grow-1"> <p class="mb-1">Feb 17 - Feb 25</p> <p class="mb-0 fs-12 clr-neutral-400"> Check in - Check out </p> </div> </div> <div class="d-flex align-items-center bg-primary-3p gap-3 py-4 px-8 rounded-pill border border-neutral-40 mb-4"> <div class="flex-grow-1"> <p class="mb-1">Adults</p> <p class="mb-0 fs-12 clr-neutral-400"> Ages 12+ </p> </div> <div class="flex-shrink-0"> <div class="quantity"> <button type="button" class="quantity__button quantity__button-down material-symbols-outlined mat-icon clr-primary-300"> do_not_disturb_on </button> <input type="text" class="quantity__value" value="0"> <button type="button" class="quantity__button quantity__button-up material-symbols-outlined mat-icon clr-primary-300"> add_circle </button> </div> </div> </div> <div class="d-flex align-items-center bg-primary-3p gap-3 py-4 px-8 rounded-pill border border-neutral-40"> <div class="flex-grow-1"> <p class="mb-1">Children</p> <p class="mb-0 fs-12 clr-neutral-400"> Ages 2-12 </p> </div> <div class="flex-shrink-0"> <div class="quantity"> <button type="button" class="quantity__button quantity__button-down material-symbols-outlined mat-icon clr-primary-300"> do_not_disturb_on </button> <input type="text" class="quantity__value" value="0"> <button type="button" class="quantity__button quantity__button-up material-symbols-outlined mat-icon clr-primary-300"> add_circle </button> </div> </div> </div> </div> <div class="tab-pane fade" id="enquiry-list"> <div class="d-flex bg-primary-3p gap-3 py-4 px-8 rounded-pill border border-neutral-40 mb-4"> <span class="material-symbols-outlined mat-icon clr-neutral-200 fs-32 flex-shrink-0"> calendar_month </span> <div class="flex-grow-1"> <p class="mb-1">Feb 17 - Feb 25</p> <p class="mb-0 fs-12 clr-neutral-400"> Check in - Check out </p> </div> </div> <div class="d-flex align-items-center bg-primary-3p gap-3 py-4 px-8 rounded-pill border border-neutral-40 mb-4"> <div class="flex-grow-1"> <p class="mb-1">Adults</p> <p class="mb-0 fs-12 clr-neutral-400"> Ages 12+ </p> </div> <div class="flex-shrink-0"> <div class="quantity"> <button type="button" class="quantity__button quantity__button-down material-symbols-outlined mat-icon clr-primary-300"> do_not_disturb_on </button> <input type="text" class="quantity__value" value="0"> <button type="button" class="quantity__button quantity__button-up material-symbols-outlined mat-icon clr-primary-300"> add_circle </button> </div> </div> </div> <div class="d-flex align-items-center bg-primary-3p gap-3 py-4 px-8 rounded-pill border border-neutral-40"> <div class="flex-grow-1"> <p class="mb-1">Children</p> <p class="mb-0 fs-12 clr-neutral-400"> Ages 2-12 </p> </div> <div class="flex-shrink-0"> <div class="quantity"> <button type="button" class="quantity__button quantity__button-down material-symbols-outlined mat-icon clr-primary-300"> do_not_disturb_on </button> <input type="text" class="quantity__value" value="0"> <button type="button" class="quantity__button quantity__button-up material-symbols-outlined mat-icon clr-primary-300"> add_circle </button> </div> </div> </div> </div> </div> <div class="d-flex align-items-center justify-content-between mb-4"> <p class="mb-0 clr-neutral-500"> $119 x 4 night </p> <p class="mb-0 fw-medium"> $1015 </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-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 class="mb-6"> <div class="bg-neutral-0 rounded-4 py-8 px-6"> <h4 class="mb-0"> Mortgage Calculator </h4> <div class="hr-dashed my-8"></div> <ul class="list gap-4 mb-10"> <li> <div class="d-flex align-items-center py-3 px-6 border border-neutral-40 bg-primary-3p rounded-pill"> <span class="material-symbols-outlined mat-icon clr-neutral-100"> attach_money </span> <select class="form-select clr-neutral-600 border-0 bg-transparent"> <option selected>Sale Price</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> </select> </div> </li> <li> <div class="d-flex align-items-center py-3 px-6 border border-neutral-40 bg-primary-3p rounded-pill"> <span class="material-symbols-outlined mat-icon clr-neutral-100"> attach_money </span> <select class="form-select clr-neutral-600 border-0 bg-transparent"> <option selected>Down Payment</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> </select> </div> </li> <li> <div class="d-flex align-items-center py-3 px-6 border border-neutral-40 bg-primary-3p rounded-pill"> <span class="material-symbols-outlined mat-icon clr-neutral-100"> calendar_month </span> <select class="form-select clr-neutral-600 border-0 bg-transparent"> <option selected>Loan Term (Year)</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> </select> </div> </li> <li> <div class="d-flex align-items-center py-3 px-6 border border-neutral-40 bg-primary-3p rounded-pill"> <span class="material-symbols-outlined mat-icon clr-neutral-100"> percent </span> <select class="form-select clr-neutral-600 border-0 bg-transparent"> <option selected>Interest Rate</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> </select> </div> </li> </ul> <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-4"> <span class="d-inline-block"> Calculate </span> </a> <div class="d-flex justify-content-center py-3 px-6 rounded-pill bg-primary-3p text-center"> <span class="d-inline-block fw-semibold"> <span class="clr-neutral-600">Total Cost</span> : <span class="clr-primary-300">$00</span> </span> </div> </div> </div> <div class="bg-neutral-0 rounded-4 p-1"> <div class="position-relative"> <iframe class="w-100 h-400 rounded-4" src="https://maps.google.com/maps?q=california&t=&z=10&ie=UTF8&iwloc=&output=embed"></iframe> <div class="position-absolute top-0 start-0 end-0 bottom-0 bg-primary-30p rounded-4 d-grid place-content-center"> <a href="#" class="link d-flex align-items-cener justify-content-center py-3 px-6 rounded-pill bg-primary-300 :bg-primary-400 clr-neutral-0 text-center"> <span class="material-symbols-outlined mat-icon"> near_me </span> <span class="fw-semibold"> Get Directions </span> </a> </div> </div> </div> </div> </div> </div> <div class="section-space--sm pt-xl-0"> <div class="container"> <div class="row gy-5"> <div class="col-12"> <div class="row g-4 align-items-center"> <div class="col-md-6"> <h2 class="mb-0"> Recently viewed </h2> </div> <div class="col-md-6"> <div class="text-md-end d-flex gap-3 justify-content-md-end"> <div class="swiper-button-prev recent-view-slider__btn recent-view-slider__btn-prev"> </div> <div class="swiper-button-next recent-view-slider__btn recent-view-slider__btn-next"> </div> </div> </div> </div> </div> <div class="col-12"> <div class="swiper recent-view-slider"> <div class="swiper-wrapper"> <div class="swiper-slide ps-2"> <div class="property-card"> <div class="property-card__head"> <div class="property-card__img"> <img src="assets/img/featured-img-1.jpg" alt="image" class="img-fluid w-100"> </div> <a href="property-details-2.html" class="link property-card__tag d-inline-block bg-neutral-0 :bg-primary-300 clr-primary-300 :clr-neutral-0 py-2 px-4 rounded-pill fw-medium"> For Sale </a> <button class="property-card__fav w-10 h-10 rounded-circle bg-neutral-0 d-grid place-content-center border-0 clr-primary-300"> <span class="material-symbols-outlined mat-icon fw-200 property-card__heart"> favorite </span> </button> <span class="property-card__popular-tag"> <span class="d-inline-block fs-14 fw-semibold clr-neutral-0 bg-primary-300 py-2 px-9"> Popular </span> </span> </div> <div class="property-card__body"> <div class="d-flex align-items-center gap-1 mb-4"> <span class="material-symbols-outlined mat-icon clr-tertiary-400"> distance </span> <span class="d-inline-block"> 3890 Poplar Dr. </span> </div> <a href="property-details-2.html" class="link d-block clr-neutral-700 :clr-primary-300 fs-20 fw-medium mb-7"> Regal North Hills - 4150 Main at North Hills St, Raleigh </a> <ul class="list list-row flex-wrap dotted-divider"> <li> <span class="material-symbols-outlined mat-icon clr-neutral-600 d-inline-block mb-1"> home_work </span> <span class="d-block"> 3 Room </span> </li> <li> <span class="material-symbols-outlined mat-icon clr-neutral-600 d-inline-block mb-1"> bed </span> <span class="d-block"> 5 Bed </span> </li> <li> <span class="material-symbols-outlined mat-icon clr-neutral-600 d-inline-block mb-1"> bathtub </span> <span class="d-block"> 1 Bath </span> </li> </ul> </div> <div class="property-card__body py-0"> <div class="hr-dashed"></div> </div> <div class="property-card__body"> <div class="d-flex flex-wrap justify-content-between align-items-center"> <span class="d-block fs-20 fw-medium clr-primary-300"> $5,256 <span class="d-inline-block clr-neutral-500 fs-16 fw-normal"> /month </span> </span> <a href="property-details-2.html" 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> </div> </div> <div class="swiper-slide ps-2"> <div class="property-card"> <div class="property-card__head"> <div class="property-card__img"> <img src="assets/img/featured-img-2.jpg" alt="image" class="img-fluid w-100"> </div> <a href="property-details-2.html" class="link property-card__tag d-inline-block bg-neutral-0 :bg-primary-300 clr-primary-300 :clr-neutral-0 py-2 px-4 rounded-pill fw-medium"> For Sale </a> <button class="property-card__fav w-10 h-10 rounded-circle bg-neutral-0 d-grid place-content-center border-0 clr-primary-300"> <span class="material-symbols-outlined mat-icon fw-200 property-card__heart"> favorite </span> </button> <span class="property-card__popular-tag"> <span class="d-inline-block fs-14 fw-semibold clr-neutral-0 bg-primary-300 py-2 px-9"> Popular </span> </span> </div> <div class="property-card__body"> <div class="d-flex align-items-center gap-1 mb-4"> <span class="material-symbols-outlined mat-icon clr-tertiary-400"> distance </span> <span class="d-inline-block"> 3890 Poplar Dr. </span> </div> <a href="property-details-2.html" class="link d-block clr-neutral-700 :clr-primary-300 fs-20 fw-medium mb-7"> Regal North Hills - 4150 Main at North Hills St, Raleigh </a> <ul class="list list-row flex-wrap dotted-divider"> <li> <span class="material-symbols-outlined mat-icon clr-neutral-600 d-inline-block mb-1"> home_work </span> <span class="d-block"> 3 Room </span> </li> <li> <span class="material-symbols-outlined mat-icon clr-neutral-600 d-inline-block mb-1"> bed </span> <span class="d-block"> 5 Bed </span> </li> <li> <span class="material-symbols-outlined mat-icon clr-neutral-600 d-inline-block mb-1"> bathtub </span> <span class="d-block"> 1 Bath </span> </li> </ul> </div> <div class="property-card__body py-0"> <div class="hr-dashed"></div> </div> <div class="property-card__body"> <div class="d-flex flex-wrap justify-content-between align-items-center"> <span class="d-block fs-20 fw-medium clr-primary-300"> $5,256 <span class="d-inline-block clr-neutral-500 fs-16 fw-normal"> /month </span> </span> <a href="property-details-2.html" 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> </div> </div> <div class="swiper-slide ps-2"> <div class="property-card"> <div class="property-card__head"> <div class="property-card__img"> <img src="assets/img/featured-img-3.jpg" alt="image" class="img-fluid w-100"> </div> <a href="property-details-2.html" class="link property-card__tag d-inline-block bg-neutral-0 :bg-primary-300 clr-primary-300 :clr-neutral-0 py-2 px-4 rounded-pill fw-medium"> For Sale </a> <button class="property-card__fav w-10 h-10 rounded-circle bg-neutral-0 d-grid place-content-center border-0 clr-primary-300"> <span class="material-symbols-outlined mat-icon fw-200 property-card__heart"> favorite </span> </button> <span class="property-card__popular-tag"> <span class="d-inline-block fs-14 fw-semibold clr-neutral-0 bg-primary-300 py-2 px-9"> Popular </span> </span> </div> <div class="property-card__body"> <div class="d-flex align-items-center gap-1 mb-4"> <span class="material-symbols-outlined mat-icon clr-tertiary-400"> distance </span> <span class="d-inline-block"> 3890 Poplar Dr. </span> </div> <a href="property-details-2.html" class="link d-block clr-neutral-700 :clr-primary-300 fs-20 fw-medium mb-7"> Regal North Hills - 4150 Main at North Hills St, Raleigh </a> <ul class="list list-row flex-wrap dotted-divider"> <li> <span class="material-symbols-outlined mat-icon clr-neutral-600 d-inline-block mb-1"> home_work </span> <span class="d-block"> 3 Room </span> </li> <li> <span class="material-symbols-outlined mat-icon clr-neutral-600 d-inline-block mb-1"> bed </span> <span class="d-block"> 5 Bed </span> </li> <li> <span class="material-symbols-outlined mat-icon clr-neutral-600 d-inline-block mb-1"> bathtub </span> <span class="d-block"> 1 Bath </span> </li> </ul> </div> <div class="property-card__body py-0"> <div class="hr-dashed"></div> </div> <div class="property-card__body"> <div class="d-flex flex-wrap justify-content-between align-items-center"> <span class="d-block fs-20 fw-medium clr-primary-300"> $5,256 <span class="d-inline-block clr-neutral-500 fs-16 fw-normal"> /month </span> </span> <a href="property-details-2.html" 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> </div> </div> </div> </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/property-details-2.html by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 27 Aug 2023 10:00:39 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