<!DOCTYPE html>
<html lang="en" class="light-style layout-wide customizer-hide" dir="ltr" data-theme="theme-semi-dark" data-assets-path="../assets_inside/" data-template="vertical-menu-template-semi-dark">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

    <title>Dashboard | ClockEarnings Limited</title>
    <meta name="author" content="ClockEarnings Limited">
    <meta name="company" content="ClockEarnings Limited">
    <meta name="copyright" content="© 2023 ClockEarnings Limited">
    <meta name="publisher" content="ClockEarnings Limited">
    <meta property="og:title" content=" Dashboard | ClockEarnings Limited">
    <meta property="og:description" content=". ">
    <meta name="Description" content=". ">
    <meta name="keywords" content=" ">
    <!-- Canonical SEO -->
    <link rel="canonical" href="https://clockearnings.io">


    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="images/favicon-main.png">
    <!-- Canonical SEO -->

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link href="css2" rel="stylesheet">

    <!-- Icons -->
    <link rel="stylesheet" href="css/fontawesome.css">
    <link rel="stylesheet" href="css/tabler-icons.css">
    <link rel="stylesheet" href="css/flag-icons.css">

    <!-- Core CSS -->
    <link rel="stylesheet" href="css/core.css" class="template-customizer-core-css">
    <link rel="stylesheet" href="css/theme-semi-dark.css" class="template-customizer-theme-css">
    <link rel="stylesheet" href="css/demo.css">

    <!-- Vendors CSS -->
    <link rel="stylesheet" href="css/node-waves.css">
    <link rel="stylesheet" href="css/perfect-scrollbar.css">
    <link rel="stylesheet" href="css/typeahead.css">
    <link rel="stylesheet" href="css/apex-charts.css">
    <link rel="stylesheet" href="css/swiper.css">
    <link rel="stylesheet" href="css/datatables.bootstrap5.css">
    <link rel="stylesheet" href="css/responsive.bootstrap5.css">
    <link rel="stylesheet" href="css/datatables.checkboxes.css">

    <!-- Page CSS -->
    <link rel="stylesheet" href="css/cards-advance.css">

    <!-- Helpers -->
    <script src="js/helpers.js"></script>
    <!--! Template customizer & Theme config files MUST be included after core stylesheets and helpers.js in the <head> section -->
    <!--? Template customizer: To hide customizer set displayCustomizer value false in config.js.  -->
    <!-- <script src="../assets_inside/vendor/js/template-customizer.js"></script> -->
    <!--? Config:  Mandatory theme config file contain global vars & default theme options, Set your preferred theme option in this file.  -->
    <script src="js/config.js"></script>
    <!-- Helpers -->
    <link href="css/custom_style.css" rel="stylesheet">
  
</head>

