<!DOCTYPE html>
<html dir="ltr">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <!-- Favicon -->
    <link rel="apple-touch-icon" sizes="180x180" href="https://investbamboo.com/favicon.ico">
    <link rel="icon" type="image/png" sizes="32x32" href="https://investbamboo.com/favicon.ico">
    <link rel="icon" type="image/png" sizes="16x16" href="https://investbamboo.com/favicon.ico">
    <link rel="manifest" href="app-assets/favicon/site.webmanifest.txt">
    <link rel="mask-icon" href="app-assets/favicon/safari-pinned-tab.svg" color="#0010f7">
    <meta name="msapplication-TileColor" content="#0010f7">
    <meta name="theme-color" content="#ffffff">

    <!-- Font -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet" />

    <!-- Plugin -->
    <link rel="stylesheet" type="text/css" href="app-assets/css/plugin/swiper-bundle.min.css">
    <link rel="stylesheet" type="text/css" href="app-assets/icons/iconly/index.min.css">
    <link rel="stylesheet" type="text/css" href="app-assets/icons/remix-icon/index.min.css">
    <link rel="stylesheet" type="text/css" href="app-assets/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="app-assets/css/colors.css">

    <!-- Base -->
    <link rel="stylesheet" type="text/css" href="app-assets/css/base/typography.css">
    <link rel="stylesheet" type="text/css" href="app-assets/css/base/base.css">

    <!-- Theme -->
    <link rel="stylesheet" type="text/css" href="app-assets/css/theme/colors-dark.css">
    <link rel="stylesheet" type="text/css" href="app-assets/css/theme/theme-dark.css">
    <link rel="stylesheet" type="text/css" href="app-assets/css/custom-rtl.css">

    <!-- Layouts -->
    <link rel="stylesheet" type="text/css" href="app-assets/css/layouts/sider.css">
    <link rel="stylesheet" type="text/css" href="app-assets/css/layouts/header.css">
    <link rel="stylesheet" type="text/css" href="app-assets/css/layouts/page-content.css">
    <link rel="stylesheet" type="text/css" href="app-assets/css/components.css">
    <!-- Customizer -->
    <link rel="stylesheet" type="text/css" href="app-assets/css/layouts/customizer.css">

    <!-- Custom -->
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">

    <title> Okiki Helewud </title>

</head>

