1#@!#!123s

: / home3 / encodto1 / apnaghar.encodersunlimited.com /
Filename : buysellform.php
back
<!DOCTYPE html>
<html dir="ltr" lang="en">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="advanced search, agency, agent, classified, directory, house, listing, property, real estate, real estate agency, real estate agent, realestate, realtor, rental">
<meta name="description" content="Apna Ghar - Real Estate HTML Template">
<meta name="CreativeLayers" content="ATFN">
<!-- css file -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/ace-responsive-menu.css">
<link rel="stylesheet" href="css/menu.css">
<link rel="stylesheet" href="css/fontawesome.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/bootstrap-select.min.css">
<link rel="stylesheet" href="css/ud-custom-spacing.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/slider.css">
<link rel="stylesheet" href="css/jquery-ui.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/dashbord_navitaion.css">
<!-- Responsive stylesheet -->
<link rel="stylesheet" href="css/responsive.css">
<!-- Title -->
<title>Apnaghar-Owner Rent Form</title>
<!-- Favicon -->

<!-- Apple Touch Icon -->
<link href="images/apple-touch-icon-60x60.png" sizes="60x60" rel="apple-touch-icon">
<link href="images/apple-touch-icon-72x72.png" sizes="72x72" rel="apple-touch-icon">
<link href="images/apple-touch-icon-114x114.png" sizes="114x114" rel="apple-touch-icon">
<link href="images/apple-touch-icon-180x180.png" sizes="180x180" rel="apple-touch-icon">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="wrapper">
  <div class="preloader"></div>
  
 <!-- Main Header Nav -->
 <header class="header-nav nav-homepage-style stricky main-menu">
  <!-- Ace Responsive Menu -->
  <nav class="posr">
    <div class="container posr menu_bdrt1">
      <div class="row align-items-center justify-content-between">
        <div class="col-auto">
          <div class="d-flex align-items-center justify-content-between">
            <div class="logos mr40">
              <a class="header-logo logo1" href="index.html"><img src="images/logo/aplogo.png" alt="Header Logo"
                  style="width: 144px;height: 50px;"></a>
              <a class="header-logo logo2" href="index.html"><img src="images/logo/aplogo.png" alt="Header Logo"
                  style="width: 144px;height: 50px;"></a>
            </div>
            <!-- Responsive Menu Structure-->
            <ul id="respMenu" class="ace-responsive-menu" data-menu-style="horizontal">
              <li class="visible_list"> <a class="list-item" href="#"><span class="title">Home</span></a></li>
              <li class="megamenu_style"> <a class="list-item" href="#"><span class="title">About</span></a></li>
              <li class="visible_list"> <a class="list-item" href="#"><span class="title">Properties</span></a></li>
              <li class="visible_list"> <a class="list-item" href="#"><span class="title">Gallery</span></a></li>
              <li class="visible_list"> <a class="list-item" href="#"><span class="title">Blog</span></a></li>
              <li class="visible_list"> <a class="list-item" href="#"><span class="title">Contact Us</span></a></li>
            </ul>
          </div>
        </div>
        <div class="col-auto">
          <div class="d-flex align-items-center">
            <a class="login-info d-flex align-items-center" data-bs-toggle="modal" href="#exampleModalToggle"
              role="button"><i class="far fa-user-circle fz16 me-2"></i> <span class="d-none d-xl-block">Login /
                Register</span></a>
            <a class="ud-btn add-property menu-btn bdrs60 mx-2 mx-xl-4" href="">Add
              Property<i class="fal fa-arrow-right-long"></i></a>
            <!-- page-dashboard-add-property.html -->
          </div>
        </div>
      </div>
    </div>
  </nav>
