Файловый менеджер - Редактировать - /home/clickysoft/public_html/somni.clickysoft.net/public/html/add-properties.html
Назад
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous"> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <!-- <link href="https://cdn.jsdelivr.net/npm/jquery-smarttab@4/dist/css/smart_tab_all.min.css" rel="stylesheet" type="text/css" /> --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css"> <link rel="stylesheet" href="./css/main.css"> <title>SOMNI</title> </head> <body> <header class="db2-header"> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <div class="back-to-db-user"> <div class="backto-db-button"> <a href="javascript:void(0)" class="backto-tb-btn"> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="48" viewBox="0 0 15 48" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.06942 24L13 32.9617L11.9653 34L2 24L11.9653 14L13 15.0383L4.06942 24Z" fill="#0600C3" /> </svg> Back to dashboard </a> </div> <div class="notification-user"> <ul> <li class="separator-none"> <div class="dropdown"> <button class="dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> <img src="./images/user.svg" alt=""> </button> <ul class="dropdown-menu user-menu"> <div class="user-header"> <h5>Ramone Rogers</h5> <p>ramones.the.rogers100@gmail.com</p> </div> <div class="user-listing"> <div class="us-listing-main"> <div class="listing-thumbs"><img src="./images/ep.svg" alt="" class="img-fluid"></div> <div class="listing-user-content"> <p><a href="javascript:void(0)">Edit Profile</a></p> </div> </div> <div class="us-listing-main"> <div class="listing-thumbs"><img src="./images/cp.svg" alt="" class="img-fluid"></div> <div class="listing-user-content"> <p><a href="javascript:void(0)">Change Password</a></p> </div> </div> <div class="us-listing-main"> <div class="listing-thumbs"><img src="./images/ntfic.svg" alt="" class="img-fluid"></div> <div class="listing-user-content"> <p><a href="javascript:void(0)">Notifications <span>View your alerts all in one place</span></a></p> </div> </div> <!-- <a href="javascript:void(0)">Edit Profile</a> <a href="javascript:void(0)"><img src="./images/cp.svg" alt="" class="img-fluid">Change Password</a> <a href="javascript:void(0)"><img src="./images/ntfic.svg" alt="" class="img-fluid"> <p>Notifications <span>View your alerts all in one place</span></p> </a> --> </div> <div class="user-footer"> <a href="javascript:void(0)"><img src="./images/lg-out.svg" alt="" class="img-fluid">Log Out</a> </div> </ul> </div> </li> </ul> </div> </div> </div> </div> </div> </header> <section class="add-props-wizard"> <div class="container-fluid"> <div class="save-exit"> <a href="javascript:void(0)" class="sve-exit-btn">Save & Exit <img src="./images/sve-cross.svg" alt="" class="img-fluid"></a> </div> <div class="row justify-content-center"> <div class="col-md-12 col-lg-6"> <form action=""> <div id="smarttab" class="smart-tab-main"> <ul class="nav wizard-nav"> <li> <a class="nav-link cstep" href="#tab-1"> </a> </li> <li> <a class="nav-link" href="#tab-2"> </a> </li> <li> <a class="nav-link" href="#tab-3"> </a> </li> <li> <a class="nav-link" href="#tab-4"> </a> </li> <li> <a class="nav-link" href="#tab-5"> </a> </li> </ul> <div class="tab-content"> <div id="tab-1" class="tab-pane" role="tabpanel"> <div class="ap-head"> <h3>Add A New Property</h3> </div> <div class="profile-fields-main wizard-prof"> <div class="row"> <div class="col-md-12"> <div class="profile-fields"> <label for="">Property Address<span>*</span></label> <input type="text" placeholder="570 Martin Luther King Blvd."> </div> </div> <div class="col-md-12"> <div class="profile-fields"> <label for="">Email</label> <input type="email" class="specific-disabled" disabled="disabled" placeholder="ramones.the.rogers100@gmail.com"> </div> </div> <div class="col-md-12"> <div class="profile-fields"> <label for="">Owner Name<span>*</span></label> <input type="text" placeholder="Enter property owner name"> </div> </div> <div class="col-md-12"> <div class="profile-fields"> <label for="">Role</label> <div class="custom-select" data-multiple="false"> <div class="select-wrapper"> <div class="select-selected" data-value="null">Select Type </div> <div class="select-arrow"></div> <div class="select-options gen-option"> <div class="select-option" data-value="Property Owner"> Property Owner </div> <div class="select-option" data-value="Property Manager"> Property Manager </div> </div> </div> </div> </div> </div> <div class="col-md-12"> <div class="profile-fields"> <label for="">Property Type<span>*</span></label> <div class="custom-select" data-multiple="false"> <div class="select-wrapper"> <div class="select-selected" data-value="null">Select Type </div> <div class="select-arrow"></div> <div class="select-options gen-option "> <div class="select-option" data-value="Single-Family House"> Single-Family House </div> <div class="select-option" data-value="Cooperative (Co-Op)"> Cooperative (Co-Op) </div> <div class="select-option" data-value="Townhome"> Townhome </div> <div class="select-option" data-value="Duplex"> Duplex </div> <div class="select-option" data-value="Triplex"> Triplex </div> <div class="select-option" data-value="Fourplex"> Fourplex </div> <div class="select-option" data-value="Mobile Home"> Mobile Home </div> <div class="select-option" data-value="Development"> Development </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="tab-2" class="tab-pane" role="tabpanel"> <div class="ap-head"> <h3>New Property Details</h3> </div> <div class="profile-fields-main wizard-prof"> <div class="row"> <div class="col-md-12"> <div class="profile-fields"> <label for="">Property Name<span>*</span></label> <input type="text" placeholder="Enter property owner name"> </div> </div> <div class="col-md-12"> <div class="profile-fields"> <label for="">City<span>*</span></label> <input type="text" placeholder="Enter name of city"> </div> </div> <div class="col-md-12"> <div class="profile-fields"> <label for="">County<span>*</span></label> <input type="text" placeholder="Enter name of county"> </div> </div> </div> <div class="row"> <div class="col-md-6"> <div class="profile-fields"> <label for="">State<span>*</span></label> <div class="custom-select" data-multiple="false"> <div class="select-wrapper"> <div class="select-selected" data-value="null">Select State </div> <div class="select-arrow"></div> <div class="select-options gen-option"> <div class="select-option" data-value="Texas"> Texas </div> <div class="select-option" data-value="New York"> New York </div> </div> </div> </div> </div> </div> <div class="col-md-6"> <div class="profile-fields"> <label for="">Zip Code<span>*</span></label> <input type="text" placeholder="Enter zip code"> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="login-fields"> <label for="datePicks2">Date of Purchase<span>*</span></label> <div class="input-group date customDate" id="datepicker"> <input type="text" class=" border-0 p-0" id="date" placeholder="Choose Date"> <span class="input-group-append"> <img src="./images/mini-date.svg" alt="" class="img-fluid"> </span> </div> </div> </div> <div class="col-md-12"> <div class="login-fields"> <label for="">Property Valuation</label> <div class="rent-field"> <div class="dollar-sign"> <p>$</p> </div> <input type="number" placeholder="0.00" name=""> </div> </div> </div> <div class="col-md-12"> <div class="profile-fields"> <label for="">Purchase Terms<span>*</span></label> <div class="custom-select" data-multiple="false"> <div class="select-wrapper"> <div class="select-selected" data-value="null">Select Type </div> <div class="select-arrow"></div> <div class="select-options gen-option "> <div class="select-option" data-value="Short-Term Rental"> Short-Term Rental </div> <div class="select-option" data-value="Month-to-Month Lease"> Month-to-Month Lease </div> <div class="select-option" data-value="6 Month Lease"> 6 Month Lease </div> <div class="select-option" data-value="12 Month Lease"> 12 Month Lease </div> <div class="select-option" data-value="1 Year Lease"> 1 Year Lease </div> <div class="select-option" data-value="Multi-Year Lease"> Multi-Year Lease </div> <div class="select-option" data-value="Lease with Purchase Option"> Lease with Purchase Option </div> <div class="select-option" data-value="Fixed-Term Vacation Rental"> Fixed-Term Vacation Rental </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="tab-3" class="tab-pane" role="tabpanel"> <div class="ap-head"> <h3>Setup The Units</h3> </div> <div class="profile-fields-main wizard-prof"> <div class="row"> <div class="col-md-12"> <div class="profile-fields"> <label for="">Total Number of Units<span>*</span></label> <div class="custom-select" data-multiple="false"> <div class="select-wrapper"> <div class="select-selected" data-value="null">Select Amount </div> <div class="select-arrow"></div> <!-- <div class="select-options gen-option "> <div class="select-option" data-value="Short-Term Rental"> Short-Term Rental </div> <div class="select-option" data-value="Month-to-Month Lease"> Month-to-Month Lease </div> <div class="select-option" data-value="6 Month Lease"> 6 Month Lease </div> <div class="select-option" data-value="12 Month Lease"> 12 Month Lease </div> <div class="select-option" data-value="1 Year Lease"> 1 Year Lease </div> <div class="select-option" data-value="Multi-Year Lease"> Multi-Year Lease </div> <div class="select-option" data-value="Lease with Purchase Option"> Lease with Purchase Option </div> <div class="select-option" data-value="Fixed-Term Vacation Rental"> Fixed-Term Vacation Rental </div> </div> --> </div> </div> </div> </div> <div class="col-md-12"> <div class="profile-fields"> <label for="">Unit Layout<span>*</span></label> <div class="custom-select" data-multiple="false"> <div class="select-wrapper"> <div class="select-selected" data-value="null">Select Type </div> <div class="select-arrow"></div> <div class="select-options gen-option "> <div class="select-option" data-value="Studio"> <div class="unit-options"> <input type="radio" name="unitLayout"> Studio </div> </div> <div class="select-option" data-value="Two Bedroom"> <div class="unit-options"> <input type="radio" name="unitLayout"> Two Bedroom </div> </div> <div class="select-option" data-value="Three Bedroom"> <div class="unit-options"> <input type="radio" name="unitLayout"> Three Bedroom </div> </div> <div class="select-option" data-value="Penthouse"> <div class="unit-options"> <input type="radio" name="unitLayout"> Penthouse </div> </div> <div class="view-all-select"> <button type="button" class="v-select-all">View all</button> </div> </div> </div> </div> </div> </div> </div> <div class="format-style-main"> <div class="format-syle-head"> <h5>What is the <span class="nova-bold">format style</span> of your units?<span class="asterik-mandatory">*</span> <div class="format-tooltip-container"> <span class="format-tooltip-trigger"><img src="./images/style-tip.svg" alt="" class="img-fluid"></span> <div class="format-tooltip-content"> <div class="format-tooltip-head"> <h6>Format Style Examples:</h6> <p>(APT A, APT D, APT G, APT Z, etc.) (APT #1, APT #5, APT #10, etc.) (Apt 1A, APT 2C, APT 5G, APT 9R, etc.) (Apt 1A, APT 2D, APT 5G, APT Z, etc.) (APT 103, APT 306, APT 705, etc.) (APT 100A, APT 205C, APT 508G, etc.)</p> </div> </div> </div> </h5> </div> <div class="format-checks-main"> <div class="format-check"> <input type="checkbox" name="formatstyles"> <p>A - Z</p> </div> <div class="format-check"> <input type="checkbox" name="formatstyles"> <p>1 - 10</p> </div> <div class="format-check"> <input type="checkbox" name="formatstyles"> <p>1A - 10Z</p> </div> <div class="format-check"> <input type="checkbox" name="formatstyles"> <p>1A - 100B</p> </div> <div class="format-check"> <input type="checkbox" name="formatstyles"> <p>100 - 900</p> </div> <div class="format-check"> <input type="checkbox" name="formatstyles"> <p>100A - 900B</p> </div> </div> </div> </div> </div> <div id="tab-4" class="tab-pane" role="tabpanel"> <div class="ap-head"> <h3>Additional Unit Details</h3> </div> <div class="profile-fields-main wizard-prof"> <div class="row"> <div class="col-md-12"> <div class="profile-fields"> <label for="">Lease Terms<span>*</span></label> <div class="custom-select" data-multiple="true"> <div class="select-wrapper"> <div class="select-selected" data-value="null">Select Type </div> <div class="select-arrow"></div> <div class="select-options gen-option "> <div class="select-option" data-value=" 1 years"> <div class="unit-options"> <input type="checkbox" name="Lease"> 1 years </div> </div> <div class="select-option" data-value="2 years"> <div class="unit-options"> <input type="checkbox" name="Lease"> 2 years </div> </div> <div class="select-option" data-value="3 years"> <div class="unit-options"> <input type="checkbox" name="Lease"> 3 years </div> </div> <div class="select-option" data-value="4 years"> <div class="unit-options"> <input type="checkbox" name="Lease"> 4 years </div> </div> <div class="select-option" data-value=""> <div class="unit-options"> <input type="checkbox" name="Lease"> Select All </div> </div> </div> </div> </div> </div> </div> <div class="col-md-12"> <div class="profile-fields"> <label for="">Rent Due Date<span>*</span></label> <div class="custom-select" data-multiple="false"> <div class="select-wrapper"> <div class="select-selected" data-value="null">Select Date </div> <div class="select-arrow"></div> <div class="select-options gen-option "> <div class="select-option" data-value="09/17/2023"> 09/17/2023 </div> <div class="select-option" data-value="09/10/2023"> 09/10/2023 </div> <div class="select-option" data-value="09/20/2023"> 09/20/2023 </div> <div class="select-option" data-value=" 09/25/2023"> 09/25/2023 </div> <div class="select-option" data-value=""> </div> </div> </div> </div> </div> </div> <div class="col-md-12"> <div class="login-fields"> <label for="">Monthly Rent <span>*</span></label> <div class="rent-field"> <div class="dollar-sign"> <p>$</p> </div> <input type="number" placeholder="" name=""> </div> </div> </div> <div class="col-md-12"> <div class="login-fields"> <label for="">Unit Size <span>*</span></label> <input type="text" placeholder="Enter size of unit" name=""> <div class="sq-ft-text"> <span>sq. ft.</span> </div> </div> </div> <div class="col-md-12"> <div class="login-fields"> <label for="">Amenities</label> <div class="custom-select wizard-amenities" data-multiple="true"> <div class="select-wrapper amenities-resp"> <div class="select-selected " data-value="null">Choose Amenities</div> <div class="select-arrow"></div> <div class="select-options" style="display: none;"> <div class="select-option" data-value="High Speed Internet Access"> <div class="unit-options"><input type="checkbox" name="amenities">High Speed Internet Access</div> </div> <div class="select-option" data-value="Property Manager On-site"> <div class="unit-options"><input type="checkbox" name="amenities">Property Manager On-site</div> </div> <div class="select-option" data-value="Dishwasher"> <div class="unit-options"> <input type="checkbox" name="amenities">Dishwasher </div> </div> <div class="select-option" data-value="Fitness Center"> <div class="unit-options"><input type="checkbox" name="amenities">Fitness Center</div> </div> <div class="select-option" data-value="Microwave"> <div class="unit-options"><input type="checkbox" name="amenities">Microwave </div> </div> <div class="view-all-select"> <button type="button" class="v-select-all" data-bs-toggle="modal" data-bs-target="#exampleModal">View all</button> </div> </div> </div> </div> </div> </div> </div> <div class="features-to-units"> <div class="format-syle-head"> <h5>Add these features to <span class="nova-bold">all units?<span class="asterik-mandatory">*</span></span> </h5> </div> <div class="format-checks-main"> <div class="chk-box"> <label for="Yes"> <input type="radio" name="feedback_type" id="Yes"> <span class="checkmark"></span> Yes</label> </div> <div class="chk-box"> <label for="No"> <input type="radio" name="feedback_type" id="No"> <span class="checkmark"></span> No -</label> <div class="specify-select-units"> <a href="javascript:void(0)" class="specify-sel-btn" data-bs-toggle="modal" data-bs-target="#sepcialselectModal">specify select units</a> </div> </div> </div> </div> </div> </div> <div id="tab-5" class="tab-pane" role="tabpanel"> <div class="ap-head"> <h3>Varius curabitur eget</h3> </div> <div class="profile-fields-main wizard-prof"> <div class="row"> <div class="col-md-12"> <div class="login-fields"> <label for="">Number of Bedrooms<span>*</span></label> <div class="custom-select" data-multiple="false"> <div class="select-wrapper"> <div class="select-selected" data-value="null">Select</div> <div class="select-arrow"></div> <div class="select-options" style="display: none;"> <div class="select-option" data-value="1">1</div> <div class="select-option" data-value="2">2</div> <div class="select-option" data-value="3">3</div> <div class="select-option" data-value="4">4</div> </div> </div> </div> </div> </div> <div class="col-md-12"> <div class="login-fields"> <label for="">Number of Bathrooms<span>*</span></label> <div class="custom-select" data-multiple="false"> <div class="select-wrapper"> <div class="select-selected" data-value="null">Select</div> <div class="select-arrow"></div> <div class="select-options" style="display: none;"> <div class="select-option" data-value="1 year">1</div> <div class="select-option" data-value="2 years">2</div> <div class="select-option" data-value="3 years">3</div> <div class="select-option" data-value="4 years">4</div> </div> </div> </div> </div> </div> <div class="col-md-12"> <div class="login-fields"> <label for="datePicks2">Date Available</label> <div class="input-group date customDate" id="datepicker2"> <input type="text" class=" border-0 p-0" id="date" placeholder="Choose Date"> <span class="input-group-append"> <img src="./images/mini-date.svg" alt="" class="img-fluid"> </span> </div> </div> </div> </div> </div> </div> </div> </div> <div id="smartwizard-navigation" class="next-back-nav"> <button type="button" class="" id="prev-btn">Back</button> <button type="button" class="" id="next-btn">Next</button> </div> </form> </div> </div> </div> </section> <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered amenities-md-dialog"> <div class="modal-content amenities-md-content"> <div class="modal-body amenities-md-body"> <div class="row"> <div class="col-md-12"> <div class="md-amn-head-main"> <div class="amenities-md-head"> <h3>Amenities</h3> <p>Select all amenities that apply to your property units</p> </div> <div class="md-header"> <button type="button" class="cs-button" data-bs-dismiss="modal" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.244075 11.9107C-0.0813583 12.2362 -0.0813583 12.7638 0.244075 13.0892C0.569517 13.4147 1.09715 13.4147 1.42259 13.0892L6.66667 7.84517L11.9107 13.0892C12.2362 13.4147 12.7638 13.4147 13.0892 13.0892C13.4147 12.7638 13.4147 12.2362 13.0892 11.9107L7.84517 6.66667L13.0892 1.42259C13.4147 1.09715 13.4147 0.569517 13.0892 0.244075C12.7638 -0.0813583 12.2362 -0.0813583 11.9107 0.244075L6.66667 5.48817L1.42259 0.244075C1.09715 -0.0813583 0.569517 -0.0813583 0.244075 0.244075C-0.0813583 0.569517 -0.0813583 1.09715 0.244075 1.42259L5.48817 6.66667L0.244075 11.9107Z" fill="black" /> </svg></button> </div> </div> </div> </div> <div class="row"> <div class="col-md-6"> <div class="appartment-features-bx-main"> <div class="appartment-features-head"> <h6>Apartment Features</h6> </div> <div class="am-bx-main"> <div class="row"> <div class="col-md-6"> <div class="bx-left"> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Dishwasher</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Washer / Dryer</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>High Speed Internet Access</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Air Conditioning</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Cable</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Smoke-Free</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Wheelchair Accessible </p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Granite Countertops</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Stove / Range</p> </div> </div> </div> <div class="col-md-6"> <div class="bx-left"> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Security System</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Refrigerator</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Microwave</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Stainless Steel Appliances</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Carpet</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Patio</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Walk-In Closet</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Balcony</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Vinyl Flooring</p> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-6"> <div class="appartment-features-bx-main"> <div class="appartment-features-head"> <h6>Community Features</h6> </div> <div class="am-bx-main"> <div class="row"> <div class="col-md-6"> <div class="bx-left"> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities" value="ok"> <p>On-site Maintenance</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Pet Play Area</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Pet Washing Station</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>On-site Property Manager</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Pool</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Recycling</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Fitness Center</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Conference Room</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Bike Storage</p> </div> </div> </div> <div class="col-md-6"> <div class="bx-left"> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Package Room</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Media Center</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Movie Theatre</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Biking Trails</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Walking Trails</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Recycling</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Public Transportation</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Clubhouse</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="amenities"> <p>Business Center</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="selected-all-selected-cta"> <button type="button" class="slect-all-btn">Select All</button> <button type="button" class="selected-btn" disabled="disabled">Add Selected</button> </div> </div> </div> </div> </div> <div class="modal fade" id="sepcialselectModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered special-select-md-dialog"> <div class="modal-content amenities-md-content"> <div class="modal-body amenities-md-body"> <div class="row"> <div class="col-md-12"> <div class="md-amn-head-main"> <div class="amenities-md-head"> <h3>Special Select</h3> <p>Semper mauris verra auctor tincidunt etiam varius molestie lectus</p> </div> <div class="md-header"> <button type="button" class="cs-button" data-bs-dismiss="modal" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.244075 11.9107C-0.0813583 12.2362 -0.0813583 12.7638 0.244075 13.0892C0.569517 13.4147 1.09715 13.4147 1.42259 13.0892L6.66667 7.84517L11.9107 13.0892C12.2362 13.4147 12.7638 13.4147 13.0892 13.0892C13.4147 12.7638 13.4147 12.2362 13.0892 11.9107L7.84517 6.66667L13.0892 1.42259C13.4147 1.09715 13.4147 0.569517 13.0892 0.244075C12.7638 -0.0813583 12.2362 -0.0813583 11.9107 0.244075L6.66667 5.48817L1.42259 0.244075C1.09715 -0.0813583 0.569517 -0.0813583 0.244075 0.244075C-0.0813583 0.569517 -0.0813583 1.09715 0.244075 1.42259L5.48817 6.66667L0.244075 11.9107Z" fill="black" /> </svg></button> </div> </div> </div> </div> <div class="row justify-content-between align-items-baseline"> <div class="col-md-5"> <div class="special-select-fields-main"> <div class="special-select-fields"> <input type="text" placeholder="1-2 year lease"> </div> <div class="special-select-fields"> <input type="text" placeholder="$2,500/month"> </div> <div class="special-select-fields"> <input type="text" placeholder="1,200 sq. ft."> </div> <div class="special-select-fields"> <textarea cols="30" rows="5" placeholder="Rooftop access, gym access, balcony, swimming pool, mail room backyard, grill, courtyard, patio, package room, front yard, elevator"></textarea> </div> </div> </div> <div class="col-md-5"> <div class="select-all-apply-main"> <div class="selct-apply-head"> <h5>Select all that apply:</h5> </div> <div class="select-unit-par"> <div class="select-unit-radio-main"> <div class="unit-options md-am-opt"><input type="checkbox" name="units"> <p>1A</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="units"> <p>1B</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="units"> <p>1C</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="units"> <p>2D</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="units"> <p>2E</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="units"> <p>2F</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="units"> <p>2G</p> </div> </div> <div class="select-unit-radio-main"> <div class="unit-options md-am-opt"><input type="checkbox" name="units"> <p>3A</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="units"> <p>3B</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="units"> <p>3C</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="units"> <p>4D</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="units"> <p>4E</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="units"> <p>4F</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="units"> <p>4G</p> </div> </div> <div class="select-unit-radio-main"> <div class="unit-options md-am-opt"><input type="checkbox" name="units"> <p>5A</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="units"> <p>5B</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="units"> <p>5C</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="units"> <p>6D</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="units"> <p>6E</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="units"> <p>6F</p> </div> <div class="unit-options md-am-opt"><input type="checkbox" name="units"> <p>All Units</p> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="selected-all-selected-cta"> <button type="button" class="selected-btn" disabled="disabled">Add Details</button> </div> </div> </div> </div> </div> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery-smarttab@4/dist/js/jquery.smartTab.min.js" type="text/javascript"></script> <script src="./js/add-properties.js"></script> <script src="./js/global.js"></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 8.1.29 | Генерация страницы: 0.01 |
proxy
|
phpinfo
|
Настройка