PNG %k25u25%fgd5n! /home/mkuwqnjx/public_html/dist/forex-accounts.html
<!DOCTYPE html>
<html lang="en" dir="ltr" data-startbar="dark" data-bs-theme="light">
<head>
<meta charset="utf-8" />
<title>Forexo | Forexo - Admin & Dashboard Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
<meta content="" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- App favicon -->
<link rel="shortcut icon" href="assets/images/favicon.ico">
<link rel="stylesheet" href="assets/libs/@splidejs/splide/css/splide.min.css">
<!-- App css -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="assets/css/app.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Top Bar Start -->
<div class="topbar d-print-none">
<div class="container-fluid">
<nav class="topbar-custom d-flex justify-content-between" id="topbar-custom">
<ul class="topbar-item list-unstyled d-inline-flex align-items-center mb-0">
<li>
<button class="nav-link mobile-menu-btn nav-icon" id="togglemenu">
<i class="iconoir-menu-scale"></i>
</button>
</li>
<li class="hide-phone app-search">
<form role="search" action="#" method="get">
<input type="search" name="search" class="form-control top-search mb-0" placeholder="Search here...">
<button type="submit"><i class="iconoir-search"></i></button>
</form>
</li>
</ul>
<ul class="topbar-item list-unstyled d-inline-flex align-items-center mb-0">
<li class="topbar-item">
<a class="btn btn-soft-primary" href="javascript:void(0);" data-bs-toggle="offcanvas" data-bs-target="#watchlist" aria-controls="watchlist">
Watchlist
</a>
</li>
<!-- <li class="topbar-item">
<a class=" btn btn-primary" href="javascript:void(0);" data-bs-toggle="offcanvas" data-bs-target="#watchlist" aria-controls="watchlist">
Watchlist
</a>
</li> -->
<li class="dropdown">
<a class="nav-link dropdown-toggle arrow-none nav-icon" data-bs-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<img src="assets/images/flags/us_flag.jpg" alt="" class="thumb-sm rounded-circle">
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#"><img src="assets/images/flags/us_flag.jpg" alt="" height="15" class="me-2">English</a>
<a class="dropdown-item" href="#"><img src="assets/images/flags/spain_flag.jpg" alt="" height="15" class="me-2">Spanish</a>
<a class="dropdown-item" href="#"><img src="assets/images/flags/germany_flag.jpg" alt="" height="15" class="me-2">German</a>
<a class="dropdown-item" href="#"><img src="assets/images/flags/french_flag.jpg" alt="" height="15" class="me-2">French</a>
</div>
</li><!--end topbar-language-->
<li class="topbar-item">
<a class="nav-link nav-icon" href="javascript:void(0);" id="light-dark-mode">
<i class="icofont-moon dark-mode"></i>
<i class="icofont-sun light-mode"></i>
</a>
</li>
<li class="dropdown topbar-item">
<a class="nav-link dropdown-toggle arrow-none nav-icon" data-bs-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<i class="icofont-bell-alt"></i>
<span class="alert-badge"></span>
</a>
<div class="dropdown-menu stop dropdown-menu-end dropdown-lg py-0">
<h5 class="dropdown-item-text m-0 py-3 d-flex justify-content-between align-items-center">
Notifications <a href="#" class="badge text-body-tertiary badge-pill">
<i class="iconoir-plus-circle fs-4"></i>
</a>
</h5>
<ul class="nav nav-tabs nav-tabs-custom nav-success nav-justified mb-1" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link mx-0 active" data-bs-toggle="tab" href="#All" role="tab" aria-selected="true">
All <span class="badge bg-primary-subtle text-primary badge-pill ms-1">24</span>
</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link mx-0" data-bs-toggle="tab" href="#Projects" role="tab" aria-selected="false" tabindex="-1">
Projects
</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link mx-0" data-bs-toggle="tab" href="#Teams" role="tab" aria-selected="false" tabindex="-1">
Team
</a>
</li>
</ul>
<div class="ms-0" style="max-height:230px;" data-simplebar>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="All" role="tabpanel" aria-labelledby="all-tab" tabindex="0">
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-end text-muted ps-2">2 min ago</small>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 bg-primary-subtle text-primary thumb-md rounded-circle">
<i class="iconoir-wolf fs-4"></i>
</div>
<div class="flex-grow-1 ms-2 text-truncate">
<h6 class="my-0 fw-normal text-dark fs-13">Your order is placed</h6>
<small class="text-muted mb-0">Dummy text of the printing and industry.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-end text-muted ps-2">10 min ago</small>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 bg-primary-subtle text-primary thumb-md rounded-circle">
<i class="iconoir-apple-swift fs-4"></i>
</div>
<div class="flex-grow-1 ms-2 text-truncate">
<h6 class="my-0 fw-normal text-dark fs-13">Meeting with designers</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-end text-muted ps-2">40 min ago</small>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 bg-primary-subtle text-primary thumb-md rounded-circle">
<i class="iconoir-birthday-cake fs-4"></i>
</div>
<div class="flex-grow-1 ms-2 text-truncate">
<h6 class="my-0 fw-normal text-dark fs-13">UX 3 Task complete.</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-end text-muted ps-2">1 hr ago</small>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 bg-primary-subtle text-primary thumb-md rounded-circle">
<i class="iconoir-drone fs-4"></i>
</div>
<div class="flex-grow-1 ms-2 text-truncate">
<h6 class="my-0 fw-normal text-dark fs-13">Your order is placed</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-end text-muted ps-2">2 hrs ago</small>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 bg-primary-subtle text-primary thumb-md rounded-circle">
<i class="iconoir-user fs-4"></i>
</div>
<div class="flex-grow-1 ms-2 text-truncate">
<h6 class="my-0 fw-normal text-dark fs-13">Payment Successfull</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
</div>
<div class="tab-pane fade" id="Projects" role="tabpanel" aria-labelledby="projects-tab" tabindex="0">
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-end text-muted ps-2">40 min ago</small>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 bg-primary-subtle text-primary thumb-md rounded-circle">
<i class="iconoir-birthday-cake fs-4"></i>
</div>
<div class="flex-grow-1 ms-2 text-truncate">
<h6 class="my-0 fw-normal text-dark fs-13">UX 3 Task complete.</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-end text-muted ps-2">1 hr ago</small>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 bg-primary-subtle text-primary thumb-md rounded-circle">
<i class="iconoir-drone fs-4"></i>
</div>
<div class="flex-grow-1 ms-2 text-truncate">
<h6 class="my-0 fw-normal text-dark fs-13">Your order is placed</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-end text-muted ps-2">2 hrs ago</small>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 bg-primary-subtle text-primary thumb-md rounded-circle">
<i class="iconoir-user fs-4"></i>
</div>
<div class="flex-grow-1 ms-2 text-truncate">
<h6 class="my-0 fw-normal text-dark fs-13">Payment Successfull</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
</div>
<div class="tab-pane fade" id="Teams" role="tabpanel" aria-labelledby="teams-tab" tabindex="0">
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-end text-muted ps-2">1 hr ago</small>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 bg-primary-subtle text-primary thumb-md rounded-circle">
<i class="iconoir-drone fs-4"></i>
</div>
<div class="flex-grow-1 ms-2 text-truncate">
<h6 class="my-0 fw-normal text-dark fs-13">Your order is placed</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-end text-muted ps-2">2 hrs ago</small>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 bg-primary-subtle text-primary thumb-md rounded-circle">
<i class="iconoir-user fs-4"></i>
</div>
<div class="flex-grow-1 ms-2 text-truncate">
<h6 class="my-0 fw-normal text-dark fs-13">Payment Successfull</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
</div>
</div>
</div>
<!-- All-->
<a href="pages-notifications.html" class="dropdown-item text-center text-dark fs-13 py-2">
View All <i class="fi-arrow-right"></i>
</a>
</div>
</li>
<li class="dropdown topbar-item">
<a class="nav-link dropdown-toggle arrow-none nav-icon" data-bs-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<img src="assets/images/users/avatar-1.jpg" alt="" class="thumb-lg rounded-circle">
</a>
<div class="dropdown-menu dropdown-menu-end py-0">
<div class="d-flex align-items-center dropdown-item py-2 bg-secondary-subtle">
<div class="flex-shrink-0">
<img src="assets/images/users/avatar-1.jpg" alt="" class="thumb-md rounded-circle">
</div>
<div class="flex-grow-1 ms-2 text-truncate align-self-center">
<h6 class="my-0 fw-medium text-dark fs-13">William Martin</h6>
<small class="text-muted mb-0">Front End Developer</small>
</div><!--end media-body-->
</div>
<div class="dropdown-divider mt-0"></div>
<small class="text-muted px-2 pb-1 d-block">Account</small>
<a class="dropdown-item" href="pages-profile.html"><i class="las la-user fs-18 me-1 align-text-bottom"></i> Profile</a>
<a class="dropdown-item" href="pages-faq.html"><i class="las la-wallet fs-18 me-1 align-text-bottom"></i> Earning</a>
<small class="text-muted px-2 py-1 d-block">Settings</small>
<a class="dropdown-item" href="pages-profile.html"><i class="las la-cog fs-18 me-1 align-text-bottom"></i>Account Settings</a>
<a class="dropdown-item" href="pages-profile.html"><i class="las la-lock fs-18 me-1 align-text-bottom"></i> Security</a>
<a class="dropdown-item" href="pages-faq.html"><i class="las la-question-circle fs-18 me-1 align-text-bottom"></i> Help Center</a>
<div class="dropdown-divider mb-0"></div>
<a class="dropdown-item text-danger" href="auth-login.html"><i class="las la-power-off fs-18 me-1 align-text-bottom"></i> Logout</a>
</div>
</li>
</ul><!--end topbar-nav-->
</nav>
<!-- end navbar-->
</div>
</div>
<!-- Top Bar End -->
<!-- leftbar-tab-menu -->
<div class="startbar d-print-none">
<!--start brand-->
<div class="brand">
<a href="index.html" class="logo">
<span>
<img src="assets/images/logo-sm.png" alt="logo-small" class="logo-sm">
</span>
<span class="">
<img src="assets/images/logo-light.png" alt="logo-large" class="logo-lg logo-light">
<img src="assets/images/logo-dark.png" alt="logo-large" class="logo-lg logo-dark">
</span>
</a>
</div>
<!--end brand-->
<!--start startbar-menu-->
<div class="startbar-menu" >
<div class="startbar-collapse" id="startbarCollapse" data-simplebar>
<div class="d-flex align-items-start flex-column w-100">
<!-- Navigation -->
<ul class="navbar-nav mb-auto w-100">
<li class="menu-label pt-0 mt-0">
<span>Main Menu</span>
</li>
<li class="nav-item">
<a class="nav-link" href="#sidebarForex" data-bs-toggle="collapse" role="button"
aria-expanded="false" aria-controls="sidebarForex">
<i class="iconoir-dollar-circle menu-icon"></i>
<span>Forex</span>
</a>
<div class="collapse " id="sidebarForex">
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link" href="index.html">Dashboard</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="forex-accounts.html">My Accounts</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="forex-copy-accounts.html">Copy Accounts</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="forex-withdrawal.html">Withdrawal Request</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="forex-transactions.html">Transactions</a>
</li><!--end nav-item-->
</ul><!--end nav-->
</div><!--end startbarForex-->
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="#sidebarCrypto" data-bs-toggle="collapse" role="button"
aria-expanded="false" aria-controls="sidebarCrypto">
<i class="iconoir-bitcoin-circle menu-icon"></i>
<span>Crypto</span>
</a>
<div class="collapse " id="sidebarCrypto">
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link" href="crypto-index.html">Dashboard</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="crypto-exchange.html">Exchange</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="crypto-portfolio.html">Portfolio</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="crypto-wallet.html">Wallet</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="crypto-news.html">Crypto News</a>
</li><!--end nav-item-->
</ul><!--end nav-->
</div><!--end startbarCrypto-->
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="apps-chat.html">
<i class="iconoir-chat-lines menu-icon"></i>
<span>Chat</span>
</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="apps-contact-list.html">
<i class="iconoir-list menu-icon"></i>
<span>Contact List</span>
</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="apps-calendar.html">
<i class="iconoir-calendar menu-icon"></i>
<span>Calendar</span>
</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="apps-invoice.html">
<i class="iconoir-page menu-icon"></i>
<span>Ivoice</span>
</a>
</li><!--end nav-item-->
<li class="menu-label mt-2">
<small class="label-border">
<div class="border_left hidden-xs"></div>
<div class="border_right"></div>
</small>
<span>Components</span>
</li>
<li class="nav-item">
<a class="nav-link" href="#sidebarElements" data-bs-toggle="collapse" role="button"
aria-expanded="false" aria-controls="sidebarElements">
<i class="iconoir-compact-disc menu-icon"></i>
<span>UI Elements</span>
</a>
<div class="collapse " id="sidebarElements">
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link" href="ui-alerts.html">Alerts</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="ui-avatar.html">Avatar</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="ui-buttons.html">Buttons</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="ui-badges.html">Badges</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="ui-cards.html">Cards</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="ui-carousels.html">Carousels</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="ui-dropdowns.html">Dropdowns</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="ui-grids.html">Grids</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="ui-images.html">Images</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="ui-list.html">List</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="ui-modals.html">Modals</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="ui-navs.html">Navs</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="ui-navbar.html">Navbar</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="ui-paginations.html">Paginations</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="ui-popover-tooltips.html">Popover & Tooltips</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="ui-progress.html">Progress</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="ui-spinners.html">Spinners</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="ui-tabs-accordions.html">Tabs & Accordions</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="ui-typography.html">Typography</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="ui-videos.html">Videos</a>
</li><!--end nav-item-->
</ul><!--end nav-->
</div><!--end startbarElements-->
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="#sidebarAdvancedUI" data-bs-toggle="collapse" role="button"
aria-expanded="false" aria-controls="sidebarAdvancedUI">
<i class="iconoir-peace-hand menu-icon"></i>
<span>Advanced UI</span><span class="badge rounded text-success bg-success-subtle ms-1">New</span>
</a>
<div class="collapse " id="sidebarAdvancedUI">
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link" href="advanced-animation.html">Animation</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="advanced-clipboard.html">Clip Board</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="advanced-dragula.html">Dragula</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="advanced-files.html">File Manager</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="advanced-highlight.html">Highlight</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="advanced-rangeslider.html">Range Slider</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="advanced-ratings.html">Ratings</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="advanced-ribbons.html">Ribbons</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="advanced-sweetalerts.html">Sweet Alerts</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="advanced-toasts.html">Toasts</a>
</li><!--end nav-item-->
</ul><!--end nav-->
</div><!--end startbarAdvancedUI-->
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="#sidebarForms" data-bs-toggle="collapse" role="button"
aria-expanded="false" aria-controls="sidebarForms">
<i class="iconoir-journal-page menu-icon"></i>
<span>Forms</span>
</a>
<div class="collapse " id="sidebarForms">
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link" href="forms-elements.html">Basic Elements</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="forms-advanced.html">Advance Elements</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="forms-validation.html">Validation</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="forms-wizard.html">Wizard</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="forms-editors.html">Editors</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="forms-uploads.html">File Upload</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="forms-img-crop.html">Image Crop</a>
</li><!--end nav-item-->
</ul><!--end nav-->
</div><!--end startbarForms-->
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="#sidebarCharts" data-bs-toggle="collapse" role="button"
aria-expanded="false" aria-controls="sidebarCharts">
<i class="iconoir-candlestick-chart menu-icon"></i>
<span>Charts</span>
</a>
<div class="collapse " id="sidebarCharts">
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link" href="charts-apex.html">Apex</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="charts-justgage.html">JustGage</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="charts-chartjs.html">Chartjs</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="charts-toast-ui.html">Toast</a>
</li><!--end nav-item-->
</ul><!--end nav-->
</div><!--end startbarCharts-->
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="#sidebarTables" data-bs-toggle="collapse" role="button"
aria-expanded="false" aria-controls="sidebarTables">
<i class="iconoir-table-rows menu-icon"></i>
<span>Tables</span>
</a>
<div class="collapse " id="sidebarTables">
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link" href="tables-basic.html">Basic</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="tables-datatable.html">Datatables</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="tables-editable.html">Editable</a>
</li><!--end nav-item-->
</ul><!--end nav-->
</div><!--end startbarTables-->
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="#sidebarIcons" data-bs-toggle="collapse" role="button"
aria-expanded="false" aria-controls="sidebarIcons">
<i class="iconoir-trophy menu-icon"></i>
<span>Icons</span>
</a>
<div class="collapse " id="sidebarIcons">
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link" href="icons-fontawesome.html">Font Awesome</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="icons-lineawesome.html">Line Awesome</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="icons-icofont.html">Icofont</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="icons-iconoir.html">Iconoir</a>
</li><!--end nav-item-->
</ul><!--end nav-->
</div><!--end startbarIcons-->
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="#sidebarMaps" data-bs-toggle="collapse" role="button"
aria-expanded="false" aria-controls="sidebarMaps">
<i class="iconoir-navigator-alt menu-icon"></i>
<span>Maps</span>
</a>
<div class="collapse " id="sidebarMaps">
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link" href="maps-google.html">Google Maps</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="maps-leaflet.html">Leaflet Maps</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="maps-vector.html">Vector Maps</a>
</li><!--end nav-item-->
</ul><!--end nav-->
</div><!--end startbarMaps-->
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="#sidebarEmailTemplates" data-bs-toggle="collapse" role="button"
aria-expanded="false" aria-controls="sidebarEmailTemplates">
<i class="iconoir-send-mail menu-icon"></i>
<span>Email Templates</span>
</a>
<div class="collapse " id="sidebarEmailTemplates">
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link" href="email-templates-basic.html">Basic Action Email</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="email-templates-alert.html">Alert Email</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="email-templates-billing.html">Billing Email</a>
</li><!--end nav-item-->
</ul><!--end nav-->
</div><!--end startbarEmailTemplates-->
</li><!--end nav-item-->
<li class="menu-label mt-2">
<small class="label-border">
<div class="border_left hidden-xs"></div>
<div class="border_right"></div>
</small>
<span>Crafted</span>
</li>
<li class="nav-item">
<a class="nav-link" href="#sidebarPages" data-bs-toggle="collapse" role="button"
aria-expanded="false" aria-controls="sidebarPages">
<i class="iconoir-page-star menu-icon"></i>
<span>Pages</span>
</a>
<div class="collapse " id="sidebarPages">
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link" href="pages-profile.html">Profile</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="pages-notifications.html">Notifications</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="pages-timeline.html">Timeline</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="pages-treeview.html">Treeview</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="pages-starter.html">Starter Page</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="pages-pricing.html">Pricing</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="pages-blogs.html">Blogs</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="pages-faq.html">FAQs</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="pages-gallery.html">Gallery</a>
</li><!--end nav-item-->
</ul><!--end nav-->
</div><!--end startbarPages-->
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="#sidebarAuthentication" data-bs-toggle="collapse" role="button"
aria-expanded="false" aria-controls="sidebarAuthentication">
<i class="iconoir-fingerprint-lock-circle menu-icon"></i>
<span>Authentication</span>
</a>
<div class="collapse " id="sidebarAuthentication">
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link" href="auth-login.html">Log in</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="auth-register.html">Register</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="auth-recover-pw.html">Re-Password</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="auth-lock-screen.html">Lock Screen</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="auth-maintenance.html">Maintenance</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="auth-404.html">Error 404</a>
</li><!--end nav-item-->
<li class="nav-item">
<a class="nav-link" href="auth-500.html">Error 500</a>
</li><!--end nav-item-->
</ul><!--end nav-->
</div><!--end startbarAuthentication-->
</li><!--end nav-item-->
</ul><!--end navbar-nav--->
<div class="update-msg text-center">
<div class="d-flex justify-content-center align-items-center thumb-lg update-icon-box rounded-circle mx-auto">
<i class="iconoir-peace-hand h3 align-self-center mb-0 text-primary"></i>
</div>
<h5 class="mt-3">Mannat Themes</h5>
<p class="mb-3 text-muted">Forexo is a high quality web applications.</p>
<a href="javascript: void(0);" class="btn text-primary shadow-sm rounded-pill">Upgrade your plan</a>
</div>
</div>
</div><!--end startbar-collapse-->
</div><!--end startbar-menu-->
</div><!--end startbar-->
<div class="startbar-overlay d-print-none"></div>
<!-- end leftbar-tab-menu-->
<div class="page-wrapper">
<!-- Page Content-->
<div class="page-content">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="card ">
<div class="card-body ticker">
<div class="splide" role="group" aria-label="Splide Basic HTML Example">
<div class="splide__track overflow-hidden">
<ul class="list-unstyled splide__list mb-0">
<li class="list-item pair splide__slide"><span>EUR </span><span class="ms-1 up">0.84510</span></li>
<li class="list-item pair splide__slide"><span>TRY </span><span class="ms-1 down">36.7741</span></li>
<li class="list-item pair splide__slide"><span>GBP </span><span class="ms-1 down">0.8451</span></li>
<li class="list-item pair splide__slide"><span>JPY </span><span class="ms-1 up">199.84</span></li>
<li class="list-item pair splide__slide"><span>AUD </span><span class="ms-1 up">1.9190</span></li>
<li class="list-item pair splide__slide"><span>NZD </span><span class="ms-1 down">1.7501</span></li>
<li class="list-item pair splide__slide"><span>CHF </span><span class="ms-1 down">0.5458</span></li>
<li class="list-item pair splide__slide"><span>INR </span><span class="ms-1 up">81.07</span></li>
<li class="list-item pair splide__slide"><span>CAD </span><span class="ms-1 up">0.8410</span></li>
<li class="list-item pair splide__slide"><span>PLN </span><span class="ms-1 down">0.3803</span></li>
<li class="list-item pair splide__slide"><span>DKK </span><span class="ms-1 down">4.2630</span></li>
<li class="list-item pair splide__slide"><span>HUF </span><span class="ms-1 up">226.15</span></li>
<li class="list-item pair splide__slide"><span>ZAR </span><span class="ms-1 up">11.1726</span></li>
<li class="list-item pair splide__slide"><span>CZK </span><span class="ms-1 up">14.102</span></li>
</ul>
</div>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
<div class="row ">
<div class="col-xl-5">
<div class="row ">
<div class="col-xl-6">
<div class="card overflow-hidden">
<div class="card-body overflow-hidden">
<p class="text-muted fw-medium mb-2">Cost and benifit</p>
<div class="d-flex align-items-center mb-2">
<h4 class="fs-22 m-0 fw-bold">$64,291.45</h4>
</div>
<p class="text-success fw-medium mb-0">14.88%</p>
<i class="fa-solid fa-arrow-trend-up position-absolute top-50 end-0 show-icon up"></i>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-xl-6">
<div class="card overflow-hidden">
<div class="card-body overflow-hidden">
<p class="text-muted fw-medium mb-2">Max. Total equity loss</p>
<div class="d-flex align-items-center mb-2">
<h4 class="fs-22 m-0 fw-bold">$156.90</h4>
</div>
<p class="text-danger fw-medium mb-0">1.1%</p>
<i class="fa-solid fa-arrow-trend-down position-absolute top-50 end-0 show-icon down"></i>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-xl-6">
<div class="card overflow-hidden">
<div class="card-body overflow-hidden">
<p class="text-muted fw-medium mb-2">Max. Daily equity drop</p>
<div class="d-flex align-items-center mb-2">
<h4 class="fs-22 m-0 fw-bold">$1.60</h4>
</div>
<p class="text-success fw-medium mb-0">7.60%</p>
<i class="fa-solid fa-arrow-trend-up position-absolute top-50 end-0 show-icon up"></i>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-xl-6">
<div class="card overflow-hidden">
<div class="card-body overflow-hidden">
<p class="text-muted fw-medium mb-2">5 to 30 days period have passed</p>
<div class="d-flex align-items-center mb-3">
<h4 class="fs-22 m-0 fw-bold">3</h4>
</div>
<div class="progress bg-secondary-subtle" style="height:5px;">
<div class="progress-bar bg-primary rounded-pill" role="progressbar" style="margin-right:2px; width: 35% " aria-valuenow="35" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
</div><!--end col-->
<div class="col-xl-7">
<div class="card">
<div class="card-header">
<div class="row align-items-center">
<div class="col">
<h4 class="card-title">New Accounts Last 3</h4>
</div><!--end col-->
</div> <!--end row-->
</div><!--end card-header-->
<div class="card-body pt-0">
<div class="row border-bottom">
<div class="col col-md border-end mb-1">
<p class="text-muted fw-medium mb-2">Ac. ID</p>
<div class="d-flex align-items-center">
<a href="#" class="fs-14 m-0 fw-medium">#23656</a>
</div>
</div><!--end col-->
<div class="col col-md border-end mb-1">
<p class="text-muted fw-medium mb-2">Deposit</p>
<div class="d-flex align-items-center">
<h6 class="fs-14 m-0 fw-medium">$3000</h6>
</div>
</div><!--end col-->
<div class="col col-md border-end mb-1">
<p class="text-muted fw-medium mb-2">Equity</p>
<div class="d-flex align-items-center">
<h6 class="fs-14 m-0 fw-medium">$5236</h6>
</div>
</div><!--end col-->
<div class="col col-md border-end mb-1">
<p class="text-muted fw-medium mb-2">Profit</p>
<div class="d-flex align-items-center">
<h6 class="fs-14 m-0 fw-medium">$2236</h6>
</div>
</div><!--end col-->
<div class="col col-md mb-1">
<p class="text-muted fw-medium mb-2">Ratio %</p>
<div class="d-flex align-items-center">
<h6 class="fs-14 m-0 fw-medium">20% / 80%</h6>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row border-bottom">
<div class="col col-md border-end mb-1">
<p class="text-muted fw-medium my-2">Ac. ID</p>
<div class="d-flex align-items-center">
<a href="#" class="fs-14 m-0 fw-medium">#25486</a>
</div>
</div><!--end col-->
<div class="col col-md border-end mb-1">
<p class="text-muted fw-medium my-2">Deposit</p>
<div class="d-flex align-items-center">
<h6 class="fs-14 m-0 fw-medium">$6500</h6>
</div>
</div><!--end col-->
<div class="col col-md border-end mb-1">
<p class="text-muted fw-medium my-2">Equity</p>
<div class="d-flex align-items-center">
<h6 class="fs-14 m-0 fw-medium">$7000</h6>
</div>
</div><!--end col-->
<div class="col col-md border-end mb-1">
<p class="text-muted fw-medium my-2">Profit</p>
<div class="d-flex align-items-center">
<h6 class="fs-14 m-0 fw-medium">$500</h6>
</div>
</div><!--end col-->
<div class="col col-md mb-1">
<p class="text-muted fw-medium my-2">Ratio %</p>
<div class="d-flex align-items-center">
<h6 class="fs-14 m-0 fw-medium">20% / 80%</h6>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row ">
<div class="col col-md border-end mb-1">
<p class="text-muted fw-medium my-2">Ac. ID</p>
<div class="d-flex align-items-center">
<a href="#" class="fs-14 m-0 fw-medium">#36526</a>
</div>
</div><!--end col-->
<div class="col col-md border-end mb-1">
<p class="text-muted fw-medium my-2">Deposit</p>
<div class="d-flex align-items-center">
<h6 class="fs-14 m-0 fw-medium">$10000</h6>
</div>
</div><!--end col-->
<div class="col col-md border-end mb-1">
<p class="text-muted fw-medium my-2">Equity</p>
<div class="d-flex align-items-center">
<h6 class="fs-14 m-0 fw-medium">$1750</h6>
</div>
</div><!--end col-->
<div class="col col-md border-end mb-1">
<p class="text-muted fw-medium my-2">Profit</p>
<div class="d-flex align-items-center">
<h6 class="fs-14 m-0 fw-medium">$750</h6>
</div>
</div><!--end col-->
<div class="col col-md mb-1">
<p class="text-muted fw-medium my-2">Ratio %</p>
<div class="d-flex align-items-center">
<h6 class="fs-14 m-0 fw-medium">20% / 80%</h6>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
<div class="row ">
<div class="col-xl-12">
<div class="card">
<div class="card-header">
<div class="row align-items-center">
<div class="col">
<h4 class="card-title">My Accounts</h4>
</div><!--end col-->
</div> <!--end row-->
</div><!--end card-header-->
<div class="card-body pt-0">
<div class="table-responsive">
<table class="table mb-0">
<thead class="table-light">
<tr>
<th class="border-top-0">Broker & Account ID</th>
<th class="border-top-0">Ac.Open Date</th>
<th class="border-top-0">AccountType</th>
<th class="border-top-0">Leverage</th>
<th class="border-top-0">Balance $</th>
<th class="border-top-0">Equity</th>
<th class="border-top-0">Change Leverage</th>
<th class="border-top-0">Change Password</th>
<th class="border-top-0 text-end">Decision</th>
</tr>
<!--end tr-->
</thead>
<tbody>
<tr>
<td>MT5-98989</td>
<td>2024/10/15</td>
<td><span class="badge rounded-pill text-success bg-success-subtle fs-12">Standard</span></td>
<td> 500</td>
<td> 2325.10</td>
<td> 1832.52</td>
<td><button type="button" class="btn btn-sm btn-dark">Change</button></td>
<td><button type="button" class="btn btn-sm btn-dark">Change</button></td>
<td class="text-end">
<button type="button" class="btn btn-sm btn-success">Withdraw</button>
<button type="button" class="btn btn-sm btn-orange">Deposit</button>
</td>
</tr> <!--end tr-->
<tr>
<td>MT5-55320</td>
<td>2024/11/02</td>
<td><span class="badge rounded-pill text-success bg-success-subtle fs-12">Standard</span></td>
<td> 500</td>
<td> 63251.10</td>
<td> 36251.52</td>
<td><button type="button" class="btn btn-sm btn-dark">Change</button></td>
<td><button type="button" class="btn btn-sm btn-dark">Change</button></td>
<td class="text-end">
<button type="button" class="btn btn-sm btn-success">Withdraw</button>
<button type="button" class="btn btn-sm btn-orange">Deposit</button>
</td>
</tr> <!--end tr-->
<tr>
<td>OCT-75469</td>
<td>2024/10/27</td>
<td><span class="badge rounded-pill text-success bg-success-subtle fs-12">Standard</span></td>
<td> 500</td>
<td> 75854.10</td>
<td> 45632.52</td>
<td><button type="button" class="btn btn-sm btn-dark">Change</button></td>
<td><button type="button" class="btn btn-sm btn-dark">Change</button></td>
<td class="text-end">
<button type="button" class="btn btn-sm btn-success">Withdraw</button>
<button type="button" class="btn btn-sm btn-orange">Deposit</button>
</td>
</tr> <!--end tr-->
<tr>
<td>OCT-96321</td>
<td>2024/10/21</td>
<td><span class="badge rounded-pill text-success bg-success-subtle fs-12">Standard</span></td>
<td> 500</td>
<td> 9562.10</td>
<td> 12365.52</td>
<td><button type="button" class="btn btn-sm btn-dark">Change</button></td>
<td><button type="button" class="btn btn-sm btn-dark">Change</button></td>
<td class="text-end">
<button type="button" class="btn btn-sm btn-success">Withdraw</button>
<button type="button" class="btn btn-sm btn-orange">Deposit</button>
</td>
</tr> <!--end tr-->
<tr>
<td>MT5-26548</td>
<td>2024/10/15</td>
<td><span class="badge rounded-pill text-primary bg-primary-subtle fs-12">Demo</span></td>
<td> 500</td>
<td> 105621.10</td>
<td> 203621.52</td>
<td><button type="button" class="btn btn-sm btn-dark">Change</button></td>
<td><button type="button" class="btn btn-sm btn-dark">Change</button></td>
<td class="text-end">
<button type="button" class="btn btn-sm btn-success">Withdraw</button>
<button type="button" class="btn btn-sm btn-orange">Deposit</button>
</td>
</tr> <!--end tr-->
</tbody>
</table><!--end table-->
</div><!--end /div-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
</div><!-- container -->
<!--Start Rightbar-->
<!--Start Rightbar/offcanvas-->
<div class="offcanvas offcanvas-end" tabindex="-1" id="Appearance" aria-labelledby="AppearanceLabel">
<div class="offcanvas-header border-bottom justify-content-between">
<h5 class="m-0 font-14" id="AppearanceLabel">Appearance</h5>
<button type="button" class="btn-close text-reset p-0 m-0 align-self-center" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<h6>Account Settings</h6>
<div class="p-2 text-start mt-3">
<div class="form-check form-switch mb-2">
<input class="form-check-input" type="checkbox" id="settings-switch1">
<label class="form-check-label" for="settings-switch1">Auto updates</label>
</div><!--end form-switch-->
<div class="form-check form-switch mb-2">
<input class="form-check-input" type="checkbox" id="settings-switch2" checked>
<label class="form-check-label" for="settings-switch2">Location Permission</label>
</div><!--end form-switch-->
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="settings-switch3">
<label class="form-check-label" for="settings-switch3">Show offline Contacts</label>
</div><!--end form-switch-->
</div><!--end /div-->
<h6>General Settings</h6>
<div class="p-2 text-start mt-3">
<div class="form-check form-switch mb-2">
<input class="form-check-input" type="checkbox" id="settings-switch4">
<label class="form-check-label" for="settings-switch4">Show me Online</label>
</div><!--end form-switch-->
<div class="form-check form-switch mb-2">
<input class="form-check-input" type="checkbox" id="settings-switch5" checked>
<label class="form-check-label" for="settings-switch5">Status visible to all</label>
</div><!--end form-switch-->
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="settings-switch6">
<label class="form-check-label" for="settings-switch6">Notifications Popup</label>
</div><!--end form-switch-->
</div><!--end /div-->
</div><!--end offcanvas-body-->
</div>
<!--end Rightbar/offcanvas-->
<!--end Rightbar-->
<!--Start Footer-->
<footer class="footer text-center text-sm-start d-print-none">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="card mb-0 rounded-bottom-0">
<div class="card-body">
<p class="text-muted mb-0">
©
<script> document.write(new Date().getFullYear()) </script>
Forexo
<span
class="text-muted d-none d-sm-inline-block float-end">
Crafted with
<i class="iconoir-heart text-danger"></i>
by Mannatthemes</span>
</p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!--end footer-->
</div>
<!-- end page content -->
</div>
<!-- end page-wrapper -->
<div class="offcanvas offcanvas-end" tabindex="-1" id="watchlist" aria-labelledby="watchlistLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="watchlistLabel">Watchlist</h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<form class="mb-3">
<input type="search" class="form-control" id="inputsearch" placeholder="Search">
</form>
<div class="d-flex justify-content-between border-bottom pb-2">
<div class="align-self-center">
<h6 class="m-0 text-uppercase font-11">GBP/USD</h6>
<small class="text-muted">FX Market</small>
</div>
<div>
<h6 class="m-0 text-uppercase font-11">
<span class="text-blue">1.27308</span> /
<span class="text-danger">1.27325</span>
</h6>
<div class="mt-1 text-end">
<ul class="list-inline mb-0">
<li class="list-inline-item align-self-center mx-0 ">
<button class="btn btn-sm btn-outline-success p-1 py-0" data-bs-toggle="modal" data-bs-target="#BuyStocks"><i class="fa-solid fa-b"></i></button>
</li><!--end /li-->
<li class="list-inline-item align-self-center mx-0">
<button class="btn btn-sm btn-outline-danger p-1 py-0" data-bs-toggle="modal" data-bs-target="#SellStocks"><i class="fa-solid fa-s"></i></button>
</li><!--end /li-->
<li class="list-inline-item align-self-center mx-0">
<button class="btn btn-sm btn-outline-secondary p-1 py-0"><i class="fa-solid fa-chart-simple"></i></button>
</li><!--end /li-->
<li class="list-inline-item align-self-center mx-0">
<button class="btn btn-sm btn-outline-secondary p-1 py-0"><i class="fa-regular fa-trash-can"></i></button>
</li><!--end /li-->
</ul>
</div>
</div>
</div>
<div class="d-flex justify-content-between border-bottom py-2">
<div class="align-self-center">
<h6 class="m-0 text-uppercase font-11">EUR/USD</h6>
<small class="text-muted">FX Market</small>
</div>
<div>
<h6 class="m-0 text-uppercase font-11">
<span class="text-blue">1.07494</span> /
<span class="text-danger">1.07510</span>
</h6>
<div class="mt-1 text-end">
<ul class="list-inline mb-0">
<li class="list-inline-item align-self-center mx-0 ">
<button class="btn btn-sm btn-outline-success p-1 py-0" data-bs-toggle="modal" data-bs-target="#BuyStocks"><i class="fa-solid fa-b"></i></button>
</li><!--end /li-->
<li class="list-inline-item align-self-center mx-0">
<button class="btn btn-sm btn-outline-danger p-1 py-0" data-bs-toggle="modal" data-bs-target="#SellStocks"><i class="fa-solid fa-s"></i></button>
</li><!--end /li-->
<li class="list-inline-item align-self-center mx-0">
<button class="btn btn-sm btn-outline-secondary p-1 py-0"><i class="fa-solid fa-chart-simple"></i></button>
</li><!--end /li-->
<li class="list-inline-item align-self-center mx-0">
<button class="btn btn-sm btn-outline-secondary p-1 py-0"><i class="fa-regular fa-trash-can"></i></button>
</li><!--end /li-->
</ul>
</div>
</div>
</div>
<div class="d-flex justify-content-between border-bottom py-2">
<div class="align-self-center">
<h6 class="m-0 text-uppercase font-11">AUD/USD</h6>
<small class="text-muted">FX Market</small>
</div>
<div>
<h6 class="m-0 text-uppercase font-11">
<span class="text-blue">0.66716</span> /
<span class="text-danger">0.66782</span>
</h6>
<div class="mt-1 text-end">
<ul class="list-inline mb-0">
<li class="list-inline-item align-self-center mx-0 ">
<button class="btn btn-sm btn-outline-success p-1 py-0" data-bs-toggle="modal" data-bs-target="#BuyStocks"><i class="fa-solid fa-b"></i></button>
</li><!--end /li-->
<li class="list-inline-item align-self-center mx-0">
<button class="btn btn-sm btn-outline-danger p-1 py-0" data-bs-toggle="modal" data-bs-target="#SellStocks"><i class="fa-solid fa-s"></i></button>
</li><!--end /li-->
<li class="list-inline-item align-self-center mx-0">
<button class="btn btn-sm btn-outline-secondary p-1 py-0"><i class="fa-solid fa-chart-simple"></i></button>
</li><!--end /li-->
<li class="list-inline-item align-self-center mx-0">
<button class="btn btn-sm btn-outline-secondary p-1 py-0"><i class="fa-regular fa-trash-can"></i></button>
</li><!--end /li-->
</ul>
</div>
</div>
</div>
<div class="d-flex justify-content-between border-bottom py-2">
<div class="align-self-center">
<h6 class="m-0 text-uppercase font-11">USD/CAD</h6>
<small class="text-muted">FX Market</small>
</div>
<div>
<h6 class="m-0 text-uppercase font-11">
<span class="text-blue">1.37072</span> /
<span class="text-danger">1.37105</span>
</h6>
<div class="mt-1 text-end">
<ul class="list-inline mb-0">
<li class="list-inline-item align-self-center mx-0 ">
<button class="btn btn-sm btn-outline-success p-1 py-0" data-bs-toggle="modal" data-bs-target="#BuyStocks"><i class="fa-solid fa-b"></i></button>
</li><!--end /li-->
<li class="list-inline-item align-self-center mx-0">
<button class="btn btn-sm btn-outline-danger p-1 py-0" data-bs-toggle="modal" data-bs-target="#SellStocks"><i class="fa-solid fa-s"></i></button>
</li><!--end /li-->
<li class="list-inline-item align-self-center mx-0">
<button class="btn btn-sm btn-outline-secondary p-1 py-0"><i class="fa-solid fa-chart-simple"></i></button>
</li><!--end /li-->
<li class="list-inline-item align-self-center mx-0">
<button class="btn btn-sm btn-outline-secondary p-1 py-0"><i class="fa-regular fa-trash-can"></i></button>
</li><!--end /li-->
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Javascript -->
<!-- vendor js -->
<script src="assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/libs/iconify-icon/iconify-icon.min.js"></script>
<script src="assets/libs/simplebar/simplebar.min.js"></script>
<script src="https://staticcontent.fxstreet.com/widgets-v2/beta/fxs-widgets.js" defer></script>
<script src="assets/libs/@splidejs/splide/js/splide.min.js"></script>
<script src="assets/libs/@splidejs/splide-extension-auto-scroll/js/splide-extension-auto-scroll.min.js"></script>
<script src="assets/js/app.js"></script>
<script>
const splide = new Splide( '.splide', {
type : 'loop',
drag : 'free',
focus : 'center',
perPage: 14,
autoScroll: {
speed: 0.7,
},
breakpoints: {
1440: {
perPage: 12,
},
1024: {
perPage: 9,
},
768: {
perPage: 6,
},
640: {
perPage: 2,
},
}
} );
splide.mount(window.splide.Extensions);
</script>
</body>
<!--end body-->
</html>