</header>
<!-- Signup Modal -->
<div class="signup-modal">
  <div class="modal fade" id="exampleModalToggle" aria-hidden="true" aria-labelledby="exampleModalToggleLabel"
    tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalToggleLabel">Welcome to Apna Ghar</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <div class="log-reg-form">
            <div class="navtab-style2">
              <nav>
                <div class="nav nav-tabs mb20" id="nav-tab" role="tablist">
                  <button class="nav-link active fw600" id="nav-home-tab" data-bs-toggle="tab"
                    data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home"
                    aria-selected="true">Sign In</button>
                  <button class="nav-link fw600" id="nav-profile-tab" data-bs-toggle="tab"
                    data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile"
                    aria-selected="false">New Account</button>
                </div>
              </nav>
              <div class="tab-content" id="nav-tabContent2">
                <div class="tab-pane fade show active fz15" id="nav-home" role="tabpanel"
                  aria-labelledby="nav-home-tab">
                  <div class="form-style1">
                    <div class="mb25">
                      <label class="form-label fw600 dark-color">Email</label>
                      <input type="email" class="form-control" placeholder="Enter Email">
                    </div>
                    <div class="mb15">
                      <label class="form-label fw600 dark-color">Password</label>
                      <input type="text" class="form-control" placeholder="Enter Password">
                    </div>
                    <div class="checkbox-style1 d-block d-sm-flex align-items-center justify-content-between mb10">
                      <label class="custom_checkbox fz14 ff-heading">Remember me
                        <input type="checkbox" checked="checked">
                        <span class="checkmark"></span>
                      </label>
                      <a class="fz14 ff-heading" href="#">Lost your password?</a>
                    </div>
                    <div class="d-grid mb20">
                      <button class="ud-btn btn-thm" type="button">Sign in <i
                          class="fal fa-arrow-right-long"></i></button>
                    </div>
                    <div class="hr_content mb20">
                      <hr><span class="hr_top_text">OR</span>
                    </div>
                    <div class="d-grid mb10">
                      <button class="ud-btn btn-white" type="button"><i class="fab fa-google"></i> Continue
                        Google</button>
                    </div>
                    <div class="d-grid mb10">
                      <button class="ud-btn btn-fb" type="button"><i class="fab fa-facebook-f"></i> Continue
                        Facebook</button>
                    </div>
                    <div class="d-grid mb20">
                      <button class="ud-btn btn-apple" type="button"><i class="fab fa-apple"></i> Continue
                        Apple</button>
                    </div>
                    <p class="dark-color text-center mb0 mt10">Not signed up? <a class="dark-color fw600"
                        href="#">Create an account.</a></p>
                  </div>
                </div>
                <div class="tab-pane fade fz15" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
                  <div class="form-style1">
                    <div class="mb25">
                      <label class="form-label fw600 dark-color">Email</label>
                      <input type="email" class="form-control" placeholder="Enter Email">
                    </div>
                    <div class="mb20">
                      <label class="form-label fw600 dark-color">Password</label>
                      <input type="text" class="form-control" placeholder="Enter Password">
                    </div>
                    <div class="d-grid mb20">
                      <button class="ud-btn btn-thm" type="button">Create account <i
                          class="fal fa-arrow-right-long"></i></button>
                    </div>
                    <div class="hr_content mb20">
                      <hr><span class="hr_top_text">OR</span>
                    </div>
                    <div class="d-grid mb10">
                      <button class="ud-btn btn-white" type="button"><i class="fab fa-google"></i> Continue
                        Google</button>
                    </div>
                    <div class="d-grid mb10">
                      <button class="ud-btn btn-fb" type="button"><i class="fab fa-facebook-f"></i> Continue
                        Facebook</button>
                    </div>
                    <div class="d-grid mb20">
                      <button class="ud-btn btn-apple" type="button"><i class="fab fa-apple"></i> Continue
                        Apple</button>
                    </div>
                    <p class="dark-color text-center mb0 mt10">Not signed up? <a class="dark-color fw600"
                        href="page-register.html">Create an account.</a></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="hiddenbar-body-ovelay"></div>