<body >
    <main class="hp-bg-color-dark-90 d-flex min-vh-100">
        <?php include 'aside.php'; ?>

        <div class="hp-main-layout">
            <?php include 'top-nav.php'; ?>
            <?php include 'mobile-nav.php'; ?>

            <div class="hp-main-layout-content">
                <div class="row mb-32 gy-32">

                  <div class="col-12">
                      <div class="row align-items-center justify-content-between g-24">
                          <div class="col-12 col-md-6">
                              <h3> Okiki Helewud </h3>
                              <p> User ID: ed4d1e47-b4e5-4bab-8cbf-67cd4939c513 </p>
                          </div>
                      </div>
                  </div>

                  <div class="col-12">
                      <div class="hp-faq-tabs bg-white hp-bg-dark-100 rounded py-12 px-24">
                          <ul class="nav nav-pills hp-overflow-x-auto flex-nowrap">

                              <li class="nav-item me-4">
                                  <button class="nav-link py-4 active" id="faq-menu-2-tab" data-bs-toggle="pill" data-bs-target="#kyc" type="button" role="tab" aria-controls="faq-menu-2" aria-selected="false">
                                      <span class="d-flex align-items-center">
                                       Profile
                                      </span>
                                  </button>
                              </li>
                              <li class="nav-item me-4">
                                  <button class="nav-link py-4" id="faq-menu-4-tab" data-bs-toggle="pill" data-bs-target="#accounts" type="button" role="tab" aria-controls="faq-menu-4" aria-selected="false">
                                      <span class="d-flex align-items-center">
                                         Accounts
                                      </span>
                                  </button>
                              </li>
                              <li class="nav-item me-4">
                                  <button class="nav-link py-4" id="faq-menu-4-tab" data-bs-toggle="pill" data-bs-target="#disclosures" type="button" role="tab" aria-controls="faq-menu-4" aria-selected="false">
                                      <span class="d-flex align-items-center">
                                        Disclosures
                                      </span>
                                  </button>
                              </li>
                              <li class="nav-item me-4">
                                  <button class="nav-link py-4" id="faq-menu-4-tab" data-bs-toggle="pill" data-bs-target="#deposits" type="button" role="tab" aria-controls="faq-menu-4" aria-selected="false">
                                      <span class="d-flex align-items-center">
                                        Deposits
                                      </span>
                                  </button>
                              </li>
                              <li class="nav-item me-4">
                                  <button class="nav-link py-4" id="faq-menu-4-tab" data-bs-toggle="pill" data-bs-target="#withdrawals" type="button" role="tab" aria-controls="faq-menu-4" aria-selected="false">
                                      <span class="d-flex align-items-center">
                                        Withdrawals
                                      </span>
                                  </button>
                              </li>
                              <li class="nav-item me-4">
                                  <button class="nav-link py-4" id="faq-menu-4-tab" data-bs-toggle="pill" data-bs-target="#summary" type="button" role="tab" aria-controls="faq-menu-4" aria-selected="false">
                                      <span class="d-flex align-items-center">
                                        Summary
                                      </span>
                                  </button>
                              </li>

                          </ul>
                      </div>
                  </div>

                  <div class="col-12">
                      <div class="tab-content">
                        <div class="tab-pane fade show active" id="kyc" role="tabpanel" aria-labelledby="faq-menu-2-tab">
                          <div class="row g-32">
                            <div class="col-md-1">
                            </div>
                            <div class="col-md-10">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="row justify-content-between">

                                              <div class="col-12 hp-profile-content-list">
                                                <h4> Basic Info </h4>
                                                <div class="col-md-12">
                                                    <div class="row align-items-center g-24">
                                                        <div class="col-12 col-md-7">
                                                            <h5> User ID: <a href="#"> ed4d1e47-b4e5-4bab-8cbf-67cd4939c513 </a>  </h5>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Name: Okiki Helewud  </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Email: okiki@gmail.com  </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Phone: +2348069794959  </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Country: Nigeria  </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Onboarding Date: 10th Oct 2023  </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Language: en_US </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Suffic: Snr  </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Title: Monarch  </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Date of Birth: 10-10-1991  </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Gender: Male </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Marital Status: Single  </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Address: Lekki Phase 1, Lagos, Nigeria  </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Status: ACTIVE  </p>
                                                          </div>
                                                      </div>
                                                  </div>

                                                  <div class="divider"></div>
                                                  <h4> Employmment Info </h4>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Status : Employed </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Company: Kuda Ltd </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Occupation: Engineer </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Address: Plot 8, Victoria Island </p>
                                                          </div>
                                                      </div>
                                                  </div>

                                                  <div class="divider"></div>

                                                  <h4> KYC Docs </h4>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Verification Status : Verified </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> ID Type: Passport </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Expiration Date: 23-12-2026 </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Full name of ID : Okiki Helewud Joshua </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Citizenship : Nigerian </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> US Tax Payer: False </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> PEP Status: False </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> PEP Names: False </p>
                                                          </div>
                                                      </div>
                                                  </div>

                                                  <div class="divider"></div>
                                                  <h4> Tax Info </h4>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Tax Treaty with USA : False </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Tax Residency: Nigeria </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Tax Identification Number: 3949593 </p>
                                                          </div>
                                                      </div>
                                                  </div>

                                                </div>

                                              </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                          </div>
                        </div>

                        <div class="tab-pane fade" id="accounts" role="tabpanel" aria-labelledby="faq-menu-4-tab">
                          <div class="row g-32">

                            <div class="col-12">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-12 col-lg-12">
                                              <div class="col-12 mt-16 table-responsive">
                                                  <table class="table table-hover table-striped">
                                                      <thead>
                                                          <tr>
                                                              <th scope="col"> Account ID </th>
                                                              <th scope="col"> Type </th>
                                                              <th scope="col"> Balance </th>
                                                              <th scope="col"> Deposits </th>
                                                              <th scope="col"> Withdrawals </th>
                                                              <th scope="col"> Buy </th>
                                                              <th scope="col"> Sell </th>
                                                              <th scope="col"> Status </th>
                                                          </tr>
                                                      </thead>
                                                      <tbody>
                                                        <tr>
                                                          <td> <a href="single-account.php"> TSB4958384 </a> </td>
                                                          <td> Individual </td>
                                                          <td> $23.34 </td>
                                                          <td> $395.34 </td>
                                                          <td> $372.32 </td>
                                                          <td> $234.45 </td>
                                                          <td> $123.32 </td>
                                                          <td> Active </td>
                                                        </tr>
                                                      </tbody>
                                                  </table>
                                              </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                          </div>
                        </div>

                        <div class="tab-pane fade" id="disclosures" role="tabpanel" aria-labelledby="faq-menu-3-tab">
                          <div class="row g-32">
                            <div class="col-md-1">
                            </div>
                            <div class="col-md-10">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="row justify-content-between">

                                              <div class="col-12 hp-profile-content-list">
                                                <h4> Disclosures </h4>

                                                <div class="row">
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Extended Hours Agreement: NULL  </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Terms of Use: NULL  </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Customer Agreement: NULL  </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p>  IRA Agreement: NULL  </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Margin Agreement: Null  </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Crypto Agreement: NULL </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Market Data Agreement: Null  </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Options Agreement: Null  </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Rule 14b: False  </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Finder Fee: NULL </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Privacy Policy: False  </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Data Sharing: False </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="row align-items-center g-24">
                                                          <div class="col-12 col-md-12">
                                                              <p> Signed By: Null  </p>
                                                          </div>
                                                      </div>
                                                  </div>

                                                </div>

                                              </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                          </div>
                        </div>

                        <div class="tab-pane fade" id="deposits" role="tabpanel" aria-labelledby="faq-menu-3-tab">
                          <div class="row g-32">

                            <div class="col-12">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-12 col-lg-12">
                                              <div class="col-12 mt-16 table-responsive">
                                                  <table class="table table-hover table-striped">
                                                      <thead>
                                                          <tr>
                                                              <th scope="col"> Account ID </th>
                                                              <th scope="col"> Type </th>
                                                              <th scope="col"> Currency </th>
                                                              <th scope="col"> Amount </th>
                                                              <th scope="col"> Date </th>
                                                              <th scope="col"> Commission </th>
                                                              <th scope="col"> Status </th>
                                                          </tr>
                                                      </thead>
                                                      <tbody>
                                                        <tr>
                                                          <td> <a href="single-account.php"> TSB4958384 </a> </td>
                                                          <td> Individual </td>
                                                          <td> US Dollar </td>
                                                          <td> $6703.45 </td>
                                                          <td> 3/02/2024 </td>
                                                          <td> $23.23 </td>
                                                          <td> <span class="badge badge-success"> SUCCESS </span> </td>
                                                        </tr>
                                                      </tbody>
                                                  </table>
                                              </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                          </div>
                        </div>

                        <div class="tab-pane fade" id="withdrawals" role="tabpanel" aria-labelledby="faq-menu-3-tab">
                          <div class="row g-32">

                            <div class="col-12">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-12 col-lg-12">
                                              <div class="col-12 mt-16 table-responsive">
                                                  <table class="table table-hover table-striped">
                                                      <thead>
                                                          <tr>
                                                              <th scope="col"> Account ID </th>
                                                              <th scope="col"> Type </th>
                                                              <th scope="col"> Currency </th>
                                                              <th scope="col"> Amount </th>
                                                              <th scope="col"> Date </th>
                                                              <th scope="col"> Commission </th>
                                                              <th scope="col"> Status </th>
                                                          </tr>
                                                      </thead>
                                                      <tbody>
                                                        <tr>
                                                          <td> <a href="single-account.php"> TSB4958384 </a> </td>
                                                          <td> Individual </td>
                                                          <td> US Dollar </td>
                                                          <td> $6703.45 </td>
                                                          <td> 3/02/2024 </td>
                                                          <td> $23.23 </td>
                                                          <td> <span class="badge badge-success"> SUCCESS </span> </td>
                                                        </tr>
                                                      </tbody>
                                                  </table>
                                              </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                          </div>
                        </div>

                        <div class="tab-pane fade" id="summary" role="tabpanel" aria-labelledby="faq-menu-3-tab">
                          <div class="row g-32">

                            <div class="col-12">
                                <div class="row g-32">
                                    <div class="col-md-6 col-6">
                                        <div class="card hp-dashboard-feature-card hp-border-color-black-0 hp-border-color-dark-80 hp-cursor-pointer">
                                            <div class="card-body">
                                                <div class="d-flex align-items-center justify-content-center hp-dashboard-feature-card-icon rounded-3 hp-bg-black-20 hp-bg-dark-80" style="width: 48px; height: 48px;">
                                                    <i class="hp-text-color-dark-0 ri-2x ri-account-box-fill"></i>
                                                </div>

                                                <div class="d-flex mt-12">
                                                    <span class="h4 mb-0 d-block hp-text-color-black-bg hp-text-color-dark-0 fw-medium me-4"> Accounts </span>
                                                </div>
                                                <span class="hp-caption mt-4 d-block fw-normal hp-text-color-black-60"> Broker Accounts </span>
                                                <span class="d-block mt-12 mb-8 h3"> 1  </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-6">
                                        <div class="card hp-dashboard-feature-card hp-border-color-black-0 hp-border-color-dark-80 hp-cursor-pointer">
                                            <div class="card-body">
                                                <div class="d-flex align-items-center justify-content-center hp-dashboard-feature-card-icon rounded-3 hp-bg-black-20 hp-bg-dark-80" style="width: 48px; height: 48px;">
                                                    <i class="hp-text-color-dark-0 ri-2x ri-arrow-down-fill"></i>
                                                </div>

                                                <div class="d-flex mt-12">
                                                    <span class="h4 mb-0 d-block hp-text-color-black-bg hp-text-color-dark-0 fw-medium me-4"> Deposits </span>
                                                </div>
                                                <span class="hp-caption mt-4 d-block fw-normal hp-text-color-black-60"> Total Deposit (USD) </span>
                                                <span class="d-block mt-12 mb-8 h3"> 560,340,405 </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-6">
                                        <div class="card hp-dashboard-feature-card hp-border-color-black-0 hp-border-color-dark-80 hp-cursor-pointer">
                                            <div class="card-body">
                                                <div class="d-flex align-items-center justify-content-center hp-dashboard-feature-card-icon rounded-3 hp-bg-black-20 hp-bg-dark-80" style="width: 48px; height: 48px;">
                                                    <i class="hp-text-color-dark-0 ri-2x ri-arrow-up-fill"></i>
                                                </div>

                                                <div class="d-flex mt-12">
                                                    <span class="h4 mb-0 d-block hp-text-color-black-bg hp-text-color-dark-0 fw-medium me-4"> Withdrawals </span>
                                                </div>
                                                <span class="hp-caption mt-4 d-block fw-normal hp-text-color-black-60"> Total Withdrawals </span>
                                                <span class="d-block mt-12 mb-8 h3"> 434,405 </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-6">
                                        <div class="card hp-dashboard-feature-card hp-border-color-black-0 hp-border-color-dark-80 hp-cursor-pointer">
                                            <div class="card-body">
                                                <div class="d-flex align-items-center justify-content-center hp-dashboard-feature-card-icon rounded-3 hp-bg-black-20 hp-bg-dark-80" style="width: 48px; height: 48px;">
                                                    <i class="hp-text-color-dark-0 ri-2x ri-money-dollar-circle-fill"></i>
                                                </div>

                                                <div class="d-flex mt-12">
                                                    <span class="h4 mb-0 d-block hp-text-color-black-bg hp-text-color-dark-0 fw-medium me-4"> Profit Earned </span>
                                                </div>
                                                <span class="hp-caption mt-4 d-block fw-normal hp-text-color-black-60"> Total profit (USD)</span>
                                                <span class="d-block mt-12 mb-8 h3"> 45,708 </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                          </div>
                        </div>

                      </div>
                  </div>

                </div>
            </div>

        </div>
    </main>

    <?php include 'theme.php'; ?>

    <div class="scroll-to-top">
        <button type="button" class="btn btn-primary btn-icon-only rounded-circle hp-primary-shadow">
            <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="16px" width="16px" xmlns="http://www.w3.org/2000/svg">
                <g>
                    <path fill="none" d="M0 0h24v24H0z"></path>
                    <path d="M13 7.828V20h-2V7.828l-5.364 5.364-1.414-1.414L12 4l7.778 7.778-1.414 1.414L13 7.828z"></path>
                </g>
            </svg>
        </button>
    </div>

    <!-- Plugin -->
    <script src="app-assets/js/plugin/jquery.min.js"></script>
    <script src="app-assets/js/plugin/bootstrap.bundle.min.js"></script>
    <script src="app-assets/js/plugin/swiper-bundle.min.js"></script>
    <script src="app-assets/js/plugin/jquery.mask.min.js"></script>
    <script src="app-assets/js/plugin/autocomplete.min.js"></script>
    <script src="app-assets/js/plugin/moment.min.js"></script>

    <!-- Layouts -->
    <script src="app-assets/js/layouts/header-search.js"></script>
    <script src="app-assets/js/layouts/sider.js"></script>
    <script src="app-assets/js/components/input-number.js"></script>

    <!-- Base -->
    <script src="app-assets/js/base/index.js"></script>
    <!-- Customizer -->
    <script src="app-assets/js/customizer.js"></script>

    <!-- Custom -->
    <script src="assets/js/main.js"></script>

    <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

    <script type="text/javascript">
    function googleTranslateElementInit() {
      new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
    }
    </script>
</body>

</html>
