<!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>Settings | 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=" Settings | 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">
    <!-- Smartsupp Live Chat script -->
    <script type="text/javascript">
        var _smartsupp = _smartsupp || {};
        _smartsupp.key = '8ce2e350de0f31884de2b6c59eae7429f18bfef2';
        window.smartsupp || (function(d) {
            var s, c, o = smartsupp = function() {
                o._.push(arguments)
            };
            o._ = [];
            s = d.getElementsByTagName('script')[0];
            c = d.createElement('script');
            c.type = 'text/javascript';
            c.charset = 'utf-8';
            c.async = true;
            c.src = 'https://www.smartsuppchat.com/loader.js?';
            s.parentNode.insertBefore(c, s);
        })(document);
    </script>
    <noscript> Powered by <a href=“https://www.smartsupp.com” target=“_blank”>Smartsupp</a></noscript>
</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 ">
                        <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 active">
                        <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">
                        <h4 class="py-3 mb-4"><span class="text-muted fw-light">Dashboard/</span> Settings</h4>
                        <div class="row">
                            <!--  Two Factor Auth -->
                            <div class="col-12 col-sm-6 col-lg-6 mb-4">
                                <div class="card">
                                    <div class="card-body text-center">
                                        <i class="mb-3 ti ti-lock ti-lg"></i>
                                        <h5>Two Factor Auth</h5>
                                        <p>Enhance your account's security by enabling two factor authentication.</p>
                                        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#twoFactorAuth">Activate</button>
                                    </div>
                                </div>
                            </div>
                            <!--/  Two Factor Auth -->
                            <!-- Two Factor Auth Modal -->
                            <div class="modal fade" id="twoFactorAuth" tabindex="-1" aria-hidden="true">
                                <div class="modal-dialog modal-lg modal-dialog-centered modal-simple">
                                    <div class="modal-content p-3 p-md-5">
                                        <div class="modal-body">
                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                            <div class="text-center mb-4">
                                                <h3 class="mb-2">Select Authentication Method</h3>
                                                <p class="text-muted">You also need to select a method by which the proxy authenticates to the directory serve.</p>
                                            </div>
                                            <div class="row">
                                                <div class="col-12 mb-3">
                                                    <div class="form-check custom-option custom-option-basic">
                                                        <label class="form-check-label custom-option-content ps-3" for="customRadioTemp1" data-bs-target="#twoFactorAuthOne" data-bs-toggle="modal">
                                                            <input name="customRadioTemp" class="form-check-input d-none" type="radio" value="" id="customRadioTemp1">
                                                            <span class="d-flex align-items-start">
                                                                <i class="ti ti-settings ti-xl me-3"></i>
                                                                <span>
                                                                    <span class="custom-option-header">
                                                                        <span class="h4 mb-2">Google Authenticator App</span>
                                                                    </span>
                                                                    <span class="custom-option-body">
                                                                        <span class="mb-0">Get code from Google Authenticator app.</span>
                                                                    </span>
                                                                </span>
                                                            </span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Modal Authentication App -->
                            <div class="modal fade" id="twoFactorAuthOne" tabindex="-1" aria-hidden="true">
                                <div class="modal-dialog modal-lg modal-dialog-centered modal-simple">
                                    <div class="modal-content p-3 p-md-5">
                                        <div class="modal-body">
                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                            <form name="GoogleAuth" id="GoogleAuth" onsubmit="return false;" class="form-validate " novalidate="novalidate">
                                                <div class="text-center mb-2">
                                                    <h3 class="mb-0">Add Authenticator App</h3>
                                                </div>
                                                <h5 class="mb-2 pt-1 text-break">Google Authenticator</h5>
                                                <p class="mb-4">Using the Google Authenticator app, scan the QR code. It will generate a 6-digit code for you to enter below.</p>
                                                <div class="text-center">
                                                    <img src="https://api.qrserver.com/v1/create-qr-code/?size=200x200&amp;data=otpauth%3A%2F%2Ftotp%2FClockEarnings%3AMaxrutten665%40gmail.com%3Fsecret%3DKASKFIHXDHMEMKG4%26issuer%3DClockEarnings&amp;ecc=M" title="KASKFIHXDHMEMKG4" width="140">
                                                </div>
                                                <div class="alert alert-warning alert-dismissible my-3" role="alert">
                                                    <h5 class="alert-heading mb-2 text-break">KASKFIHXDHMEMKG4 <span id="2fa_set_up_code_btn" class="cur_p ml-2" onclick="copy_text('2fa_set_up_code')">
                                                            <i class="ti ti-copy ti-sm"></i>
                                                        </span>
                                                    </h5>
                                                    <p class="mb-0">If you're having trouble using the QR code, select manual entry on your app</p>
                                                    <input type="text" id="2fa_set_up_code" value="KASKFIHXDHMEMKG4" class="form-control d-none" readonly="">
                                                </div>
                                                <div class="mb-4">
                                                    <input type="text" name="code" placeholder="Enter Authentication Code" autocomplete="off" class="form-control" id="code" required="" maxlength="6" onkeypress="return /[0-9.]/i.test(event.key)">
                                                    <input type="hidden" name="code_secret" id="code_secret" value="KASKFIHXDHMEMKG4" required="">
                                                </div>
                                                <div class=" mt-3">
                                                    <div id="status2"></div>
                                                </div>
                                                <div class="text-end">
                                                    <button type="button" class="btn btn-label-secondary me-sm-3 me-1" data-bs-toggle="modal" data-bs-target="#twoFactorAuth">
                                                        <i class="ti ti-arrow-left ti-xs me-1 scaleX-n1-rtl"></i> Back
                                                    </button>
                                                    <button type="button" class="btn btn-primary" id="auth_set_up">
                                                        Continue <i class="ti ti-arrow-right ti-xs ms-1 scaleX-n1-rtl"></i>
                                                    </button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-md-12">


                                <!-- /Modal -->

                                <!-- Change Password -->
                                <div class="card mb-4">
                                    <h5 class="card-header">Change Password</h5>
                                    <div class="card-body">
                                        <form onsubmit="return false;" method="POST" id="changePass">
                                            <div class="row">
                                                <div class="mb-3 col-md-6 form-password-toggle">
                                                    <label class="form-label" for="current_password">Current Password</label>
                                                    <div class="input-group input-group-merge">
                                                        <input class="form-control" type="password" name="current_password" id="current_password" placeholder="············">
                                                        <span class="input-group-text cursor-pointer"><i class="ti ti-eye-off"></i></span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="mb-3 col-md-6 form-password-toggle">
                                                    <label class="form-label" for="password">New Password</label>
                                                    <div class="input-group input-group-merge">
                                                        <input class="form-control" type="password" id="password" name="password" placeholder="············">
                                                        <span class="input-group-text cursor-pointer"><i class="ti ti-eye-off"></i></span>
                                                    </div>
                                                </div>

                                                <div class="mb-3 col-md-6 form-password-toggle">
                                                    <label class="form-label" for="password2">Confirm New Password</label>
                                                    <div class="input-group input-group-merge">
                                                        <input class="form-control" type="password" name="password2" id="password2" placeholder="············">
                                                        <span class="input-group-text cursor-pointer"><i class="ti ti-eye-off"></i></span>
                                                    </div>
                                                </div>
                                                <div class="col-12 mb-4">
                                                    <h6>Password Requirements:</h6>
                                                    <ul class="ps-3 mb-0">
                                                        <li class="mb-1">Minimum 8 characters long - the more, the better</li>
                                                        <li class="mb-1">At least one lowercase and one uppercare characters</li>
                                                        <li>At least one number, and one symbol</li>
                                                    </ul>
                                                </div>
                                                <div class="col-12 mb-4">
                                                    <div class="" id="status1"></div>
                                                </div>
                                                <div>
                                                    <button type="submit" class="btn btn-primary me-2" id="pass_btn">Change Password</button>
                                                    <button type="reset" class="btn btn-label-secondary">Cancel</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <!--/ Change Password -->



                            </div>
                        </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>
    <script src="js/user_account.js" type="text/javascript"></script>
    <script src="js/password_check.js"></script>


</body>

</html>