<body style="background: #130F40;">
    <!-- Layout wrapper -->
    <div class="layout-wrapper layout-content-navbar">
        <div class="layout-container">
            <!-- Menu -->

            <aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme">
                <div class="app-brand demo">
                    <a href="index" class="app-brand-link">
                        <span class="app-brand-logo ">
                            <img src="images/favicon-main.png" alt="ClockEarnings Limited">
                        </span>
                        <span class="app-brand-text demo menu-text fw-bold">ClockEarnings</span>
                    </a>
                    <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto">
                        <i class="ti menu-toggle-icon d-none d-xl-block ti-sm align-middle"></i>
                        <i class="ti ti-x d-block d-xl-none ti-sm align-middle"></i>
                    </a>
                </div>

                <div class="menu-inner-shadow"></div>

                <ul class="menu-inner py-1">
                    <!-- Dashboards -->
                    <li class="menu-item active">
                        <a href="index" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-smart-home"></i>
                            <div data-i18n="Dashboard">Dashboard</div>
                        </a>
                    </li>

                    <!-- Apps & Pages -->
                    <li class="menu-header small text-uppercase">
                        <span class="menu-header-text" data-i18n="Navigation">Navigation</span>
                    </li>
                    <li class="menu-item">
                        <a href="bot-activities" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-settings"></i>
                            <div data-i18n="Bot Activities">Bot Activities</div>
                        </a>
                    </li>
                    <li class="menu-item ">
                        <a href="weekly-deposits" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-smart-home"></i>
                            <div data-i18n="Weekly Residual">Weekly Residual</div>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a href="cash-bonus" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-smart-home"></i>
                            <div data-i18n="Cash Bonus">Cash Bonus</div>
                        </a>
                    </li>
                    <!-- Front Pages -->
                    <li class="menu-item  ">
                        <a href="javascript:void(0);" class="menu-link menu-toggle">
                            <i class="menu-icon tf-icons ti ti-wallet"></i>
                            <div data-i18n="Wallet">Wallet</div>
                        </a>
                        <ul class="menu-sub">
                            <li class="menu-item ">
                                <a href="deposit" class="menu-link">
                                    <div data-i18n="Deposit">Deposit</div>
                                </a>
                            </li>
                            <li class="menu-item ">
                                <a href="withdrawal" class="menu-link">
                                    <div data-i18n="Withdraw">Withdraw</div>
                                </a>
                            </li>
                            <li class="menu-item ">
                                <a href="account-history" class="menu-link">
                                    <div data-i18n="History">History</div>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <!-- Layouts -->
                    <li class="menu-item ">
                        <a href="investment-pricing" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-forms"></i>
                            <div data-i18n="BOTs">BOTs</div>
                        </a>
                    </li>
                    <li class="menu-item ">
                        <a href="invest" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-chart-pie"></i>
                            <div data-i18n="New BOTs">New BOTs</div>
                        </a>
                    </li>
                    <li class="menu-item ">
                        <a href="invest-top-up" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-chart-pie"></i>
                            <div data-i18n="BOT Top-Up">BOT Top-Up</div>
                        </a>
                    </li>
                    <li class="menu-item ">
                        <a href="my-portfolio" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-id"></i>
                            <div data-i18n="My Portfolio">My Portfolio</div>
                        </a>
                    </li>
                    <li class="menu-item ">
                        <a href="referral" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-users"></i>
                            <div data-i18n="Affiliate">Affiliate</div>
                        </a>
                    </li>

                    <!-- Apps & Pages -->
                    <li class="menu-header small text-uppercase">
                        <span class="menu-header-text" data-i18n="User Pages">User Pages</span>
                    </li>


                    <li class="menu-item ">
                        <a href="account-profile" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-user"></i>
                            <div data-i18n="User Profile">User Profile</div>
                        </a>
                    </li>
                    <li class="menu-item ">
                        <a href="account-settings" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-settings"></i>
                            <div data-i18n="Account Settings">Account Settings</div>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a href="mailto:support@clockearnings.io" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-lifebuoy"></i>
                            <div data-i18n="Support">Support</div>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a href="index" class="menu-link">
                            <i class="menu-icon fa-solid fa-arrow-right-from-bracket"></i>
                            <div data-i18n="Logout">Logout</div>
                        </a>
                    </li>
                </ul>
            </aside>
            <!-- / Menu -->
            <!-- Layout container -->
            <div class="layout-page">
                <!-- Navbar -->

                <nav class="layout-navbar container-xxl navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme" id="layout-navbar">
                    <div class="layout-menu-toggle navbar-nav align-items-xl-center me-3 me-xl-0 d-xl-none">
                        <a class="nav-item nav-link px-0 me-xl-4" href="javascript:void(0)">
                            <i class="ti ti-menu-2 ti-sm"></i>
                        </a>
                    </div>

                    <div class="navbar-nav-right d-flex align-items-center" id="navbar-collapse">
                        <div class="navbar-nav align-items-center">
                            <div class="nav-item navbar-search-wrapper mb-0">
                                <h6 class="card-title mb-0">Wallet: $0.00</h6>
                            </div>
                        </div>

                        <ul class="navbar-nav flex-row align-items-center ms-auto">
                            <li class="nav-item  dropdown me-2 me-xl-0 d-none">
                                <a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown">
                                    <i class="ti ti-wallet"></i>

                                </a>
                                <ul class="dropdown-menu dropdown-menu-end dropdown-styles ">
                                    <li>
                                        <a class="dropdown-item" href="javascript:void(0);">
                                            <span class="align-middle">Wallet: $0.00</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <!-- Language -->
                            <li class="nav-item dropdown-language dropdown me-2 me-xl-0">
                                <a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown">
                                    <i class="ti ti-language rounded-circle ti-md"></i>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-end">
                                    <li style="padding: .25rem .5rem;">
                                        <div id="google_translate_element" style="width: auto;padding: 0;"></div>
                                        <script type="text/javascript">
                                            function googleTranslateElementInit() {
                                                new google.translate.TranslateElement({
                                                    pageLanguage: 'en',
                                                    layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT
                                                }, 'google_translate_element');
                                            }
                                        </script>
                                    </li>
                                </ul>
                            </li>
                            <!--/ Language -->



                            <!-- Notification -->
                            <li class="nav-item dropdown-notifications navbar-dropdown dropdown me-3 me-xl-1 d-none">
                                <a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
                                    <i class="ti ti-bell ti-md"></i>
                                    <span class="badge bg-danger rounded-pill badge-notifications">5</span>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-end py-0">
                                    <li class="dropdown-menu-header border-bottom">
                                        <div class="dropdown-header d-flex align-items-center py-3">
                                            <h5 class="text-body mb-0 me-auto">Notification</h5>
                                            <a href="javascript:void(0)" class="dropdown-notifications-all text-body" data-bs-toggle="tooltip" data-bs-placement="top" title="Mark all as read"><i class="ti ti-mail-opened fs-4"></i></a>
                                        </div>
                                    </li>
                                    <li class="dropdown-notifications-list scrollable-container">
                                        <ul class="list-group list-group-flush">
                                            <li class="list-group-item list-group-item-action dropdown-notifications-item">
                                                <div class="d-flex">
                                                    <div class="flex-shrink-0 me-3">
                                                        <div class="avatar">
                                                            <img src="index" alt="" class="h-auto rounded-circle">
                                                        </div>
                                                    </div>
                                                    <div class="flex-grow-1">
                                                        <h6 class="mb-1">Congratulation Lettie 🎉</h6>
                                                        <p class="mb-0">Won the monthly best seller gold badge</p>
                                                        <small class="text-muted">1h ago</small>
                                                    </div>
                                                    <div class="flex-shrink-0 dropdown-notifications-actions">
                                                        <a href="javascript:void(0)" class="dropdown-notifications-read"><span class="badge badge-dot"></span></a>
                                                        <a href="javascript:void(0)" class="dropdown-notifications-archive"><span class="ti ti-x"></span></a>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item list-group-item-action dropdown-notifications-item">
                                                <div class="d-flex">
                                                    <div class="flex-shrink-0 me-3">
                                                        <div class="avatar">
                                                            <span class="avatar-initial rounded-circle bg-label-danger">CF</span>
                                                        </div>
                                                    </div>
                                                    <div class="flex-grow-1">
                                                        <h6 class="mb-1">Charles Franklin</h6>
                                                        <p class="mb-0">Accepted your connection</p>
                                                        <small class="text-muted">12hr ago</small>
                                                    </div>
                                                    <div class="flex-shrink-0 dropdown-notifications-actions">
                                                        <a href="javascript:void(0)" class="dropdown-notifications-read"><span class="badge badge-dot"></span></a>
                                                        <a href="javascript:void(0)" class="dropdown-notifications-archive"><span class="ti ti-x"></span></a>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
                                                <div class="d-flex">
                                                    <div class="flex-shrink-0 me-3">
                                                        <div class="avatar">
                                                            <img src="index" alt="" class="h-auto rounded-circle">
                                                        </div>
                                                    </div>
                                                    <div class="flex-grow-1">
                                                        <h6 class="mb-1">New Message ✉️</h6>
                                                        <p class="mb-0">You have new message from Natalie</p>
                                                        <small class="text-muted">1h ago</small>
                                                    </div>
                                                    <div class="flex-shrink-0 dropdown-notifications-actions">
                                                        <a href="javascript:void(0)" class="dropdown-notifications-read"><span class="badge badge-dot"></span></a>
                                                        <a href="javascript:void(0)" class="dropdown-notifications-archive"><span class="ti ti-x"></span></a>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item list-group-item-action dropdown-notifications-item">
                                                <div class="d-flex">
                                                    <div class="flex-shrink-0 me-3">
                                                        <div class="avatar">
                                                            <span class="avatar-initial rounded-circle bg-label-success"><i class="ti ti-shopping-cart"></i></span>
                                                        </div>
                                                    </div>
                                                    <div class="flex-grow-1">
                                                        <h6 class="mb-1">Whoo! You have new order 🛒</h6>
                                                        <p class="mb-0">ACME Inc. made new order $1,154</p>
                                                        <small class="text-muted">1 day ago</small>
                                                    </div>
                                                    <div class="flex-shrink-0 dropdown-notifications-actions">
                                                        <a href="javascript:void(0)" class="dropdown-notifications-read"><span class="badge badge-dot"></span></a>
                                                        <a href="javascript:void(0)" class="dropdown-notifications-archive"><span class="ti ti-x"></span></a>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
                                                <div class="d-flex">
                                                    <div class="flex-shrink-0 me-3">
                                                        <div class="avatar">
                                                            <img src="index" alt="" class="h-auto rounded-circle">
                                                        </div>
                                                    </div>
                                                    <div class="flex-grow-1">
                                                        <h6 class="mb-1">Application has been approved 🚀</h6>
                                                        <p class="mb-0">Your ABC project application has been approved.</p>
                                                        <small class="text-muted">2 days ago</small>
                                                    </div>
                                                    <div class="flex-shrink-0 dropdown-notifications-actions">
                                                        <a href="javascript:void(0)" class="dropdown-notifications-read"><span class="badge badge-dot"></span></a>
                                                        <a href="javascript:void(0)" class="dropdown-notifications-archive"><span class="ti ti-x"></span></a>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
                                                <div class="d-flex">
                                                    <div class="flex-shrink-0 me-3">
                                                        <div class="avatar">
                                                            <span class="avatar-initial rounded-circle bg-label-success"><i class="ti ti-chart-pie"></i></span>
                                                        </div>
                                                    </div>
                                                    <div class="flex-grow-1">
                                                        <h6 class="mb-1">Monthly report is generated</h6>
                                                        <p class="mb-0">July monthly financial report is generated</p>
                                                        <small class="text-muted">3 days ago</small>
                                                    </div>
                                                    <div class="flex-shrink-0 dropdown-notifications-actions">
                                                        <a href="javascript:void(0)" class="dropdown-notifications-read"><span class="badge badge-dot"></span></a>
                                                        <a href="javascript:void(0)" class="dropdown-notifications-archive"><span class="ti ti-x"></span></a>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
                                                <div class="d-flex">
                                                    <div class="flex-shrink-0 me-3">
                                                        <div class="avatar">
                                                            <img src="index" alt="" class="h-auto rounded-circle">
                                                        </div>
                                                    </div>
                                                    <div class="flex-grow-1">
                                                        <h6 class="mb-1">Send connection request</h6>
                                                        <p class="mb-0">Peter sent you connection request</p>
                                                        <small class="text-muted">4 days ago</small>
                                                    </div>
                                                    <div class="flex-shrink-0 dropdown-notifications-actions">
                                                        <a href="javascript:void(0)" class="dropdown-notifications-read"><span class="badge badge-dot"></span></a>
                                                        <a href="javascript:void(0)" class="dropdown-notifications-archive"><span class="ti ti-x"></span></a>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item list-group-item-action dropdown-notifications-item">
                                                <div class="d-flex">
                                                    <div class="flex-shrink-0 me-3">
                                                        <div class="avatar">
                                                            <img src="index" alt="" class="h-auto rounded-circle">
                                                        </div>
                                                    </div>
                                                    <div class="flex-grow-1">
                                                        <h6 class="mb-1">New message from Jane</h6>
                                                        <p class="mb-0">Your have new message from Jane</p>
                                                        <small class="text-muted">5 days ago</small>
                                                    </div>
                                                    <div class="flex-shrink-0 dropdown-notifications-actions">
                                                        <a href="javascript:void(0)" class="dropdown-notifications-read"><span class="badge badge-dot"></span></a>
                                                        <a href="javascript:void(0)" class="dropdown-notifications-archive"><span class="ti ti-x"></span></a>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
                                                <div class="d-flex">
                                                    <div class="flex-shrink-0 me-3">
                                                        <div class="avatar">
                                                            <span class="avatar-initial rounded-circle bg-label-warning"><i class="ti ti-alert-triangle"></i></span>
                                                        </div>
                                                    </div>
                                                    <div class="flex-grow-1">
                                                        <h6 class="mb-1">CPU is running high</h6>
                                                        <p class="mb-0">CPU Utilization Percent is currently at 88.63%,</p>
                                                        <small class="text-muted">5 days ago</small>
                                                    </div>
                                                    <div class="flex-shrink-0 dropdown-notifications-actions">
                                                        <a href="javascript:void(0)" class="dropdown-notifications-read"><span class="badge badge-dot"></span></a>
                                                        <a href="javascript:void(0)" class="dropdown-notifications-archive"><span class="ti ti-x"></span></a>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-menu-footer border-top">
                                        <a href="javascript:void(0);" class="dropdown-item d-flex justify-content-center text-primary p-2 h-px-40 mb-1 align-items-center">
                                            View all notifications
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <!--/ Notification -->

                            <!-- User -->
                            <li class="nav-item navbar-dropdown dropdown-user dropdown">
                                <a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown">
                                    <div class="avatar avatar-online">
                                        <img src="images/avatar.jpg" alt="Max Rutten" class="h-auto rounded-circle">
                                    </div>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-end">
                                    <li>
                                        <a class="dropdown-item" href="index">
                                            <div class="d-flex">
                                                <div class="flex-shrink-0 me-3">
                                                    <div class="avatar avatar-online">
                                                        <img src="images/avatar.jpg" alt="Max Rutten" class="h-auto rounded-circle">
                                                    </div>
                                                </div>
                                                <div class="flex-grow-1">
                                                    <span class="fw-medium d-block">Max Rutten</span>
                                                    <small class="text-muted">UID: 87948763579</small>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <div class="dropdown-divider"></div>
                                    </li>
                                    <li>
                                        <a class="dropdown-item" href="account-profile">
                                            <i class="ti ti-user-check me-2 ti-sm"></i>
                                            <span class="align-middle">My Profile</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="dropdown-item" href="account-settings">
                                            <i class="ti ti-settings me-2 ti-sm"></i>
                                            <span class="align-middle">Settings</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="dropdown-item" href="deposit">
                                            <span class="d-flex align-items-center align-middle">
                                                <i class="flex-shrink-0 ti ti-credit-card me-2 ti-sm"></i>
                                                <span class="flex-grow-1 align-middle">Balance</span>
                                                <span class="flex-shrink-0 badge badge-center rounded-pill bg-label-info w-px-20 h-px-20">
                                                    $0.00 </span>
                                            </span>
                                        </a>
                                    </li>
                                    <li>
                                        <div class="dropdown-divider"></div>
                                    </li>
                                    <li>
                                        <a class="dropdown-item" href="investment-pricing">
                                            <i class="ti ti-currency-dollar me-2 ti-sm"></i>
                                            <span class="align-middle">Pricing</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="dropdown-item" href="invest">
                                            <i class="ti ti-help me-2 ti-sm"></i>
                                            <span class="align-middle">Invest</span>
                                        </a>
                                    </li>

                                    <li>
                                        <div class="dropdown-divider"></div>
                                    </li>
                                    <li>
                                        <a class="dropdown-item" href="index" target="_blank">
                                            <i class="ti ti-logout me-2 ti-sm"></i>
                                            <span class="align-middle">Log Out</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <!--/ User -->
                        </ul>
                    </div>
                </nav>

                <!-- / Navbar -->
                <!-- Content wrapper -->
                <div class="content-wrapper">
                    <!-- Content -->

                    <div class="container-xxl flex-grow-1 container-p-y">
                        <div class="row">
                            <!-- View sales -->
                            <div class="col-xl-4 mb-3 col-lg-5 col-12">
                                <div class="card mb-0">

                                    <div class="card-body">
                                        <h6 class="mb-0 pb-0">
                                            Account Strength &nbsp;
                                            <button type="button" class="btn  btn-sm" data-bs-toggle="modal" data-bs-target="#modalLong">
                                                View metric
                                            </button>
                                        </h6>
                                        <div class="demo-vertical-spacing">
                                            <div class="progress mt-1" style=" margin-top: 0.25rem !important">
                                                <div class="progress-bar bg-danger" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Modal -->
                                    <div class="modal fade" id="modalLong" tabindex="-1" aria-hidden="true">
                                        <div class="modal-dialog" role="document">

                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title text-danger" id="modalLongTitle">Account Strength Metric</h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                </div>
                                                <div class="modal-body" style=" color: #333">
                                                    <p>This metric is calculated by "Positive points" against "Negative points".</p>
                                                    <p>
                                                        <b class="text-success">Positive points</b> (0) <br>
                                                        Investment (this month): 1 point <br>Referral bonus (this month): 1 point <br>Referral bonus (current week): 2 points <br>Top-up (current week): 1 point <br>
                                                    </p>
                                                    <p>
                                                        <b class="text-danger">Negative points</b> (0) <br>
                                                        ROI withdrawal (last 3 months): 1 point <br>ROI withdrawal (current month): 1 point <br>ROI withdrawal (current week): 2 points <br>Capital withdrawal (last 3 months): 1 point <br>Capital withdrawal (current month): 1 point <br>Capital withdrawal (current week): 2 points <br>
                                                    </p>
                                                    <h5 class="text-success mt-4 mb-2">Account Strength Bonus</h5>
                                                    <p>
                                                        At the end of every <b>3 months</b> accounts with a minimum of <b>60% strength</b> will be given an instant bonus
                                                        of <b>5%</b> of their active investment capital.
                                                    </p>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-label-secondary" data-bs-dismiss="modal">Close</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <!-- View sales -->
                            <div class="col-xl-4 mb-4 col-lg-5 col-12">
                                <div id="carouselExample" class="carousel slide h-100" data-bs-ride="carousel">
                                    <div class="carousel-indicators">
                                        <button type="button" data-bs-target="#carouselExample" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                                        <button type="button" data-bs-target="#carouselExample" data-bs-slide-to="1" aria-label="Slide 2"></button>
                                        <button type="button" data-bs-target="#carouselExample" data-bs-slide-to="2" aria-label="Slide 3"></button>
                                    </div>
                                    <div class="carousel-inner h-100">
                                        <div class="carousel-item active h-100">
                                            <img class="d-block w-100 h-100" src="images/b_14.jpg" alt="ClockEarnings 2.0">
                                            <div class="carousel-caption d-none d-md-block">
                                                <h4>ClockEarnings 2.0</h4>
                                                <p></p>
                                            </div>
                                        </div>
                                        <div class="carousel-item h-100">
                                            <img class="d-block w-100 h-100" src="images/b_17.jpg" alt="ClockEarnings 2.0">
                                            <div class="carousel-caption d-none d-md-block">
                                                <h4>ClockEarnings 2.0</h4>
                                                <p></p>
                                            </div>
                                        </div>
                                        <div class="carousel-item h-100">
                                            <img class="d-block w-100 h-100" src="images/b_16.jpg" alt="ClockEarnings 2.0">
                                            <div class="carousel-caption d-none d-md-block">
                                                <h4>ClockEarnings 2.0</h4>
                                                <p></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- View sales -->

                            <!-- Statistics -->
                            <div class="col-xl-8 mb-4 col-lg-7 col-12">
                                <div class="card h-100">
                                    <div class="card-header">
                                        <div class="d-flex justify-content-between mb-3">
                                            <h5 class="card-title mb-0">Account Statistics</h5>
                                            <small class="text-muted"></small>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="row gy-3 dash-stats">
                                            <div class="col-md-3 col-6">
                                                <div class="d-flex align-items-center">
                                                    <div class="badge rounded-pill bg-label-primary me-3 p-2"><i class="ti ti-chart-pie-2 ti-sm"></i></div>
                                                    <div class="card-info">
                                                        <h5 class="mb-0">$0.00 </h5>
                                                        <small>Invested</small>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3 col-6">
                                                <div class="d-flex align-items-center">
                                                    <div class="badge rounded-pill bg-label-success me-3 p-2"><i class="ti ti-currency-dollar ti-sm"></i></div>
                                                    <div class="card-info">
                                                        <h5 class="mb-0">$0.00</h5>
                                                        <small>Revenue</small>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3 col-6">
                                                <div class="d-flex align-items-center">
                                                    <div class="badge rounded-pill bg-label-danger me-3 p-2"><i class="ti ti-credit-card ti-sm"></i></div>
                                                    <div class="card-info">
                                                        <h5 class="mb-0">$0.00</h5>
                                                        <small>Withdraw</small>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3 col-6">
                                                <div class="d-flex align-items-center">
                                                    <div class="badge rounded-pill bg-label-warning me-3 p-2"><i class="fa-solid fa-recycle ti-sm"></i></div>
                                                    <div class="card-info">
                                                        <h5 class="mb-0">$0.00</h5>
                                                        <small>Pending</small>
                                                    </div>
                                                </div>
                                            </div>


                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--/ Statistics -->

                            <div class="col-xl-4 col-12">
                                <div class="row">


                                    <!-- Profit last month -->
                                    <div class="col-xl-6 mb-4 col-md-3 col-6">
                                        <div class="card">
                                            <div class="card-header pb-0">
                                                <h5 class="card-title mb-0">$0.00</h5>
                                                <small class="text-muted">Total Deposit</small>
                                            </div>
                                            <div class="card-body pt-3">
                                                <div id="expensesChart"></div>
                                                <div class="d-flex justify-content-between align-items-center mt-3 gap-3">
                                                    <h4 class="mb-0"></h4>
                                                    <small class="text-success"></small>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/ Profit last month -->
                                    <!-- Expenses -->
                                    <div class="col-xl-6 mb-4 col-md-3 col-6">
                                        <div class="card">
                                            <div class="card-header pb-0">
                                                <h5 class="card-title mb-0">$0.00</h5>
                                                <small class="text-muted">Weekly Team Deposit</small>
                                            </div>
                                            <div class="card-body">
                                                <div id="profitLastMonth"></div>
                                                <div class="mt-md-2 text-center mt-lg-3 mt-3">

                                                    <small class="text-muted mt-3">$0.00 estimated earnings.</small>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/ Expenses -->
                                    <!-- Generated Leads -->
                                    <div class="col-xl-12 mb-4 col-md-6">
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="d-flex justify-content-between">
                                                    <div class="d-flex flex-column">
                                                        <div class="card-title mb-auto">
                                                            <h5 class="mb-1 text-nowrap">Cash Bonus Overview</h5>
                                                            <small>Rank: Nill</small>
                                                        </div>
                                                        <div class="chart-statistics">
                                                            <h4 class="card-title mb-1">$0.00</h4>
                                                            <small class="text-success text-nowrap fw-medium"><i class="ti ti-chevron-up me-1"></i> Rank Capital</small>
                                                        </div>
                                                    </div>
                                                    <script>
                                                        var team_membs = "0";
                                                    </script>
                                                    <div id="generatedLeadsChart"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/ Generated Leads -->
                                </div>

                            </div>

                            <!-- Revenue Report -->
                            <div class="col-12 col-xl-8 mb-4">
                                <div class="card h-100">
                                    <div class="card-header pb-0 d-flex justify-content-between mb-lg-n4">
                                        <div class="card-title mb-0">
                                            <h5 class="mb-0">Earnings Report</h5>
                                            <small class="text-muted">Overall Overview</small>
                                        </div>
                                        <!-- </div> -->
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-12 col-md-4 d-flex flex-column align-self-end">
                                                <div class="d-flex gap-2 align-items-center mb-2 pb-1 flex-wrap">
                                                    <h2 class="mb-0">$0.00</h2>
                                                    <div class="badge rounded bg-label-success">+0.00%</div>
                                                </div>
                                                <small>Chart shows earnings from last 7 days</small>
                                            </div>
                                            <div class="col-12 col-md-8">
                                                <script>
                                                    var xPnlDate = ["Oct 14"];
                                                    var yPnlAmount = [0];
                                                </script>
                                                <div id="weeklyEarningReports"></div>
                                            </div>
                                        </div>
                                        <div class="border rounded p-3 mt-4">
                                            <div class="row gap-4 gap-sm-0">
                                                <div class="col-12 col-sm-6">
                                                    <div class="d-flex gap-2 align-items-center">
                                                        <div class="badge rounded bg-label-primary p-1"><i class="ti ti-currency-dollar ti-sm"></i></div>
                                                        <h6 class="mb-0">Investment Earnings</h6>
                                                    </div>
                                                    <h4 class="my-2 pt-1">$0.00</h4>
                                                    <div class="progress w-100" style="height: 4px;">
                                                        <div class="progress-bar" role="progressbar" style="width: 0.00%;" aria-valuenow="0.00" aria-valuemin="0" aria-valuemax="100"></div>
                                                    </div>
                                                </div>
                                                <div class="col-12 col-sm-6">
                                                    <div class="d-flex gap-2 align-items-center">
                                                        <div class="badge rounded bg-label-info p-1"><i class="ti ti-chart-pie-2 ti-sm"></i></div>
                                                        <h6 class="mb-0">Affiliate</h6>
                                                    </div>
                                                    <h4 class="my-2 pt-1">$0.00</h4>
                                                    <div class="progress w-100" style="height: 4px;">
                                                        <div class="progress-bar bg-info" role="progressbar" style="width: 0.00%;" aria-valuenow="0.00" aria-valuemin="0" aria-valuemax="100"></div>
                                                    </div>
                                                </div>
                                                <div class="col-12 col-sm-4 d-none">
                                                    <div class="d-flex gap-2 align-items-center">
                                                        <div class="badge rounded bg-label-danger p-1"><i class="ti ti-brand-paypal ti-sm"></i></div>
                                                        <h6 class="mb-0">Expense</h6>
                                                    </div>
                                                    <h4 class="my-2 pt-1">$74.19</h4>
                                                    <div class="progress w-75" style="height: 4px;">
                                                        <div class="progress-bar bg-danger" role="progressbar" style="width: 0.00%;" aria-valuenow="0.00" aria-valuemin="0" aria-valuemax="100"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--/ Revenue Report -->


                        </div>


                        <div class="row">




                            <!-- Website Analytics -->
                            <div class="col-lg-6 mb-4">
                                <div class="swiper-container swiper-container-horizontal swiper swiper-card-advance-bg" id="swiper-with-pagination-cards">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="row">
                                                <div class="col-12">
                                                    <h5 class="text-white mb-0 mt-2"> no active portfolio </h5>
                                                    <small>-- -- </small>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-7 col-md-9 col-12 order-2 order-md-1">
                                                        <h6 class="text-white mt-0 mt-md-3 mb-3"></h6>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <ul class="list-unstyled mb-0">
                                                                    <li class="d-flex mb-4 align-items-center">
                                                                        <p class="mb-0 fw-medium me-2 website-analytics-text-bg">-%</p>
                                                                        <p class="mb-0">--</p>
                                                                    </li>
                                                                    <li class="d-flex align-items-center mb-2">
                                                                        <p class="mb-0 fw-medium me-2 website-analytics-text-bg">--</p>
                                                                        <p class="mb-0">--</p>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                            <div class="col-6">
                                                                <ul class="list-unstyled mb-0">
                                                                    <li class="d-flex mb-4 align-items-center">
                                                                        <p class="mb-0 fw-medium me-2 website-analytics-text-bg">--</p>
                                                                        <p class="mb-0">--</p>
                                                                    </li>
                                                                    <li class="d-flex align-items-center mb-2">
                                                                        <p class="mb-0 fw-medium me-2 website-analytics-text-bg">--%</p>
                                                                        <p class="mb-0">--</p>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-5 col-md-3 col-12 order-1 order-md-2 my-4 my-md-0 text-center">
                                                        <img src="images/card-website-analytics-1.png" alt="Website Analytics" width="170" class="card-website-analytics-img">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-pagination"></div>
                                </div>
                                <div class="card mt-3">
                                    <div class="card-body">
                                        <div>
                                            <h5>Share your referral link</h5>
                                            <div class="d-flex flex-wrap gap-3 align-items-end">
                                                <div class="w-75">
                                                    <label class="form-label mb-0" for="ref_link1">Share referral link with your socials</label>
                                                    <input type="text" id="ref_link1" class="form-control w-100 h-px-40" placeholder="https://www.clockearnings.io/.../?sponsor=Maxrutten665439" readonly="">
                                                    <input type="text" id="ref_link" class="d-none" value="https://www.clockearnings.io/register/?sponsor=Maxrutten665439" readonly="">
                                                </div>
                                                <div>
                                                    <button type="button" class="btn btn-facebook btn-icon me-2 waves-effect waves-light" onclick="copy_text('ref_link')" id="ref_link_btn"><i class="ti ti-copy text-white ti-sm"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <!--/ Website Analytics -->
                            <!-- Support Tracker -->
                            <div class="col-md-6 mb-4">
                                <div class="card h-100">
                                    <div class="card-header d-flex justify-content-between pb-0">
                                        <div class="card-title mb-0">
                                            <h5 class="mb-0">Portfolio Tracker</h5>
                                            <small class="text-muted"></small>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-12 col-sm-5 col-md-12 col-lg-5">
                                                <div class="mt-lg-4 mt-lg-2 mb-lg-4 mb-2 pt-1">
                                                    <h2 class="mb-0">$0.00</h2>
                                                    <p class="mb-0">Total Portfolio</p>
                                                </div>
                                                <ul class="p-0 m-0">
                                                    <li class="d-flex gap-3 align-items-center mb-lg-3 pt-2 pb-1">
                                                        <div class="badge rounded bg-label-primary p-1"><i class="ti ti-ticket ti-sm"></i></div>
                                                        <div>
                                                            <h6 class="mb-0 text-nowrap">Active</h6>
                                                            <small class="text-muted">$0.00 (0)</small>
                                                        </div>
                                                    </li>
                                                    <li class="d-flex gap-3 align-items-center mb-lg-3 pb-1">
                                                        <div class="badge rounded bg-label-info p-1"><i class="ti ti-ticket ti-sm"></i></div>
                                                        <div>
                                                            <h6 class="mb-0 text-nowrap">Completed</h6>
                                                            <small class="text-muted">$0.00 (0)</small>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="col-12 col-sm-7 col-md-12 col-lg-7">
                                                <script>
                                                    var portPercentage = 0.00;
                                                </script>
                                                <div id="supportTracker"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--/ Support Tracker -->


                        </div>

                    </div>
                    <!-- / Content -->

                    <!-- Footer -->
                    <footer class="content-footer footer bg-footer-theme">
                        <div class="container-xxl">
                            <div class="footer-container d-flex align-items-center justify-content-between py-2 flex-md-row flex-column">
                                <div>
                                    ©
                                    <script>
                                        document.write(new Date().getFullYear());
                                    </script>, made by <a href="" target="_blank" class="footer-link text-primary fw-medium">ClockEarnings Limited</a>
                                </div>
                            </div>
                        </div>
                    </footer>
                    <!-- / Footer -->

                    <div class="content-backdrop fade"></div>
                </div>
                <!-- Content wrapper -->
            </div>
            <!-- / Layout page -->
        </div>

        <!-- Overlay -->
        <div class="layout-overlay layout-menu-toggle"></div>

        <!-- Drag Target Area To SlideIn Menu On Small Screens -->
        <div class="drag-target"></div>
    </div>
    <!-- / Layout wrapper -->

    <div class="buy-now">
        <div id="msg_div"></div>
    </div>

    <!-- Core JS -->
    <!-- build:js assets/vendor/js/core.js -->

    <script src="js/jquery.js"></script>
    <script src="js/popper.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/node-waves.js"></script>
    <script src="js/perfect-scrollbar.js"></script>
    <script src="js/hammer.js"></script>
    <script src="js/i18n.js"></script>
    <script src="js/typeahead.js"></script>
    <script src="js/menu.js"></script>

    <!-- endbuild -->

    <!-- Vendors JS -->
    <script src="js/apexcharts.js"></script>
    <script src="js/swiper.js"></script>
    <!-- <script src="../assets_inside/vendor/libs/datatables-bs5/datatables-bootstrap5.js"></script> -->

    <!-- Main JS -->
    <script src="js/main.js"></script>

    <script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
    <!-- end js include path -->
    <script src="js/otybJS.js"></script>
    <script src="js/main_1.js"></script>
    <script src="js/account.js"></script> <!-- Page JS -->
    <script src="js/dashboards-analytics.js"></script>
    <script src="js/app-ecommerce-dashboard.js"></script>




</body>

</html><!-- beautify ignore:end -->