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

Файловый менеджер - Редактировать - /home/clickysoft/public_html/somni.clickysoft.net/public/html/dashboard-select-document.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="db-nav mobile-hidden"> <ul> <li><a href="javascript:void(0)" class="active">Home</a></li> <li><a href="javascript:void(0)">All Properties</a></li> <li><a href="javascript:void(0)">Add Property</a></li> </ul> </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/message.svg" alt="" class="img-fluid">Leases</a></li> <li class=""><a href="javascript:void(0)"><img src="./images/units.svg" alt="" class="img-fluid">Units</a></li> <li class=""><a href="javascript:void(0)"><img src="./images/finance.svg" alt="" class="img-fluid">Finance</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 p-0"> <div class="container-fluid custom-container"> <div class="row "> <div class="col-md-12"> <div class="main-db-layout"> <div class="mobile-nav-view"> <div class="db-nav"> <ul> <!-- <li><a href="javascript:void(0)" class="active">Home</a></li> --> <li><a href="javascript:void(0)">All Properties</a></li> <li><a href="javascript:void(0)">Add Property</a></li> </ul> </div> <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 vh-100"> <div class="col-md-8"> <div class="pdf-d-head"> <h4>Unit 304_Lease-Alex-Stevensons_year-2025 -2026.pdf</h4> <div class="view-pdf-cta"> <a href="somni.pdf" target="_blank" class="vpf-btn"> View PDF </a> </div> </div> <div class="recipient-box"> <div class="recipient-head"> <h4>Recipients </h4> </div> <div class="rcp-details"> <div class="rcp-user"> <div class="rp-green-thum"><img src="./images/rp-green-check.svg" alt="" class="img-fluid"></div> <div class="rp-dt-content"> <h6>Alex Stevenson</h6> <p>alexstevenson3004@gmail.com</p> </div> </div> <div class="rcp-user-details"> <div class="rp-dt-content"> <h6>Signed</h6> <p>Received Sept. 25, 2025</p> </div> </div> </div> <div class="rcp-details"> <div class="rcp-user"> <div class="rp-green-thum"><img src="./images/rp-green-check.svg" alt="" class="img-fluid"></div> <div class="rp-dt-content"> <h6>Samantha Farve-Stevenson</h6> <p>sfarveson@gmail.com</p> </div> </div> <div class="rcp-user-details"> <div class="rp-dt-content"> <h6>Copy Received</h6> <p>Received Sept. 25, 2025</p> </div> </div> </div> <div class="rcp-details"> <div class="rcp-user"> <div class="rp-green-thum"><img src="./images/rp-green-check.svg" alt="" class="img-fluid"></div> <div class="rp-dt-content"> <h6>Carl Stevenson</h6> <p>carl_steve89@gmail.com</p> </div> </div> <div class="rcp-user-details"> <div class="rp-dt-content"> <h6>Copy Received</h6> <p>Received Sept. 25, 2025</p> </div> </div> </div> </div> <div class="auctor-box"> <div class="auctor-head"> <div class="auctro-title"> <h4>Auctor ut molestie pellentesque elementum</h4> <div class="file-print"> <button type="button" class="revert-btn"><img src="./images/fle.svg" alt="" class="img-fluid"></button> <button type="button" class="revert-btn"><img src="./images/prnter.svg" alt="" class="img-fluid"></button> </div> </div> <p>Last change: Sept. 25, 2025</p> <p>Last change: Sept. 25, 2025</p> </div> <div class="email-copy-cta"> <button type="button" class="email-copy-btn"><img src="./images/bl-env.svg" alt="" class="img-fluid">Email Copy</button> </div> </div> </div> <div class="col-md-4"> <div class="pdf-listing-rail"> <div class="rail-head"> <h5>Unit 304_Lease-Alex-Stevensons_year-2025 -2026.pdf</h5> <p>Pages: 12</p> </div> <div class="rail-pdf-thumb-main"> <div class="rail-pdf-thumb"> <a href="somni.pdf" target="_blank"> <img class="w-100" data-pdf-thumbnail-file="somni.pdf" data-pdf-thumbnail-width="209" width="209" data-pdf-thumbnail-height="152" height="152" src="./images/pdf.png"> </a> <div class="pdf-count"> <p>1 of 12</p> </div> </div> <div class="rail-pdf-thumb"> <a href="somni.pdf" target="_blank"> <img class="w-100" data-pdf-thumbnail-file="somni.pdf" data-pdf-thumbnail-width="209" width="209" data-pdf-thumbnail-height="152" height="152" src="./images/pdf.png"> </a> <div class="pdf-count"> <p>1 of 12</p> </div> </div> <div class="rail-pdf-thumb"> <a href="somni.pdf" target="_blank"> <img class="w-100" data-pdf-thumbnail-file="somni.pdf" data-pdf-thumbnail-width="209" width="209" data-pdf-thumbnail-height="152" height="152" src="./images/pdf.png"> </a> <div class="pdf-count"> <p>1 of 12</p> </div> </div> <div class="rail-pdf-thumb"> <a href="somni.pdf" target="_blank"> <img class="w-100" data-pdf-thumbnail-file="somni.pdf" data-pdf-thumbnail-width="209" width="209" data-pdf-thumbnail-height="152" height="152" src="./images/pdf.png"> </a> <div class="pdf-count"> <p>1 of 12</p> </div> </div> <div class="rail-pdf-thumb"> <a href="somni.pdf" target="_blank"> <img class="w-100" data-pdf-thumbnail-file="somni.pdf" data-pdf-thumbnail-width="209" width="209" data-pdf-thumbnail-height="152" height="152" src="./images/pdf.png"> </a> <div class="pdf-count"> <p>1 of 12</p> </div> </div> <div class="rail-pdf-thumb"> <a href="somni.pdf" target="_blank"> <img class="w-100" data-pdf-thumbnail-file="somni.pdf" data-pdf-thumbnail-width="209" width="209" data-pdf-thumbnail-height="152" height="152" src="./images/pdf.png"> </a> <div class="pdf-count"> <p>1 of 12</p> </div> </div> <div class="rail-pdf-thumb"> <a href="somni.pdf" target="_blank"> <img class="w-100" data-pdf-thumbnail-file="somni.pdf" data-pdf-thumbnail-width="209" width="209" data-pdf-thumbnail-height="152" height="152" src="./images/pdf.png"> </a> <div class="pdf-count"> <p>1 of 12</p> </div> </div> <div class="rail-pdf-thumb"> <a href="somni.pdf" target="_blank"> <img class="w-100" data-pdf-thumbnail-file="somni.pdf" data-pdf-thumbnail-width="209" width="209" data-pdf-thumbnail-height="152" height="152" src="./images/pdf.png"> </a> <div class="pdf-count"> <p>1 of 12</p> </div> </div> <div class="rail-pdf-thumb"> <a href="somni.pdf" target="_blank"> <img class="w-100" data-pdf-thumbnail-file="somni.pdf" data-pdf-thumbnail-width="209" width="209" data-pdf-thumbnail-height="152" height="152" src="./images/pdf.png"> </a> <div class="pdf-count"> <p>1 of 12</p> </div> </div> <div class="rail-pdf-thumb"> <a href="somni.pdf" target="_blank"> <img class="w-100" data-pdf-thumbnail-file="somni.pdf" data-pdf-thumbnail-width="209" width="209" data-pdf-thumbnail-height="152" height="152" src="./images/pdf.png"> </a> <div class="pdf-count"> <p>1 of 12</p> </div> </div> <div class="rail-pdf-thumb"> <a href="somni.pdf" target="_blank"> <img class="w-100" data-pdf-thumbnail-file="somni.pdf" data-pdf-thumbnail-width="209" width="209" data-pdf-thumbnail-height="152" height="152" src="./images/pdf.png"> </a> <div class="pdf-count"> <p>1 of 12</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </main> </div> <style> .pdf-d-head h4 { font-family: 'ProximaNova-Bold'; font-size: 22px; line-height: 22px; letter-spacing: 0em; text-align: left; color: #003797; margin-bottom: 20px; } .vpf-btn { width: 160px; background-color: #3155F4; display: inline-flex; justify-content: center; font-family: 'ProximaNova-Bold'; font-size: 16px; line-height: 18px; letter-spacing: 0px; color: #fff !important; text-decoration: none; padding: 16px 0px; border-radius: 4px; } .pdf-d-head { padding: 40px 0px 40px; border-bottom: 1px solid #B8B8B9BF; } .rail-head h5 { color: #3155F4; text-align: center; font-family: 'Proxima-Nova-Semibold'; font-size: 18px; font-style: normal; line-height: 22px; } .pdf-listing-rail { width: 313px; background-color: #3155F41A; padding: 43px 50px 0px; height: 100%; } .rail-head p { color: rgba(77, 94, 128, 0.75); font-family: 'Proxima-Nova-Medium'; font-size: 16px; line-height: 20px; text-align: center; } .rail-pdf-thumb { padding: 10px 15px 0px; background-color: #fff; border: 1px solid #3155F4; border-radius: 20px; } .pdf-count p { color: #3155F4; font-family: 'Proxima-Nova-Medium'; font-size: 13px; font-style: normal; line-height: 20px; margin-bottom: 0px; cursor: pointer; } .rail-head { margin-bottom: 25px; } .pdf-count { padding: 10px 0px; display: flex; justify-content: center; align-items: center; } .rail-pdf-thumb-main { display: flex; flex-direction: column; gap: 20px; overflow-y: auto; height: 70%; -ms-overflow-style: none; /* IE and Edge / scrollbar-width: none; / Firefox */ } .rail-pdf-thumb-main::-webkit-scrollbar { display: none; } .rcp-details { display: flex; justify-content: space-between; } .rcp-user { display: flex; gap: 21px; } .rp-dt-content h6 { color: #020202; font-family: 'Proxima-Nova-Medium'; font-size: 16px; margin-bottom: 5px; } .rp-dt-content p { color: rgba(2, 2, 2, 0.60); font-family: 'Proxima-Nova-Medium'; font-size: 16px; line-height: normal; margin: 0; } .rcp-user-details .rp-dt-content { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; } .recipient-box { padding: 40px 0px; display: flex; flex-direction: column; gap: 20px; border-bottom: 1px solid #B8B8B9BF; } .recipient-head h4 { color: #003797; font-family: 'ProximaNova-Bold'; font-size: 22px; line-height: normal; } .auctro-title { display: flex; justify-content: space-between; } .file-print { display: flex; gap: 25px; } .revert-btn { background: transparent; border: 0; outline: 0; } .auctor-box { padding: 50px 0px 50px 40px; } .auctro-title h4 { color: #020202; font-family: 'Proxima-Nova-Semibold'; font-size: 18px; font-style: normal; line-height: normal; } .auctor-head p { color: rgba(2, 2, 2, 0.60); font-family: 'Proxima-Nova-Medium'; font-size: 16px; font-style: normal; line-height: normal; margin-bottom: 6px; } .email-copy-btn { width: 160px; display: inline-flex; gap: 7px; justify-content: center; align-items: center; padding: 16px 0px; border-radius: 4px; border: 1px solid #ADB8CC; background-color: #fff; color: #3155F4; font-family: 'Proxima-Nova-Semibold'; font-size: 14px; line-height: normal; } .email-copy-cta { padding: 30px 0px 0px; } </style> <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/pdf.js/2.4.456/pdf.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.4.456/pdf.worker.js"></script> <script src="./js/pdfThumbnails.js" data-pdfjs-src="pdf.js/build/pdf.js"></script> <script src="./js/global.js"></script> </body> </html>

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