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

Файловый менеджер - Редактировать - /home/clickysoft/public_html/somni.clickysoft.net/public/html/dashboard-overview.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"> <div class="loading-spinner" id="detail-loader"> <div class="loading-wrapper"> <div class="loading-thumb"> <img src="./images/loader-thumb.png" alt="" class="img-fluid"> <div class="loading-gif"> <img src="./images/loading-spinner.gif" alt=""> </div> </div> <div class="loading-text"> <h4>Loading</h4> <p>We are currently processing your info please wait...</p> </div> </div> </div> <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="db-backdrop"></div> <div class="main-section"> <div class="tooltip-text" id="tooltip1" tool-tip="1"> <div class="tooltip-close"> <button class="tt-close"><img src="./images/close-tt.svg" alt="" class="img-fluid"></button> </div> <div class="tooltip-head"> <h4>Navigation</h4> <p>From here you can view a quick snapshot of occupancy rates, upcoming maintenance, and financial summaries.</p> </div> <div class="hide-next-cta"> <div class="hide-tips"> <button class="hide-tips"><img src="./images/hide-tt.svg" alt="" class="hide-tt">Hide these tips</button> </div> <div class="next-tips"> <button class="next-tip-btn">Next</button> </div> </div> </div> <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="active"><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">19</span></a></li> <li class=""><a href="javascript:void(0)"><img src="./images/wallet.svg" alt="" class="img-fluid">Wallet</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"> <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> <!-- <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 class="row"> <div class="col-md-12 col-lg-8"> <div class="welcome-card"> <div class="welcome-head"> <h2>Welcome! Ramone Rogers <span class="anim">👋</span></h2> <p>Faucibus morbi sagittis eu blandit aliquet!</p> </div> <div class="take-tour"> <a href="javascript:void(0)" class="tour-btn">Take A Tour</a> </div> <div class="aes-1"> <img src="./images/aes-1.svg" alt="" class="img-fluid"> </div> <div class="aes-2"> <img src="./images/aes-2.svg" alt="" class="img-fluid"> </div> <div class="aes-3"> <img src="./images/aes-3.svg" alt="" class="img-fluid"> </div> <div class="aes-4"> <img src="./images/aes-4.svg" alt="" class="img-fluid"> </div> <div class="wave-container"> <svg xmlns="http://www.w3.org/2000/svg" width="664" height="96" viewBox="0 0 664 96" fill="none"> <path class="wave" opacity="0.5" d="M397.803 1.05592C227.238 13.309 44.1991 67.4268 -26 92.9541V136.453H735.541C694.03 86.2149 568.367 -11.1972 397.803 1.05592Z" fill="url(#paint0_linear_1785_12826)" /> <defs> <linearGradient id="paint0_linear_1785_12826" x1="392.847" y1="-21.4786" x2="394.228" y2="220.481" gradientUnits="userSpaceOnUse"> <stop stop-color="#021639" stop-opacity="0.33" /> <stop offset="1" stop-color="#003797" /> </linearGradient> </defs> </svg> </div> </div> <div class="prop-bar"> <div class="pd-bar-box1"> <div class="pd-thumb-cont"> <p><img src="./images/home-db.svg" alt="" class="img-fluid">Property:</p> </div> <div class="property-address"> <p>397 Adams St — Atlanta, GA. 30315</p> </div> </div> <div class="pd-bar-box2"> <div class="drop-elip-thumb "> <div class="dropdown cs-drop"> <button class="dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> <img src="./images/drop-ellipse.svg" alt="" class="img-fluid"> </button> <!-- <ul class="dropdown-menu card-menu"> <div class="cmenu-listing"> <div class="cmenu-main"> <div class="cmn-thumb"> <img src="./images/ep.svg" alt="" class="img-fluid"> </div> <div class="cmn-content"> <p><a href="javascript:void(0)">Manage Bucket</a></p> </div> </div> <div class="cmenu-main"> <div class="cmn-thumb"> <img src="./images/ep.svg" alt="" class="img-fluid"> </div> <div class="cmn-content"> <p><a href="javascript:void(0)">Manage Bucket</a></p> </div> </div> <div class="cmenu-main"> <div class="cmn-thumb"> <img src="./images/ep.svg" alt="" class="img-fluid"> </div> <div class="cmn-content"> <p><a href="javascript:void(0)">Manage Bucket</a></p> </div> </div> </div> </ul> --> </div> </div> </div> <div class="tooltip-text" id="tooltip1" tool-tip="2"> <div class="tooltip-close"> <button class="tt-close"><img src="./images/close-tt.svg" alt="" class="img-fluid"></button> </div> <div class="tooltip-head"> <h4>Property Listing</h4> <p>Whether you're a seasoned property manager or just starting out, the Property Listing confirms which property you are viewing in your dashboard.</p> </div> <div class="hide-next-cta"> <div class="hide-tips"> <button class="hide-tips"><img src="./images/hide-tt.svg" alt="" class="hide-tt">Hide these tips</button> </div> <div class="next-tips"> <button class="next-tip-btn">Next</button> </div> </div> </div> </div> <div class="progress-charts-main"> <div class="row pg-gutter"> <div class="col-md-12 col-lg-12 col-xl-6"> <div class="progress-main"> <div class="progress--header"> <div class="dropdown cs-drop"> <button class="dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> <img src="./images/drop-ellipse.svg" alt="" class="img-fluid"> </button> <ul class="dropdown-menu card-menu"> <div class="cmenu-listing"> <div class="cmenu-main"> <div class="cmn-thumb"> <img src="./images/ep.svg" alt="" class="img-fluid"> </div> <div class="cmn-content"> <p><a href="javascript:void(0)">Edit Graph</a></p> </div> </div> <div class="cmenu-main"> <div class="cmn-thumb"> <img src="./images/ep.svg" alt="" class="img-fluid"> </div> <div class="cmn-content"> <p><a href="javascript:void(0)">View More</a></p> </div> </div> <div class="cmenu-main"> <div class="cmn-thumb"> <img src="./images/ep.svg" alt="" class="img-fluid"> </div> <div class="cmn-content"> <p><a href="javascript:void(0)">Download Data</a></p> </div> </div> </div> </ul> </div> </div> <div class="progress-rounded-main"> <div id="wrapper" class="center"> <svg class="progress blue noselect" data-progress="75" x="0px" y="0px" viewBox="0 0 80 80"> <path class="track" d="M5,40a35,35 0 1,0 70,0a35,35 0 1,0 -70,0"> </path> <path class="fill" d="M5,40a35,35 0 1,0 70,0a35,35 0 1,0 -70,0" style="stroke-dashoffset: -76.99677429199218"> </path> <text class="" x="50%" y="30%" alignment-baseline="middle" text-anchor="middle"> <tspan x="50%" dy="1.2em">$15,000</tspan> <tspan x="50%" dy="1.1em">USD</tspan> </text> </svg> <div class="progress-before"> <img src="./images/progress-before.svg" alt="" class="img-fluid"> </div> </div> <div class="progress-content"> <div class="progress-head"> <h4>Total Transaction By Month</h4> </div> <div class="progress-ratio-base"> <div class="progress-ratio"> <p> 22.8% <img src="./images/ratio.svg" alt="" class="img-fluid"></p> </div> <div class="progress-base"> <img src="./images/base.svg" alt="" class="img-fluid"> </div> </div> </div> </div> </div> </div> <div class="col-md-12 col-lg-12 col-xl-6"> <div class="progress-main"> <div class="progress--header"> <div class="dropdown cs-drop"> <button class="dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> <img src="./images/drop-ellipse.svg" alt="" class="img-fluid"> </button> <ul class="dropdown-menu card-menu"> <div class="cmenu-listing"> <div class="cmenu-main"> <div class="cmn-thumb"> <img src="./images/ep.svg" alt="" class="img-fluid"> </div> <div class="cmn-content"> <p><a href="javascript:void(0)">Edit Graph</a></p> </div> </div> <div class="cmenu-main"> <div class="cmn-thumb"> <img src="./images/ep.svg" alt="" class="img-fluid"> </div> <div class="cmn-content"> <p><a href="javascript:void(0)">View More</a></p> </div> </div> <div class="cmenu-main"> <div class="cmn-thumb"> <img src="./images/ep.svg" alt="" class="img-fluid"> </div> <div class="cmn-content"> <p><a href="javascript:void(0)">Download Data</a></p> </div> </div> </div> </ul> </div> </div> <div class="progress-rounded-main"> <div id="wrapper" class="center"> <svg class="progress blue noselect" data-progress="75" x="0px" y="0px" viewBox="0 0 80 80"> <path class="track" d="M5,40a35,35 0 1,0 70,0a35,35 0 1,0 -70,0"> </path> <path class="fill" d="M5,40a35,35 0 1,0 70,0a35,35 0 1,0 -70,0" style="stroke-dashoffset: -76.99677429199218"> </path> <text class="" x="50%" y="30%" alignment-baseline="middle" text-anchor="middle"> <tspan x="50%" dy="1.2em">$1.5M</tspan> <tspan x="50%" dy="1.1em">USD</tspan> </text> </svg> <div class="progress-before"> <img src="./images/progress-before.svg" alt="" class="img-fluid"> </div> </div> <div class="progress-content"> <div class="progress-head"> <h4>Total Transaction By Year</h4> </div> <div class="progress-ratio-base"> <div class="progress-ratio"> <p> 22.8% <img src="./images/ratio.svg" alt="" class="img-fluid"></p> </div> <div class="progress-base"> <img src="./images/base.svg" alt="" class="img-fluid"> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-12"> <div class="cash-flow-card"> <div class="cfh-main"> <div class="cash-flow-head"> <h4>Cash Flow</h4> <p>Insight on this property's monetary performance</p> </div> <div class="cash-flow-drop drop-elip-thumb"> <div class="dropdown cs-drop"> <button class="dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> <img src="./images/drop-ellipse.svg" alt="" class="img-fluid"> </button> <ul class="dropdown-menu card-menu"> <div class="cmenu-listing"> <div class="cmenu-main"> <div class="cmn-thumb"> <img src="./images/ep.svg" alt="" class="img-fluid"> </div> <div class="cmn-content"> <p><a href="javascript:void(0)">Manage Bucket</a></p> </div> </div> <div class="cmenu-main"> <div class="cmn-thumb"> <img src="./images/ep.svg" alt="" class="img-fluid"> </div> <div class="cmn-content"> <p><a href="javascript:void(0)">View More</a></p> </div> </div> <div class="cmenu-main"> <div class="cmn-thumb"> <img src="./images/ep.svg" alt="" class="img-fluid"> </div> <div class="cmn-content"> <p><a href="javascript:void(0)">Download Info</a></p> </div> </div> </div> </ul> </div> </div> </div> <div class="month-year-tabs"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link " id="all-tab" data-bs-toggle="tab" data-bs-target="#all-tab-pane" type="button" role="tab" aria-controls="all-tab-pane" aria-selected="true">All</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="year-tab" data-bs-toggle="tab" data-bs-target="#year-tab-pane" type="button" role="tab" aria-controls="year-tab-pane" aria-selected="false">Year</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link active" id="month-tab" data-bs-toggle="tab" data-bs-target="#month-tab-pane" type="button" role="tab" aria-controls="month-tab-pane" aria-selected="false">Month</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" data-bs-toggle="tab" id="week-tab" data-bs-target="#week-tab-pane" type="button" role="tab" aria-controls="week-tab-pane" aria-selected="false">Week</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="day-tab" data-bs-toggle="tab" data-bs-target="#day-tab-pane" type="button" role="tab" aria-controls="day-tab-pane" aria-selected="false">Day</button> </li> </ul> <div class="tab-content" id="myTabContent"> <div class="tab-pane fade show active" id="all-tab-pane" role="tabpanel" aria-labelledby="all-tab" tabindex="0"> <div class="col-md-12"> <div class="payment-history-card"> <div class="money-content-value"> <div class="money-in-content"> <h5>Money In</h5> </div> <div class="money-in-value"> <span>+ $1,230,900.52</span> </div> </div> </div> </div> <div class="col-md-7"> <div class="payment-history-card money-out-bg"> <div class="money-content-value "> <div class="money-in-content money-out"> <h5>Money Out</h5> </div> <div class="money-in-value money-out"> <span>- $1,230,900.52</span> </div> </div> </div> </div> <div class="col-md-12"> <div class="view-all-transaction"> <button class="transaction-view-btn"> View All </button> </div> </div> </div> <div class="tab-pane fade" id="year-tab-pane" role="tabpanel" aria-labelledby="year-tab" tabindex="0"> <div class="col-md-12"> <div class="payment-history-card"> <div class="money-content-value"> <div class="money-in-content"> <h5>Money In</h5> </div> <div class="money-in-value"> <span>+ $1,230,900.52</span> </div> </div> </div> </div> <div class="col-md-7"> <div class="payment-history-card money-out-bg"> <div class="money-content-value "> <div class="money-in-content money-out"> <h5>Money Out</h5> </div> <div class="money-in-value money-out"> <span>+ $1,230,900.52</span> </div> </div> </div> </div> <div class="col-md-12"> <div class="view-all-transaction"> <button class="transaction-view-btn"> View All </button> </div> </div> </div> <div class="tab-pane fade" id="month-tab-pane" role="tabpanel" aria-labelledby="contact-tab" tabindex="0"> <div class="col-md-12"> <div class="payment-history-card"> <div class="money-content-value"> <div class="money-in-content"> <h5>Money In</h5> </div> <div class="money-in-value"> <span>+ $1,230,900.52</span> </div> </div> </div> </div> <div class="col-md-7"> <div class="payment-history-card money-out-bg"> <div class="money-content-value "> <div class="money-in-content money-out"> <h5>Money Out</h5> </div> <div class="money-in-value money-out"> <span>+ $1,230,900.52</span> </div> </div> </div> </div> <div class="col-md-12"> <div class="view-all-transaction"> <button class="transaction-view-btn"> View All </button> </div> </div> </div> <div class="tab-pane fade" id="week-tab-pane" role="tabpanel" aria-labelledby="disabled-tab" tabindex="0"> <div class="col-md-12"> <div class="payment-history-card"> <div class="money-content-value"> <div class="money-in-content"> <h5>Money In</h5> </div> <div class="money-in-value"> <span>+ $1,230,900.52</span> </div> </div> </div> </div> <div class="col-md-7"> <div class="payment-history-card money-out-bg"> <div class="money-content-value "> <div class="money-in-content money-out"> <h5>Money Out</h5> </div> <div class="money-in-value money-out"> <span>+ $1,230,900.52</span> </div> </div> </div> </div> <div class="col-md-12"> <div class="view-all-transaction"> <button class="transaction-view-btn"> View All </button> </div> </div> </div> <div class="tab-pane fade" id="day-tab-pane" role="tabpanel" aria-labelledby="disabled-tab" tabindex="0"> <div class="col-md-12"> <div class="payment-history-card"> <div class="money-content-value"> <div class="money-in-content"> <h5>Money In</h5> </div> <div class="money-in-value"> <span>+ $1,230,900.52</span> </div> </div> </div> </div> <div class="col-md-7"> <div class="payment-history-card money-out-bg"> <div class="money-content-value "> <div class="money-in-content money-out"> <h5>Money Out</h5> </div> <div class="money-in-value money-out"> <span>+ $1,230,900.52</span> </div> </div> </div> </div> <div class="col-md-12"> <div class="view-all-transaction"> <button class="transaction-view-btn"> View All </button> </div> </div> </div> </div> </div> <div class="tooltip-text" id="tooltip1" tool-tip="3"> <div class="tooltip-close"> <button class="tt-close"><img src="./images/close-tt.svg" alt="" class="img-fluid"></button> </div> <div class="tooltip-head"> <h4>Cash Flow Overview</h4> <p>A powerful tool that grants you unparalleled visibility into the financial pulse of your property management endeavors.</p> </div> <div class="hide-next-cta"> <div class="hide-tips"> <button class="hide-tips"><img src="./images/hide-tt.svg" alt="" class="hide-tt">Hide these tips</button> </div> <div class="next-tips"> <button class="next-tip-btn">Next</button> </div> </div> </div> </div> <div class="maintenance-card"> <div class="cfh-main"> <div class="cash-flow-head"> <h4>Maintenance Activity</h4> </div> <div class="cash-flow-drop drop-elip-thumb"> <button type="button" class="drop-ellipse-btn"> <img src="./images/drop-ellipse.svg" alt="" class="img-fluid"> </button> </div> </div> <div class="maintenance-table-main"> <div class="table-responsive"> <table class="table m-0"> <thead> <tr> <th scope="col">Date</th> <th scope="col">Task Item</th> <th scope="col" class="txt-center">Unit No.</th> <th scope="col" class="txt-center">Category</th> <th scope="col" class="txt-center">Status</th> </tr> </thead> <tbody> <tr> <td scope="row"> <p class="table-date-col"><span class="">Dec. 28, 2024</span> 10:07 AM</p> </td> <td>Move in cleaning</td> <td class="txt-center">1F</td> <td class="txt-center">Cleaning</td> <td class="txt-center"><span class="status-buttons">In Progress</span></td> </tr> <tr> <td scope="row"> <p class="table-date-col"><span class="">Dec. 22, 2024</span> 10:07 AM</p> </td> <td>Flex wall addition</td> <td class="txt-center">5D</td> <td class="txt-center">Assembly</td> <td class="txt-center"><span class="status-buttons cancelled">Cancelled</span> </td> </tr> <tr> <td scope="row"> <p class="table-date-col"><span class="">Dec. 20, 2024</span> 10:07 AM</p> </td> <td>Cold water issue</td> <td class="txt-center">2B</td> <td class="txt-center">Plumbing</td> <td class="txt-center"><span class="status-buttons completed">Completed</span> </td> </tr> <tr> <td scope="row"> <p class="table-date-col"><span class="">Nov. 15, 2024</span> 10:07 AM</p> </td> <td>Move out cleaning needed</td> <td class="txt-center">2A</td> <td class="txt-center">Cleaning</td> <td class="txt-center"><span class="status-buttons completed">Completed</span> </td> </tr> <tr> <td scope="row"> <p class="table-date-col"><span class="">Nov. 11, 2024</span> 10:07 AM</p> </td> <td>Water is not working</td> <td class="txt-center">3G</td> <td class="txt-center">Plumbing</td> <td class="txt-center"><span class="status-buttons completed">Completed</span> </td> </tr> </tbody> </table> </div> <div class="col-md-12"> <div class="view-all-transaction"> <button class="transaction-view-btn"> View All </button> </div> </div> </div> </div> <div class="chart-card"> <div class="cfh-main"> <div class="cash-flow-head"> <h4>Units Analysis</h4> <p>Sagittis porta vel ornare egestas enim posuere mi</p> </div> <div class="cash-flow-drop drop-elip-thumb"> <button type="button" class="drop-ellipse-btn"> <img src="./images/drop-ellipse.svg" alt="" class="img-fluid"> </button> </div> </div> <div class="chart"> <canvas id="myChart"></canvas> </div> <div class="col-md-12"> <div class="view-all-transaction"> <button class="transaction-view-btn"> View All </button> </div> </div> </div> <div class="maintenance-card"> <div class="cfh-main"> <div class="cash-flow-head"> <h4>Transactions</h4> </div> <div class="cash-flow-drop drop-elip-thumb"> <button type="button" class="drop-ellipse-btn"> <img src="./images/drop-ellipse.svg" alt="" class="img-fluid"> </button> </div> </div> <div class="maintenance-table-main"> <div class="table-responsive"> <table class="table m-0"> <thead> <tr> <th scope="col">Date</th> <th scope="col">Recipient</th> <th scope="col" class="txt-center">Unit No.</th> <th scope="col" class="">Status</th> <th scope="col" class="">Amount</th> </tr> </thead> <tbody> <tr> <td scope="row"> <p class="table-date-col"><span class="">Dec. 28, 2024</span> 10:07 AM</p> </td> <td>Carl Johnson</td> <td class="txt-center">1F</td> <td class=""> <div class="invoice-status">Invoice #824 <span class="status-completed">Completed</span> </div> </td> <td class="">$1,000.00</td> </tr> <tr> <td scope="row"> <p class="table-date-col"><span class="">Dec. 22, 2024</span> 10:07 AM</p> </td> <td>James Prothro</td> <td class="txt-center">5D</td> <td class=""> <div class="invoice-status">Invoice #824 <span class="status-completed">Completed</span> </div> </td> <td class="">$4,500.00</td> </tr> <tr> <td scope="row"> <p class="table-date-col"><span class="">Dec. 20, 2024</span> 10:07 AM</p> </td> <td>Noah Althoff</td> <td class="txt-center">2B</td> <td class=""> <div class="invoice-status">Invoice #765 <span class="status-completed part-paid">Part Paid</span> </div> </td> <td class="">$5,500.00</td> </tr> <tr> <td scope="row"> <p class="table-date-col"><span class="">Nov. 15, 2024</span> 10:07 AM</p> </td> <td>Tyra Lovett</td> <td class="txt-center">2A</td> <td class=""> <div class="invoice-status">Invoice #858 <span class="status-completed">Completed</span> </div> </td> <td class="">$5,000.00</td> </tr> <tr> <td scope="row"> <p class="table-date-col"><span class="">Nov. 11, 2024</span> 10:07 AM</p> </td> <td>Ashley Cameron</td> <td class="txt-center">3G</td> <td class=""> <div class="invoice-status">Invoice #835 <span class="status-completed part-paid">Part Paid</span> </div> </td> <td class="">$1,800.00</td> </tr> </tbody> </table> </div> <div class="col-md-12"> <div class="view-all-transaction"> <button class="transaction-view-btn"> View All </button> </div> </div> </div> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="row"> <div class="col-md-6 col-lg-12"> <div class="career-card"> <div class="career-content"> <h4>Lorem Ipsum Vellum</h4> <p>Massa viverra nulla nisi tortor dolor eu. Consequat vitae placerat eleifend ac ut lorem et pharetra.</p> </div> <div class="career-thumb"> <img src="./images/career.png" alt="" class="img-fluid w-100"> </div> </div> </div> <div class="col-md-6 col-lg-12"> <div class="grow-card"> <div class="grow-thumb"> <img src="./images/grow-card.png" alt="" class="img-fluid w-100"> </div> <div class="career-content"> <h4> Rhoncus blandit urna eget </h4> <p>Massa viverra nulla nisi tortor dolor eu. Consequat vitae placerat eleifend ac ut lorem et pharetra.</p> </div> </div> </div> <div class="col-md-6 col-lg-12"> <div class="top-card"> <div class="child"> <div class="top-cont"> <h4>Top Property</h4> <p>187 Madison Street \| Orlando, Fl. \| 32820</p> </div> <div class="prop-grid-main"> <div class="prop-box"> <div class="prop-content"> <h5>27%</h5> <span class="payments-cta">Late Payments</span> <p>Ac duis a iaculis faucibus lectus eros. Sed nisl in </p> </div> </div> <div class="prop-box"> <div class="prop-content"> <h5>90.04%</h5> <span class="payments-cta">Occupancy</span> <p>Ac duis a iaculis faucibus lectus eros. Sed nisl in </p> </div> </div> <div class="prop-box"> <div class="prop-content"> <h5>$1.2M</h5> <span class="payments-cta">Gross Rent</span> <p>Ac duis a iaculis faucibus lectus eros. Sed nisl in </p> </div> </div> <div class="prop-box"> <div class="prop-content"> <h5>109</h5> <span class="payments-cta">Maintenance</span> <p>Your maintenance requests are up <span class="tx-bold">7%</span> this month from last month</p> </div> </div> <div class="prop-box"> <div class="prop-content gold-content"> <h5>$780K</h5> <span class="payments-cta gold-cta">Total Earnings</span> <p>Ac duis a iaculis faucibus lectus eros. Sed nisl in </p> </div> </div> </div> <div class="tp-element"> <img src="./images/tp-card-element.svg" alt="" class="img-fluid"> </div> <div class="wave-container"> <figure> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="68" viewBox="0 0 315 68" fill="none"> <path class="wave" opacity="0.5" d="M179.207 1.22267C25.786 15.4107 -138.856 78.0743 -202 107.633V158H483C445.661 99.8292 332.628 -12.9653 179.207 1.22267Z" fill="url(#paint0_linear_1785_12883)" /> <defs> <linearGradient id="paint0_linear_1785_12883" x1="174.75" y1="-24.8704" x2="176.808" y2="255.292" gradientUnits="userSpaceOnUse"> <stop stop-color="#021639" stop-opacity="0.33" /> <stop offset="1" stop-color="#003797" /> </linearGradient> </defs> </svg> </figure> </div> </div> <div class="tooltip-text" id="tooltip1" tool-tip="4"> <div class="tooltip-close"> <button class="tt-close"><img src="./images/close-tt.svg" alt="" class="img-fluid"></button> </div> <div class="tooltip-head"> <h4>Customizable Data</h4> <p>Ultrices amet ut in lobortis auctor quis velit a adipiscing. Et viverra a molestie orci mauris mi porta.</p> </div> <div class="hide-next-cta"> <div class="hide-tips"> <button class="hide-tips"><img src="./images/hide-tt.svg" alt="" class="hide-tt">Hide these tips</button> </div> <div class="next-tips"> <button class="next-tip-btn">Next</button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </main> </div> <div class="bottom-bar"> <div class="bar-main"> <div class="bar-content"> <p>Unlock insights & efficiency with our Tool Tips — a guiding light to navigate your property management journey.</p> </div> <div class="bar-count-skip"> <div class="tip-count"> <span class="tooltip-count">1 of 4</span> </div> <div class="skip-tour"> <button class="skiptour-btn"> Skip Tour </button> </div> <div class="tour-close"> <button class="tour-close-btn"> Close </button> </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/chart.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> <script src="./js/dashboard-overview.js"></script> </body> </html>

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