Файловый менеджер

Файловый менеджер - Редактировать - /home/clickysoft/public_html/somni.clickysoft.net/public/html/dashboard-tenant-make-payment.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 rel="stylesheet" href="./css/main.css"> <title>SOMNI</title> </head> <body class="dashboard-body"> <header class="dashboard-header"> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <div class="db-lg-nav"> <div class="db-logo"> <img src="./images/nav-logo.svg" alt="" class="img-fluid"> </div> <div class="db-toggle"><img src="./images/menu-buton.svg" alt=""></div> <div class="notification-user mobile-hidden"> <ul> <li> <div class="dropdown"> <button class="dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> <img src="./images/bell.svg" alt="" class="img-fluid"> <span class="message-counter bell-counter">19</span> </button> <ul class="dropdown-menu d-menu"> <div class="drop-header"> <div class="notifications"> <h6>Notifications</h6> </div> <div class="mark-as-read"> <p><a href="">Mark All Read</a></p> </div> </div> <div class="notify-columns"> <div class="notificationcontent-main"> <div class="nft-thumb"><img src="./images/nft-1.png" alt="" class="img-fluid"></div> <div class="nft-content"> <p><a href="javascript:void(0)"><strong class="bold-text">Fringilla morbi 5 dignissim </strong> volutpat scelerisque non molestie malesuad mollis <span class="nft-timing">24 mins ago</span></a> </p> </div> </div> <div class="notificationcontent-main"> <div class="nft-thumb"><img src="./images/nft-2.png" alt="" class="img-fluid"></div> <div class="nft-content"> <p><a href="javascript:void(0)">Euismod malesuada <strong class="bold-text">malesuad mollis</strong> <span class="nft-timing">24 mins ago</span></a> </p> </div> </div> <div class="notificationcontent-main"> <div class="nft-thumb"><img src="./images/nft-3.png" alt="" class="img-fluid"></div> <div class="nft-content"> <p><a href="javascript:void(0)"><strong class="text-bold">902 molestie</strong> curabitur scelerisque fringilla arcu integer arcu adipiscing massa. <span class="nft-timing">24 mins ago</span></a> </p> </div> </div> <div class="notificationcontent-main"> <div class="nft-thumb"><img src="./images/nft-2.png" alt="" class="img-fluid"></div> <div class="nft-content"> <p><a href="javascript:void(0)"><strong class="text-bold">10 morbi dignissim</strong> volutpat scelerisque non molestie <span class="nft-timing">24 mins ago</span></a> </p> </div> </div> <div class="notificationcontent-main"> <div class="nft-thumb"><img src="./images/nft-2.png" alt="" class="img-fluid"></div> <div class="nft-content"> <p><a href="javascript:void(0)"><strong class="text-bold">1 Elementum</strong> ipsum fermentum conse <span class="nft-timing">24 mins ago</span> </a> </p> </div> </div> </div> <div class="drop-footer"> <p><a href="javascript:void(0)"><img src="./images/notif-al.png" alt="" class="img-fluid">View All Notifications</a></p> </div> </ul> </div> </li> <li> <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> <div class="main-section"> <div class="aside-main"> <div class="l-sidebar"> <div class="logo-link-wrapper"> <div class="l-sidebar__content"> <div class="side-bar-links"> <ul class="main-links"> <li class=""><a href="javascript:void(0)"><img src="./images/overview.svg" alt="" class="img-fluid">Overview</a></li> <li class=""><a href="javascript:void(0)"><img src="./images/message.svg" alt="" class="img-fluid">Messages <span class="message-counter">4</span></a></li> <li class=""><a href="javascript:void(0)"><img src="./images/wallet.svg" alt="" class="img-fluid">Wallet</a></li> <li class="active"><a href="javascript:void(0)"><img src="./images/m-payment.svg" alt="" class="img-fluid">Make A Payment</a></li> <li class=""><a href="javascript:void(0)"><img src="./images/maintenance.svg" alt="" class="img-fluid">Maintenance</a></li> <li class=""><a href="javascript:void(0)"><img src="./images/calendar.svg" alt="" class="img-fluid">Calendar</a></li> <li class=""><a href="javascript:void(0)"><img src="./images/settings.svg" alt="" class="img-fluid">Settings</a></li> </ul> <div class="logout-side-button"> <button class="logout-btn"> Log Out </button> </div> </div> </div> </div> </div> </div> <main class="layout-main"> <div class="content-wrapper"> <section class="profile-edit"> <div class="container-fluid custom-container"> <div class="row "> <div class="col-md-12"> <div class="main-db-layout"> <div class="mobile-nav-view tenan-view"> <div class="notification-user"> <ul> <li> <div class="dropdown"> <button class="dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> <img src="./images/bell.svg" alt="" class="img-fluid"> <span class="message-counter bell-counter">19</span> </button> <ul class="dropdown-menu d-menu"> <div class="drop-header"> <div class="notifications"> <h6>Notifications</h6> </div> <div class="mark-as-read"> <p><a href="">Mark All Read</a></p> </div> </div> <div class="notify-columns"> <div class="notificationcontent-main"> <div class="nft-thumb"><img src="./images/nft-1.png" alt="" class="img-fluid"></div> <div class="nft-content"> <p><a href="javascript:void(0)"><strong class="bold-text">Fringilla morbi 5 dignissim </strong> volutpat scelerisque non molestie malesuad mollis <span class="nft-timing">24 mins ago</span></a> </p> </div> </div> <div class="notificationcontent-main"> <div class="nft-thumb"><img src="./images/nft-2.png" alt="" class="img-fluid"></div> <div class="nft-content"> <p><a href="javascript:void(0)">Euismod malesuada <strong class="bold-text">malesuad mollis</strong> <span class="nft-timing">24 mins ago</span></a> </p> </div> </div> <div class="notificationcontent-main"> <div class="nft-thumb"><img src="./images/nft-3.png" alt="" class="img-fluid"></div> <div class="nft-content"> <p><a href="javascript:void(0)"><strong class="text-bold">902 molestie</strong> curabitur scelerisque fringilla arcu integer arcu adipiscing massa. <span class="nft-timing">24 mins ago</span></a> </p> </div> </div> <div class="notificationcontent-main"> <div class="nft-thumb"><img src="./images/nft-2.png" alt="" class="img-fluid"></div> <div class="nft-content"> <p><a href="javascript:void(0)"><strong class="text-bold">10 morbi dignissim</strong> volutpat scelerisque non molestie <span class="nft-timing">24 mins ago</span></a> </p> </div> </div> <div class="notificationcontent-main"> <div class="nft-thumb"><img src="./images/nft-2.png" alt="" class="img-fluid"></div> <div class="nft-content"> <p><a href="javascript:void(0)"><strong class="text-bold">1 Elementum</strong> ipsum fermentum conse <span class="nft-timing">24 mins ago</span> </a> </p> </div> </div> </div> <div class="drop-footer"> <p><a href="javascript:void(0)"><img src="./images/notif-al.png" alt="" class="img-fluid">View All Notifications</a> </p> </div> </ul> </div> </li> <li> <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> </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 class="row"> <div class="col-md-12 col-lg-12"> <div class="mod-heads"> <h3> Make A Payment </h3> <p>Rent payments made simple with a swift and secure payment portal</p> </div> <div class="pay-full-other"> <div class="row"> <div class="col-md-12 col-lg-7"> <div class="row"> <div class="col-md-6"> <div class="balanc-amount-card"> <div class="unit-options md-am-opt bac-box"><input type="radio" name="units"> <p>Pay Full Balance</p> </div> <div class="amount-des"> <p>$3,000.00</p> </div> <div class="future-changes"> <p>Including future charges</p> </div> </div> </div> <div class="col-md-6"> <div class="balanc-amount-card"> <div class="unit-options md-am-opt bac-box"><input type="radio" name="units"> <p>Pay Current Balance</p> </div> <div class="amount-des"> <p>$900.00</p> </div> <div class="future-changes"> <p>As of December 01, 2024</p> </div> </div> </div> </div> </div> <div class="col-md-6 col-lg-5"> <div class="balanc-amount-card other-payment-box"> <div class="unit-options md-am-opt bac-box"><input type="radio" name="units"> <p>Other Payment</p> </div> <div class="other-pament-field"> <span class="ds-sign">$</span> <input type="number" placeholder="0.00"> </div> </div> </div> </div> </div> <div class="select-payment-main"> <div class="select-payment-head"> <h4>Select Payment Method</h4> </div> <div class="select-payment-box-main"> <div class="select-payment-boxes"> <div class="spb-left"> <h4>Saved payment method <span>•••• •••• •••• 0382</span> </h4> </div> <div class="spb-right"> <div class="chk-box"> <label for="payment"> <input type="radio" name="paymentType" id="payment"> <span class="checkmark"></span> </label> </div> </div> </div> <div class="select-payment-boxes"> <div class="spb-left"> <h4>Pay with card</h4> </div> <div class="spb-right"> <div class="chk-box"> <label for="paymentCard"> <input type="radio" name="paymentType" id="paymentCard"> <span class="checkmark"></span> </label> </div> </div> </div> <div class="select-payment-boxes"> <div class="spb-left"> <h4>Pay with bank account</h4> </div> <div class="spb-right"> <div class="chk-box"> <label for="paymentBank"> <input type="radio" name="paymentType" id="paymentBank"> <span class="checkmark"></span> </label> </div> </div> </div> </div> </div> <div class="payment-history-main"> <div class="select-payment-head"> <h4>Payment History</h4> </div> <div class="units-table-main finances-invoice-table pmt-history-table"> <div class="table-responsive"> <table class="table m-0 "> <thead> <tr> <th scope="col" class="">Date</th> <th scope="col">Recipient</th> <th scope="col" class="">Invoice </th> <th scope="col" class="">Amount</th> <th scope="col" class="">Action</th> </tr> </thead> <tbody> <tr> <td scope="row"> 11/01/2025 </td> <td>Bedford MGMT</td> <td class=""> <div class="pdf-paid"> <span class="pdf-cta"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="26" viewBox="0 0 21 26" fill="none"> <rect width="21" height="26" rx="3" fill="#E4F0FF" /> <path d="M5 16.002V12H6.758C7.598 12 8.066 12.576 8.066 13.254C8.066 13.932 7.592 14.508 6.758 14.508H5.702V16.002H5ZM7.346 13.254C7.346 12.87 7.058 12.618 6.662 12.618H5.702V13.89H6.662C7.058 13.89 7.346 13.638 7.346 13.254Z" fill="#1168ED" /> <path d="M8.65039 16.002V12H10.1384C11.3864 12 12.2324 12.828 12.2324 14.004C12.2324 15.18 11.3864 16.002 10.1384 16.002H8.65039ZM9.35239 15.384H10.1384C11.0084 15.384 11.5124 14.76 11.5124 14.004C11.5124 13.23 11.0324 12.618 10.1384 12.618H9.35239V15.384Z" fill="#1168ED" /> <path d="M12.9102 16.002V12H15.6522V12.618H13.6122V13.656H15.6102V14.274H13.6122V16.002H12.9102Z" fill="#1168ED" /> </svg></span> Invoice #548 — Nov 2025 <span class="paid-cta">Paid</span> </div> </td> <td class=""> $5,000 </td> <td class=""><button type="button" class="download-cta dashed-cta">Download</button> </td> </tr> <tr> <td scope="row"> 11/01/2025 </td> <td>Bedford MGMT</td> <td class=""> <div class="pdf-paid"> <span class="pdf-cta"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="26" viewBox="0 0 21 26" fill="none"> <rect width="21" height="26" rx="3" fill="#E4F0FF" /> <path d="M5 16.002V12H6.758C7.598 12 8.066 12.576 8.066 13.254C8.066 13.932 7.592 14.508 6.758 14.508H5.702V16.002H5ZM7.346 13.254C7.346 12.87 7.058 12.618 6.662 12.618H5.702V13.89H6.662C7.058 13.89 7.346 13.638 7.346 13.254Z" fill="#1168ED" /> <path d="M8.65039 16.002V12H10.1384C11.3864 12 12.2324 12.828 12.2324 14.004C12.2324 15.18 11.3864 16.002 10.1384 16.002H8.65039ZM9.35239 15.384H10.1384C11.0084 15.384 11.5124 14.76 11.5124 14.004C11.5124 13.23 11.0324 12.618 10.1384 12.618H9.35239V15.384Z" fill="#1168ED" /> <path d="M12.9102 16.002V12H15.6522V12.618H13.6122V13.656H15.6102V14.274H13.6122V16.002H12.9102Z" fill="#1168ED" /> </svg></span> Invoice #548 — Nov 2025 <span class="paid-cta">Paid</span> </div> </td> <td class=""> $5,000 </td> <td class=""><button type="button" class="download-cta dashed-cta">Download</button> </td> </tr> <tr> <td scope="row"> 11/01/2025 </td> <td>Bedford MGMT</td> <td class=""> <div class="pdf-paid"> <span class="pdf-cta"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="26" viewBox="0 0 21 26" fill="none"> <rect width="21" height="26" rx="3" fill="#E4F0FF" /> <path d="M5 16.002V12H6.758C7.598 12 8.066 12.576 8.066 13.254C8.066 13.932 7.592 14.508 6.758 14.508H5.702V16.002H5ZM7.346 13.254C7.346 12.87 7.058 12.618 6.662 12.618H5.702V13.89H6.662C7.058 13.89 7.346 13.638 7.346 13.254Z" fill="#1168ED" /> <path d="M8.65039 16.002V12H10.1384C11.3864 12 12.2324 12.828 12.2324 14.004C12.2324 15.18 11.3864 16.002 10.1384 16.002H8.65039ZM9.35239 15.384H10.1384C11.0084 15.384 11.5124 14.76 11.5124 14.004C11.5124 13.23 11.0324 12.618 10.1384 12.618H9.35239V15.384Z" fill="#1168ED" /> <path d="M12.9102 16.002V12H15.6522V12.618H13.6122V13.656H15.6102V14.274H13.6122V16.002H12.9102Z" fill="#1168ED" /> </svg></span> Invoice #548 — Nov 2025 <span class="paid-cta">Paid</span> </div> </td> <td class=""> $5,000 </td> <td class=""><button type="button" class="download-cta dashed-cta">Download</button> </td> </tr> <tr> <td scope="row"> 11/01/2025 </td> <td>Bedford MGMT</td> <td class=""> <div class="pdf-paid"> <span class="pdf-cta"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="26" viewBox="0 0 21 26" fill="none"> <rect width="21" height="26" rx="3" fill="#E4F0FF" /> <path d="M5 16.002V12H6.758C7.598 12 8.066 12.576 8.066 13.254C8.066 13.932 7.592 14.508 6.758 14.508H5.702V16.002H5ZM7.346 13.254C7.346 12.87 7.058 12.618 6.662 12.618H5.702V13.89H6.662C7.058 13.89 7.346 13.638 7.346 13.254Z" fill="#1168ED" /> <path d="M8.65039 16.002V12H10.1384C11.3864 12 12.2324 12.828 12.2324 14.004C12.2324 15.18 11.3864 16.002 10.1384 16.002H8.65039ZM9.35239 15.384H10.1384C11.0084 15.384 11.5124 14.76 11.5124 14.004C11.5124 13.23 11.0324 12.618 10.1384 12.618H9.35239V15.384Z" fill="#1168ED" /> <path d="M12.9102 16.002V12H15.6522V12.618H13.6122V13.656H15.6102V14.274H13.6122V16.002H12.9102Z" fill="#1168ED" /> </svg></span> Invoice #548 — Nov 2025 <span class="paid-cta">Paid</span> </div> </td> <td class=""> $5,000 </td> <td class=""><button type="button" class="download-cta dashed-cta">Download</button> </td> </tr> <tr> <td scope="row"> 11/01/2025 </td> <td>Bedford MGMT</td> <td class=""> <div class="pdf-paid"> <span class="pdf-cta"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="26" viewBox="0 0 21 26" fill="none"> <rect width="21" height="26" rx="3" fill="#E4F0FF" /> <path d="M5 16.002V12H6.758C7.598 12 8.066 12.576 8.066 13.254C8.066 13.932 7.592 14.508 6.758 14.508H5.702V16.002H5ZM7.346 13.254C7.346 12.87 7.058 12.618 6.662 12.618H5.702V13.89H6.662C7.058 13.89 7.346 13.638 7.346 13.254Z" fill="#1168ED" /> <path d="M8.65039 16.002V12H10.1384C11.3864 12 12.2324 12.828 12.2324 14.004C12.2324 15.18 11.3864 16.002 10.1384 16.002H8.65039ZM9.35239 15.384H10.1384C11.0084 15.384 11.5124 14.76 11.5124 14.004C11.5124 13.23 11.0324 12.618 10.1384 12.618H9.35239V15.384Z" fill="#1168ED" /> <path d="M12.9102 16.002V12H15.6522V12.618H13.6122V13.656H15.6102V14.274H13.6122V16.002H12.9102Z" fill="#1168ED" /> </svg></span> Invoice #548 — Nov 2025 <span class="paid-cta">Paid</span> </div> </td> <td class=""> $5,000 </td> <td class=""><button type="button" class="download-cta dashed-cta">Download</button> </td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </div> </div> </div> </section> </main> </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="./js/global.js"></script> </body> </html>

| ver. 1.4 | Github | . | PHP 8.1.29 | Генерация страницы: 0 | proxy | phpinfo | Настройка