<!-- Mobile Nav  -->
<div id="page" class="mobilie_header_nav stylehome1">
  <div class="mobile-menu">
    <div class="header innerpage-style">
      <div class="menu_and_widgets">
        <div class="mobile_menu_bar d-flex justify-content-between align-items-center">
          <a class="menubar" href="#menu"><img src="images/mobile-dark-nav-icon.svg" alt=""></a>
          <a class="mobile_logo" href="#"><img src="images/logo/apblack.png" alt=""></a>
          <a href="#"><span class="icon fz18 far fa-user-circle"></span></a>
        </div>
      </div>
    </div>
  </div>
  <!-- /.mobile-menu -->
  <nav id="menu" class="">
        <ul>
          <li><a href="index.php">Home</a></li>
          <li><a href="Apnaghar-about.php">About</a></li>
          <li><a href="searchpage.php">Properties</a></li>

          <li><a href="Apnaghar-contact.php">Contact Us</a></li>
          <li class="px-3 mobile-menu-btn">
            <a href="rentform.php" class="ud-btn btn-thm text-white">Submit Property<i class="fal fa-arrow-right-long"></i></a>
          </li>
        </ul>
      </nav>
</div>
<!-- Mobile Nav  -->

  <div class="dashboard_content_wrapper">
    <div class="dashboard dashboard_wrapper pr30 pr0-md">
      <div class="dashboard__sidebar d-none d-lg-block">
        <div class="dashboard_sidebar_list">
         
          
          <p class="fz15 fw400 ff-heading mt30">MANAGE LISTINGS</p>
          <div class="sidebar_list_item ">
            <a href="rentform.html" class="items-center -is-active"><i class="flaticon-new-tab mr15"></i>Add New Property</a>
          </div>
          <div class="sidebar_list_item ">
            <a href="#" class="items-center"><i class="flaticon-home mr15"></i>My Properties</a>
          </div>
         
          
          
          <p class="fz15 fw400 ff-heading mt30">MANAGE ACCOUNT</p>
          <div class="sidebar_list_item ">
            <a href="#" class="items-center"><i class="flaticon-protection mr15"></i>My Package</a>
          </div>
          <div class="sidebar_list_item ">
            <a href="#" class="items-center"><i class="flaticon-user mr15"></i>My Profile</a>
          </div>
          <div class="sidebar_list_item ">
            <a href="#" class="items-center"><i class="flaticon-logout mr15"></i>Logout</a>
          </div>
        </div>
      </div>
      <div class="dashboard__main pl0-md">
        <div class="dashboard__content property-page bgc-f7">
          <div class="row pb40 d-block d-lg-none">
            <div class="col-lg-12">
              <div class="dashboard_navigationbar">
                <div class="dropdown">
                  <button onclick="myFunction()" class="dropbtn"><i class="fa fa-bars pr10"></i> Dashboard Navigation</button>
                  <ul id="myDropdown" class="dropdown-content">
                    
                    <li><p class="fz15 fw400 ff-heading mt30 pl30">MANAGE LISTINGS</p></li>
                    <li class="active"><a href="rentform.html"><i class="flaticon-new-tab mr10"></i>Add New Property</a></li>
                    <li><a href="#"><i class="flaticon-home mr10"></i>My Properties</a></li>
                   
                    <li><p class="fz15 fw400 ff-heading mt30 pl30">MANAGE ACCOUNT</p></li>
                    <li><a href="#"><i class="flaticon-protection mr10"></i>My Package</a></li>
                    <li><a href="#"><i class="flaticon-user mr10"></i>My Profile</a></li>
                    <li><a class="" href="#"><i class="flaticon-exit mr10"></i>Logout</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="row align-items-center pb40">
            <div class="col-lg-12">
              <div class="dashboard_title_area">
                <h2>Add New Property</h2>
                <p class="text">We are glad to see you again!</p>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-xl-12">
              <div class="ps-widget bgc-white bdrs12 default-box-shadow2 pt30 mb30 overflow-hidden position-relative">
                <div class="navtab-style1">
                  <nav>
                    <div class="nav nav-tabs" id="nav-tab2" role="tablist">
                      <button class="nav-link active fw600 ms-3" id="nav-item1-tab" data-bs-toggle="tab" data-bs-target="#nav-item1" type="button" role="tab" aria-controls="nav-item1" aria-selected="true">1. Description</button>
                      <button class="nav-link fw600" id="nav-item2-tab" data-bs-toggle="tab" data-bs-target="#nav-item2" type="button" role="tab" aria-controls="nav-item2" aria-selected="false">2. Media</button>
                      <button class="nav-link fw600" id="nav-item3-tab" data-bs-toggle="tab" data-bs-target="#nav-item3" type="button" role="tab" aria-controls="nav-item3" aria-selected="false">3. Location</button>
                      <button class="nav-link fw600" id="nav-item4-tab" data-bs-toggle="tab" data-bs-target="#nav-item4" type="button" role="tab" aria-controls="nav-item4" aria-selected="false">4. Detail</button>
                      <button class="nav-link fw600" id="nav-item5-tab" data-bs-toggle="tab" data-bs-target="#nav-item5" type="button" role="tab" aria-controls="nav-item5" aria-selected="false">5. Amenities</button>
                    </div>
                  </nav>
                  <div class="tab-content" id="nav-tabContent">
                    <div class="tab-pane fade show active" id="nav-item1" role="tabpanel" aria-labelledby="nav-item1-tab">
                      <div class="ps-widget bgc-white bdrs12 p30 overflow-hidden position-relative">
                        <h4 class="title fz17 mb30">Property Description</h4>
                        <form class="form-style1">
                          <div class="row">
                            <div class="col-sm-12">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Title</label>
                                <input type="text" class="form-control" placeholder="Your Name">
                              </div>
                            </div>
                            <div class="col-sm-12">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Description</label>
                                <textarea cols="30" rows="5" placeholder="There are many variations of passages."></textarea>
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Select Category</label>
                                <div class="location-area">
                                  <select class="selectpicker" multiple>
                                    <option>Apartments</option>
                                    <option>Bungalow</option>
                                    <option>Houses</option>
                                    <option>Loft</option>
                                    <option>Office</option>
                                    <option>Townhome</option>
                                    <option>Villa</option>
                                  </select>
                                </div>
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Listed in</label>
                                <div class="location-area">
                                  <select class="selectpicker" multiple>
                                    <option>All Listing</option>
                                    <option>Active</option>
                                    <option>Sold</option>
                                    <option>Processing</option>
                                  </select>
                                </div>
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Property Status</label>
                                <div class="location-area">
                                  <select class="selectpicker" multiple>
                                    <option>All Cities</option>
                                    <option>Pending</option>
                                    <option>Processing</option>
                                    <option>Published</option>
                                  </select>
                                </div>
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb30">
                                <label class="heading-color ff-heading fw600 mb10">Price in $</label>
                                <input type="text" class="form-control" placeholder="Your Name">
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb30">
                                <label class="heading-color ff-heading fw600 mb10">Yearly Tax Rate</label>
                                <input type="text" class="form-control" placeholder="Your Name">
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb30">
                                <label class="heading-color ff-heading fw600 mb10">After Price Label</label>
                                <input type="text" class="form-control" placeholder="Your Name">
                              </div>
                            </div>
                            <div class="col-md-12">
                              <div class="d-sm-flex justify-content-between">
                                <a class="ud-btn btn-white" href="#">Prev Step<i class="fal fa-arrow-right-long"></i></a>
                                <a class="ud-btn btn-dark" href="#">Next Step<i class="fal fa-arrow-right-long"></i></a>
                              </div>
                            </div>
                          </div>
                        </form>
                      </div>
                    </div>
                    <div class="tab-pane fade" id="nav-item2" role="tabpanel" aria-labelledby="nav-item2-tab">                      
                      <div class="ps-widget bgc-white bdrs12 p30 overflow-hidden position-relative">
                        <h4 class="title fz17 mb30">Upload photos of your property</h4>
                        <div class="col-lg-12">
                          <div class="upload-img position-relative overflow-hidden bdrs12 text-center mb30 px-2">
                            <div class="icon mb30"><span class="flaticon-upload"></span></div>
                            <h4 class="title fz17 mb10">Upload photos of your property</h4>
                            <p class="text mb25">Photos must be JPEG or PNG format and least 2048x768</p>
                            <a class="ud-btn btn-white" href="#">Browse Files<i class="fal fa-arrow-right-long"></i></a>
                          </div>
                        </div>
                        <div class="col-lg-5">
                          <div class="profile-box position-relative d-md-flex align-items-end mb50">
                            <div class="profile-img position-relative overflow-hidden bdrs12 mb20-sm">
                              <img class="w-100" src="images/listings/profile-1.jpg" alt="">
                              <a href="#" class="tag-del" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Delete Image" aria-label="Delete Item"><span class="fas fa-trash-can"></span></a>
                            </div>
                            <div class="profile-img position-relative overflow-hidden bdrs12 ml20 ml0-sm">
                              <img class="w-100" src="images/listings/profile-2.jpg" alt="">
                              <a href="#" class="tag-del" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Delete Image" aria-label="Delete Item"><span class="fas fa-trash-can"></span></a>
                            </div>
                          </div>
                        </div>
                        <form class="form-style1">
                          <div class="row">
                            <h4 class="title fz17 mb30">Video Option</h4>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb30">
                                <label class="heading-color ff-heading fw600 mb10">Video from</label>
                                <div class="location-area">
                                  <select class="selectpicker" multiple>
                                    <option>Youtube</option>
                                    <option>Facebook</option>
                                    <option>Vimeo</option>
                                  </select>
                                </div>
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb30">
                                <label class="heading-color ff-heading fw600 mb10">Embed Video id</label>
                                <input type="text" class="form-control" placeholder="Your Name">
                              </div>
                            </div>
                          </div>
                          <div class="row">
                            <h4 class="title fz17 mb30">Virtual Tour</h4>
                            <div class="col-sm-6 col-xl-12">
                              <div class="mb30">
                                <label class="heading-color ff-heading fw600 mb10">Virtual Tour</label>
                                <input type="text" class="form-control" placeholder="Virtual Tour">
                              </div>
                            </div>
                            <div class="col-md-12">
                              <div class="d-sm-flex justify-content-between">
                                <a class="ud-btn btn-white" href="#">Prev Step<i class="fal fa-arrow-right-long"></i></a>
                                <a class="ud-btn btn-dark" href="#">Next Step<i class="fal fa-arrow-right-long"></i></a>
                              </div>
                            </div>
                          </div>
                        </form>
                      </div>
                    </div>
                    <div class="tab-pane fade" id="nav-item3" role="tabpanel" aria-labelledby="nav-item3-tab">
                      <div class="ps-widget bgc-white bdrs12 p30 overflow-hidden position-relative">
                        <h4 class="title fz17 mb30">Listing Location</h4>
                        <form class="form-style1">
                          <div class="row">
                            <div class="col-sm-12">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Address</label>
                                <input type="text" class="form-control" placeholder="Your Name">
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Country / State</label>
                                <div class="location-area">
                                  <select class="selectpicker" multiple>
                                    <option>Belgiul</option>
                                    <option>France</option>
                                    <option>Kewait</option>
                                    <option>Qatar</option>
                                    <option>Netherland</option>
                                    <option>Germany</option>
                                    <option>Turkey</option>
                                    <option>UK</option>
                                    <option>USA</option>
                                  </select>
                                </div>
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">City</label>
                                <div class="location-area">
                                  <select class="selectpicker" multiple>
                                    <option>California</option>
                                    <option>Chicago</option>
                                    <option>Los Angeles</option>
                                    <option>Manhattan</option>
                                    <option>New Jersey</option>
                                    <option>New York</option>
                                    <option>San Diego</option>
                                    <option>San Francisco</option>
                                    <option>Texas</option>
                                  </select>
                                </div>
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Neighborhood</label>
                                <input type="text" class="form-control" placeholder="">
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Zip</label>
                                <input type="text" class="form-control" placeholder="">
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Country</label>
                                <div class="location-area">
                                  <select class="selectpicker" multiple>
                                    <option>Belgiul</option>
                                    <option>France</option>
                                    <option>Kewait</option>
                                    <option>Qatar</option>
                                    <option>Netherland</option>
                                    <option>Germany</option>
                                    <option>Turkey</option>
                                    <option>UK</option>
                                    <option>USA</option>
                                  </select>
                                </div>
                              </div>
                            </div>
                            <div class="col-sm-12">
                              <div class="mb20 mt30">
                                <label class="heading-color ff-heading fw600 mb30">Place the listing pin on the map</label>
                                <iframe class="h550" loading="lazy" src="https://maps.google.com/maps?q=London%20Eye%2C%20London%2C%20United%20Kingdom&amp;t=m&amp;z=14&amp;output=embed&amp;iwloc=near" title="London Eye, London, United Kingdom" aria-label="London Eye, London, United Kingdom"></iframe>
                              </div>
                            </div>
                          </div>
                          <div class="row">
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb30">
                                <label class="heading-color ff-heading fw600 mb10">Latitude</label>
                                <input type="text" class="form-control" placeholder="">
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb30">
                                <label class="heading-color ff-heading fw600 mb10">Longitude</label>
                                <input type="text" class="form-control" placeholder="">
                              </div>
                            </div>
                            <div class="col-md-12">
                              <div class="d-sm-flex justify-content-between">
                                <a class="ud-btn btn-white" href="#">Prev Step<i class="fal fa-arrow-right-long"></i></a>
                                <a class="ud-btn btn-dark" href="#">Next Step<i class="fal fa-arrow-right-long"></i></a>
                              </div>
                            </div>
                          </div>
                        </form>
                      </div>
                    </div>
                    <div class="tab-pane fade" id="nav-item4" role="tabpanel" aria-labelledby="nav-item4-tab">
                      <div class="ps-widget bgc-white bdrs12 p30 overflow-hidden position-relative">
                        <h4 class="title fz17 mb30">Listing Detail</h4>
                        <form class="form-style1">
                          <div class="row">
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Size in ft (only numbers)</label>
                                <input type="text" class="form-control" placeholder="Your Name">
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Lot size in ft (only numbers)</label>
                                <input type="text" class="form-control" placeholder="Your Name">
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Rooms</label>
                                <input type="text" class="form-control" placeholder="Your Name">
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Bedrooms</label>
                                <input type="text" class="form-control" placeholder="Your Name">
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Bathrooms</label>
                                <input type="text" class="form-control" placeholder="Your Name">
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Custom ID (text)</label>
                                <input type="text" class="form-control" placeholder="Your Name">
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Garages</label>
                                <input type="text" class="form-control" placeholder="Your Name">
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Garage size</label>
                                <input type="text" class="form-control" placeholder="Your Name">
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Year built (numeric)</label>
                                <input type="text" class="form-control">
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Available from (date)</label>
                                <input type="text" class="form-control" placeholder="99.aa.yyyy">
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Basement</label>
                                <input type="text" class="form-control" placeholder="Your Name">
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Extra details</label>
                                <input type="text" class="form-control" placeholder="Your Name">
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Roofing</label>
                                <input type="text" class="form-control" placeholder="Your Name">
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Exterior Material</label>
                                <input type="text" class="form-control" placeholder="Your Name">
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Structure type</label>
                                <div class="location-area">
                                  <select class="selectpicker" multiple>
                                    <option>Apartments</option>
                                    <option>Bungalow</option>
                                    <option>Houses</option>
                                    <option>Loft</option>
                                    <option>Office</option>
                                    <option>Townhome</option>
                                    <option>Villa</option>
                                  </select>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="row">
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Floors no</label>
                                <div class="location-area">
                                  <select class="selectpicker" multiple>
                                    <option>1st</option>
                                    <option>2nd</option>
                                    <option>3rd</option>
                                    <option>4th</option>
                                    <option>5th</option>
                                    <option>6th</option>
                                    <option>7th</option>
                                  </select>
                                </div>
                              </div>
                            </div>
                            <div class="col-sm-12">
                              <div class="mb20">
                                <label class="heading-color ff-heading fw600 mb10">Owner/ Agent nots (not visible on front end)</label>
                                <textarea cols="30" rows="5" placeholder="There are many variations of passages."></textarea>
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb30">
                                <label class="heading-color ff-heading fw600 mb10">Energy Class</label>
                                <div class="location-area">
                                  <select class="selectpicker" multiple>
                                    <option>All Listing</option>
                                    <option>Active</option>
                                    <option>Sold</option>
                                    <option>Processing</option>
                                  </select>
                                </div>
                              </div>
                            </div>
                            <div class="col-sm-6 col-xl-4">
                              <div class="mb30">
                                <label class="heading-color ff-heading fw600 mb10">Energy index in kWh/m2a</label>
                                <div class="location-area">
                                  <select class="selectpicker" multiple>
                                    <option>All Cities</option>
                                    <option>Pending</option>
                                    <option>Processing</option>
                                    <option>Published</option>
                                  </select>
                                </div>
                              </div>
                            </div>
                            <div class="col-md-12">
                              <div class="d-sm-flex justify-content-between">
                                <a class="ud-btn btn-white" href="#">Prev Step<i class="fal fa-arrow-right-long"></i></a>
                                <a class="ud-btn btn-dark" href="#">Next Step<i class="fal fa-arrow-right-long"></i></a>
                              </div>
                            </div>
                          </div>
                        </form>
                      </div>
                    </div>
                    <div class="tab-pane fade" id="nav-item5" role="tabpanel" aria-labelledby="nav-item5-tab">
                      <div class="ps-widget bgc-white bdrs12 p30 overflow-hidden position-relative">
                        <h4 class="title fz17 mb30">Select Amenities</h4>
                        <div class="row">
                          <div class="col-sm-6 col-lg-3 col-xxl-2">
                            <div class="checkbox-style1">
                              <label class="custom_checkbox">Attic
                                <input type="checkbox">
                                <span class="checkmark"></span>
                              </label>
                              <label class="custom_checkbox">Basketball court
                                <input type="checkbox" checked="checked">
                                <span class="checkmark"></span>
                              </label>
                              <label class="custom_checkbox">Air Conditioning
                                <input type="checkbox" checked="checked">
                                <span class="checkmark"></span>
                              </label>
                              <label class="custom_checkbox">Lawn
                                <input type="checkbox" checked="checked">
                                <span class="checkmark"></span>
                              </label>
                              <label class="custom_checkbox">Swimming Pool
                                <input type="checkbox">
                                <span class="checkmark"></span>
                              </label>
                              <label class="custom_checkbox">Barbeque
                                <input type="checkbox">
                                <span class="checkmark"></span>
                              </label>
                              <label class="custom_checkbox">Microwave
                                <input type="checkbox">
                                <span class="checkmark"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-sm-6 col-lg-3 col-xxl-2">
                            <div class="checkbox-style1">
                              <label class="custom_checkbox">TV Cable
                                <input type="checkbox">
                                <span class="checkmark"></span>
                              </label>
                              <label class="custom_checkbox">Dryer
                                <input type="checkbox" checked="checked">
                                <span class="checkmark"></span>
                              </label>
                              <label class="custom_checkbox">Outdoor Shower
                                <input type="checkbox" checked="checked">
                                <span class="checkmark"></span>
                              </label>
                              <label class="custom_checkbox">Washer
                                <input type="checkbox" checked="checked">
                                <span class="checkmark"></span>
                              </label>
                              <label class="custom_checkbox">Gym
                                <input type="checkbox">
                                <span class="checkmark"></span>
                              </label>
                              <label class="custom_checkbox">Ocean view
                                <input type="checkbox">
                                <span class="checkmark"></span>
                              </label>
                              <label class="custom_checkbox">Private space
                                <input type="checkbox">
                                <span class="checkmark"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-sm-6 col-lg-3 col-xxl-2">
                            <div class="checkbox-style1">
                              <label class="custom_checkbox">Lake view
                                <input type="checkbox">
                                <span class="checkmark"></span>
                              </label>
                              <label class="custom_checkbox">Wine cellar
                                <input type="checkbox" checked="checked">
                                <span class="checkmark"></span>
                              </label>
                              <label class="custom_checkbox">Front yard
                                <input type="checkbox" checked="checked">
                                <span class="checkmark"></span>
                              </label>
                              <label class="custom_checkbox">Refrigerator
                                <input type="checkbox" checked="checked">
                                <span class="checkmark"></span>
                              </label>
                              <label class="custom_checkbox">WiFi
                                <input type="checkbox">
                                <span class="checkmark"></span>
                              </label>
                              <label class="custom_checkbox">Laundry
                                <input type="checkbox">
                                <span class="checkmark"></span>
                              </label>
                              <label class="custom_checkbox">Sauna
                                <input type="checkbox">
                                <span class="checkmark"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-md-12 mt30">
                            <div class="d-sm-flex justify-content-between">
                              <a class="ud-btn btn-white" href="#">Prev Step<i class="fal fa-arrow-right-long"></i></a>
                              <a class="ud-btn btn-thm" href="#">Submit Property<i class="fal fa-arrow-right-long"></i></a>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <footer class="dashboard_footer pt30 pb10">
          <div class="container">
            <div class="row items-center justify-content-center justify-content-md-between">
              <div class="col-auto">
                <div class="copyright-widget">
                  <p class="text">© Apna Ghar - All rights reserved</p>
                </div>
              </div>
              <div class="col-auto">
                <div class="footer_bottom_right_widgets text-center text-lg-end">
                  <p><a href="#">Privacy</a>  ·  <a href="#">Terms</a>  ·  <a href="#">Sitemap</a></p>
                </div>
              </div>
            </div>
          </div>
        </footer>
      </div>
    </div>
  </div>
  <a class="scrollToHome" href="#"><i class="fas fa-angle-up"></i></a>
</div>
<!-- Wrapper End -->
<script src="js/jquery-3.6.4.min.js"></script> 
<script src="js/jquery-migrate-3.0.0.min.js"></script> 
<script src="js/popper.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/bootstrap-select.min.js"></script> 
<script src="js/jquery.mmenu.all.js"></script> 
<script src="js/ace-responsive-menu.js"></script>
<script src="js/jquery-scrolltofixed-min.js"></script>
<script src="js/dashboard-script.js"></script>
<!-- Custom script for all pages --> 
<script src="js/script.js"></script>
<script>
    // Function to check screen width and redirect
     function checkScreenWidth() {
        if (window.innerWidth >= 768) { 
            window.location.href = 'redirect-page.php'; 
         }
     }


     window.onload = checkScreenWidth;


     window.onresize = checkScreenWidth;
  </script>
</body>

</html>