<!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-8">
<div class="card">
<div class="card-body">
<div class="row g-3 justify-content-center align-items-center">
<div class="col-md-6 col-lg-3">
<div class="card mb-0 bg-gradient-purple">
<div class="card-body text-center">
<p class="mb-2 fw-semibold fs-14">XAU/USD</p>
<div class="row flex-nowrap">
<div class="col border-end">
<small class="fw-medium d-block text-blue">Buy</small>
<span class="fw-medium text-dark">2471.56</span>
<button class="btn btn-sm btn-soft-blue w-100 mt-2">Buy</button>
</div><!--end col-->
<div class="col">
<small class="fw-medium d-block text-danger">Buy</small>
<span class="fw-medium text-dark">2488.56</span>
<button class="btn btn-sm btn-soft-danger w-100 mt-2">Sell</button>
</div><!--end col-->
</div><!--end row-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-md-6 col-lg-3">
<div class="card mb-0 bg-gradient-warning">
<div class="card-body">
<p class="mb-2 fw-semibold fs-14">EUR/USD</p>
<div class="row flex-nowrap">
<div class="col border-end">
<small class="fw-medium d-block text-blue">Buy</small>
<span class="fw-medium text-dark">1.07511</span>
<button class="btn btn-sm btn-soft-blue w-100 mt-2">Buy</button>
</div><!--end col-->
<div class="col">
<small class="fw-medium d-block text-danger">Buy</small>
<span class="fw-medium text-dark">1.07520</span>
<button class="btn btn-sm btn-soft-danger w-100 mt-2">Sell</button>
</div><!--end col-->
</div><!--end row-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-md-6 col-lg-3">
<div class="card mb-0 bg-gradient-info">
<div class="card-body">
<p class="mb-2 fw-semibold fs-14">AUD/USD</p>
<div class="row flex-nowrap">
<div class="col border-end">
<small class="fw-medium d-block text-blue">Buy</small>
<span class="fw-medium text-dark">0.65973</span>
<button class="btn btn-sm btn-soft-blue w-100 mt-2">Buy</button>
</div><!--end col-->
<div class="col">
<small class="fw-medium d-block text-danger">Buy</small>
<span class="fw-medium text-dark">0.66005</span>
<button class="btn btn-sm btn-soft-danger w-100 mt-2">Sell</button>
</div><!--end col-->
</div><!--end row-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-md-6 col-lg-3">
<div class="card mb-0 bg-gradient-danger">
<div class="card-body">
<p class="mb-2 fw-semibold fs-14">GBP/USD</p>
<div class="row flex-nowrap">
<div class="col border-end">
<small class="fw-medium d-block text-blue">Buy</small>
<span class="fw-medium text-dark">1.27312</span>
<button class="btn btn-sm btn-soft-blue w-100 mt-2">Buy</button>
</div><!--end col-->
<div class="col">
<small class="fw-medium d-block text-danger">Buy</small>
<span class="fw-medium text-dark">1.27325</span>
<button class="btn btn-sm btn-soft-danger w-100 mt-2">Sell</button>
</div><!--end col-->
</div><!--end row-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
</div><!--end card-body-->
</div><!--end card-->
<div class="card">
<div class="card-body">
<div class="tradingview-widget-container">
<div id="tradingview_123"></div>
<script src="https://s3.tradingview.com/tv.js"></script>
<script>
new TradingView.widget(
{
"width": "100%",
"height": 565,
"symbol": "XAUUSD",
"interval": "D",
"timezone": "Etc/UTC",
"theme": "Light",
"style": "1",
"locale": "en",
"toolbar_bg": "#000",
"enable_publishing": false,
"withdateranges": true,
"hide_side_toolbar": false,
"allow_symbol_change": true,
"show_popup_button": true,
"popup_width": "1000",
"popup_height": "650",
"container_id": "tradingview_123"
}
);
</script>
</div>
</div>
<!--end card-body-->
</div>
<!--end card-->
</div><!--end col-->
<div class="col-xl-4">
<div class="card">
<div class="card-body">
<h5 class="fw-semibold fs-24 text-success">897.50 <span class="fs-12 text-muted">USD</span></h5>
<hr class="hr-dashed">
<p class="my-2 fw-medium">Balance : <span class="text-3 float-end">1,000.00 USD</span></p>
<p class="my-2 fw-medium">Net Equity : <span class="text-3 float-end">839.00 USD</span></p>
<p class="my-2 fw-medium">Total Margen : <span class="text-3 float-end">2.34</span></p>
<p class="my-2 fw-medium">Free Margen : <span class="text-3 float-end">837.00 USD</span></p>
<p class="my-2 fw-medium">Margen Level (%) :<span class="text-3 float-end">21,568.58 USD</span></p>
<p class="text-muted mb-3">Transactions fees (%) :<span class="float-end d-flex align-items-center">1%</span></p>
<form id="withdraw-" method="post" class="mb-3">
<div class="">
<button class="btn btn-outline-primary">Withdraws Money</button>
<button class="btn btn-primary">Deposits Money</button>
</div>
</form>
<div class="alert alert-success shadow-sm border-theme-white-2 mb-0" role="alert">
<div class="d-inline-flex justify-content-center align-items-center thumb-xs bg-success rounded-circle mx-auto me-1">
<i class="fas fa-check align-self-center mb-0 text-white "></i>
</div>
You successfully withdrew money from your last transaction.
</div>
</div><!--end card-body-->
</div> <!--end card-body-->
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-12">
<div class="input-group mb-3">
<input type="search" class="form-control" placeholder="Search" aria-label="Search">
<span class="input-group-text">$</span>
<select class="form-select" aria-label="e">
<option selected>XAU/USD</option>
<option value="1">EUR/USD</option>
<option value="2">GBP/USD</option>
<option value="3">GBP/JPY</option>
<option value="4">USD/CHF</option>
<option value="5">AUD/JPY</option>
</select>
</div>
</div>
<div class="col-6">
<div class="input-group mb-3">
<span class="input-group-text" id="basic-addon1">#</span>
<select class="form-select" aria-label="e">
<option selected>Market Execution</option>
<option value="1">Buy Limit</option>
<option value="2">Sell Limit</option>
<option value="3">Buy Stop</option>
<option value="4">Sell Stop</option>
<option value="5">Buy Stop Limit</option>
<option value="6">Sell Stop Limit</option>
</select>
</div>
</div><!--end col-->
<div class="col-6">
<div class="input-group mb-3">
<span class="input-group-text">$</span>
<select class="form-select" aria-label="e">
<option selected>Fill or Kill</option>
<option value="1">Immediate or Cancel</option>
</select>
</div>
</div><!--end col-->
<div class="col-6">
<div class="input-group qty-icons w-100 mb-3">
<button class="btn btn-primary" onclick="this.parentNode.querySelector('input[type=number]').stepDown()">-</button>
<input type="number" class="form-control" min="0.01" name="quantity" step="0.01" value="0.01" style="pointer-events: none;">
<button class="btn btn-primary" onclick="this.parentNode.querySelector('input[type=number]').stepUp()">+</button>
</div>
</div><!--end col-->
<div class="col-6">
<div class="input-group mb-3">
<span class="input-group-text">Limit</span>
<input type="text" class="form-control" placeholder="0.000">
</div>
</div><!--end col-->
<div class="col-6">
<div class="input-group">
<span class="input-group-text">SL</span>
<input type="text" class="form-control" placeholder="0.000">
</div>
</div><!--end col-->
<div class="col-6">
<div class="input-group">
<span class="input-group-text">TP</span>
<input type="text" class="form-control" placeholder="0.000">
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-6">
<button class="btn btn-soft-blue w-100 mt-3 ">Buy</button>
</div><!--end col-->
<div class="col-6">
<button class="btn btn-soft-danger w-100 mt-3 ">Sell</button>
</div><!--end col-->
</div><!--end row-->
<p class="m-0 mt-3 fs-12 fst-italic ps-2 text-muted">Last Trade - 13min ago <a href="#!" class="link-primary ms-1 ">2 Order Pending</a></p>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
<div class="col-12">
<div class="card">
<div class="card-body">
<ul class="nav nav-tabs mb-3" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-bs-toggle="tab" href="#trades" role="tab" aria-selected="true">Trades</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#history" role="tab" aria-selected="false">History</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#news" role="tab" aria-selected="false">News</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#calendar" role="tab" aria-selected="false">Calendar</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#mailbox" role="tab" aria-selected="false">Mailbox <span class="badge rounded text-success bg-success-subtle ms-1">4</span></a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#alerts" role="tab" aria-selected="false">Alerts</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane active" id="trades" role="tabpanel">
<ul class="nav nav-tabs mb-3" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-bs-toggle="tab" href="#all-trades" role="tab" aria-selected="true">All</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#USD" role="tab" aria-selected="false">USD</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#EUR" role="tab" aria-selected="false">EUR</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#GBP" role="tab" aria-selected="false">GBP</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#AUD" role="tab" aria-selected="false">AUD</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="all-trades" role="tabpanel">
<div class="table-responsive">
<table class="table mb-0">
<thead class="table-light">
<tr>
<th class="border-top-0">Symbol</th>
<th class="border-top-0">Ticket</th>
<th class="border-top-0">Date/Time</th>
<th class="border-top-0">Type</th>
<th class="border-top-0">Volume</th>
<th class="border-top-0">Price</th>
<th class="border-top-0">S/L</th>
<th class="border-top-0">T/P</th>
<th class="border-top-0 text-end">Profit</th>
<th class="border-top-0 text-end">Action</th>
</tr>
<!--end tr-->
</thead>
<tbody>
<tr>
<td>XAU/USD</td>
<td>12354856</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Sell</td>
<td> 0.10</td>
<td> 2325.10</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 1235.50</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td>GBP/USD</td>
<td>85632147</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 1.27382</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 950.50</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td>AUD/USD</td>
<td>95632145</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 0.65919</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 530.40</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td>USD/JPY</td>
<td>95638832</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 157.065</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-danger fw-medium text-end"> -30.40</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td>NZD/USD</td>
<td>11212453</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Sell</td>
<td> 0.10</td>
<td> 0.61216</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 120.90</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
</tbody>
</table><!--end table-->
</div><!--end /div-->
</div><!--end tab-pane-->
<div class="tab-pane" id="USD" role="tabpanel">
<div class="table-responsive">
<table class="table mb-0">
<thead class="table-light">
<tr>
<th class="border-top-0">Symbol</th>
<th class="border-top-0">Ticket</th>
<th class="border-top-0">Date/Time</th>
<th class="border-top-0">Type</th>
<th class="border-top-0">Volume</th>
<th class="border-top-0">Price</th>
<th class="border-top-0">S/L</th>
<th class="border-top-0">T/P</th>
<th class="border-top-0 text-end">Profit</th>
<th class="border-top-0 text-end">Action</th>
</tr>
<!--end tr-->
</thead>
<tbody>
<tr>
<td>XAU/USD</td>
<td>12354856</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Sell</td>
<td> 0.10</td>
<td> 2325.10</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 1235.50</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td>XAU/USD</td>
<td>96584752</td>
<td>2024/07/15 <small class="text-muted">23:24:30</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 2331.63</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 326.12</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td>XAU/USD</td>
<td>96325874</td>
<td>2024/07/15 <small class="text-muted">23:30:48</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 2320.40</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 842.50</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
</tbody>
</table><!--end table-->
</div><!--end /div-->
</div><!--end tab-pane-->
<div class="tab-pane" id="USD" role="tabpanel">
<div class="table-responsive">
<table class="table mb-0">
<thead class="table-light">
<tr>
<th class="border-top-0">Symbol</th>
<th class="border-top-0">Ticket</th>
<th class="border-top-0">Date/Time</th>
<th class="border-top-0">Type</th>
<th class="border-top-0">Volume</th>
<th class="border-top-0">Price</th>
<th class="border-top-0">S/L</th>
<th class="border-top-0">T/P</th>
<th class="border-top-0 text-end">Profit</th>
<th class="border-top-0 text-end">Action</th>
</tr>
<!--end tr-->
</thead>
<tbody>
<tr>
<td>XAU/USD</td>
<td>12354856</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Sell</td>
<td> 0.10</td>
<td> 2325.10</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 1235.50</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td>XAU/USD</td>
<td>96584752</td>
<td>2024/07/15 <small class="text-muted">23:24:30</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 2331.63</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 326.12</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td>XAU/USD</td>
<td>96325874</td>
<td>2024/07/15 <small class="text-muted">23:30:48</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 2320.40</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 842.50</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
</tbody>
</table><!--end table-->
</div><!--end /div-->
</div><!--end tab-pane-->
<div class="tab-pane" id="EUR" role="tabpanel">
<div class="table-responsive">
<table class="table mb-0">
<thead class="table-light">
<tr>
<th class="border-top-0">Symbol</th>
<th class="border-top-0">Ticket</th>
<th class="border-top-0">Date/Time</th>
<th class="border-top-0">Type</th>
<th class="border-top-0">Volume</th>
<th class="border-top-0">Price</th>
<th class="border-top-0">S/L</th>
<th class="border-top-0">T/P</th>
<th class="border-top-0 text-end">Profit</th>
<th class="border-top-0 text-end">Action</th>
</tr>
<!--end tr-->
</thead>
<tbody>
<tr>
<td>EUR/USD</td>
<td>12354856</td>
<td>2024/07/11 <small class="text-muted">21:15:12</small></td>
<td>Sell</td>
<td> 0.10</td>
<td> 1.07276</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 969.50</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td>EUR/USD</td>
<td>96584752</td>
<td>2024/07/13 <small class="text-muted">01:24:30</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 1.07780</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 854.12</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
</tbody>
</table><!--end table-->
</div><!--end /div-->
</div><!--end tab-pane-->
<div class="tab-pane" id="GBP" role="tabpanel">
<div class="table-responsive">
<table class="table mb-0">
<thead class="table-light">
<tr>
<th class="border-top-0">Symbol</th>
<th class="border-top-0">Ticket</th>
<th class="border-top-0">Date/Time</th>
<th class="border-top-0">Type</th>
<th class="border-top-0">Volume</th>
<th class="border-top-0">Price</th>
<th class="border-top-0">S/L</th>
<th class="border-top-0">T/P</th>
<th class="border-top-0 text-end">Profit</th>
<th class="border-top-0 text-end">Action</th>
</tr>
<!--end tr-->
</thead>
<tbody>
<tr>
<td>GBP/USD</td>
<td>85632147</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 1.27382</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 950.50</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
</tbody>
</table><!--end table-->
</div><!--end /div-->
</div><!--end tab-pane-->
<div class="tab-pane" id="AUD" role="tabpanel">
<div class="table-responsive">
<table class="table mb-0">
<thead class="table-light">
<tr>
<th class="border-top-0">Symbol</th>
<th class="border-top-0">Ticket</th>
<th class="border-top-0">Date/Time</th>
<th class="border-top-0">Type</th>
<th class="border-top-0">Volume</th>
<th class="border-top-0">Price</th>
<th class="border-top-0">S/L</th>
<th class="border-top-0">T/P</th>
<th class="border-top-0 text-end">Profit</th>
<th class="border-top-0 text-end">Action</th>
</tr>
<!--end tr-->
</thead>
<tbody>
<tr>
<td>AUD/USD</td>
<td>95632145</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 0.65919</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 530.40</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
</tbody>
</table><!--end table-->
</div><!--end /div-->
</div><!--end tab-pane-->
</div><!--end tab-content-->
</div><!--end tab-pane-->
<div class="tab-pane" id="history" role="tabpanel">
<div class="row">
<div class="col-lg-4">
<div class="bg-light p-3 rounded">
<p class="my-2 fw-medium">Profit : <span class="text-3 float-end">2,254.94 USD</span></p>
<p class="my-2 fw-medium">Deposit :<span class="text-3 float-end">200.00 USD</span></p>
<p class="my-2 fw-medium">Swap Charge :<span class="text-3 float-end">-2.34 USD</span></p>
<p class="my-2 fw-medium">Commission :<span class="text-3 float-end">0.00 USD</span></p>
<p class="my-2 fw-medium">Balance :<span class="text-3 float-end">21,568.58 USD</span></p>
<hr class="hr-dashed">
<p class="text-4 fw-semibold mb-0">Total<span class="float-end">2336.50 USD</span></p>
</div>
</div><!--end col-->
<div class="col-lg-8">
<div class="table-responsive">
<table class="table mb-0">
<thead class="table-light">
<tr>
<th class="border-top-0">Symbol</th>
<th class="border-top-0">Ticket</th>
<th class="border-top-0">Date/Time</th>
<th class="border-top-0">Type</th>
<th class="border-top-0">Volume</th>
<th class="border-top-0">Price</th>
<th class="border-top-0">S/L</th>
<th class="border-top-0">T/P</th>
<th class="border-top-0 text-end">Profit</th>
</tr>
<!--end tr-->
</thead>
<tbody>
<tr>
<td>XAU/USD</td>
<td>12354856</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Sell</td>
<td> 0.10</td>
<td> 2325.10</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 1235.50</td>
</tr> <!--end tr-->
<tr>
<td>GBP/USD</td>
<td>85632147</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 1.27382</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 950.50</td>
</tr> <!--end tr-->
<tr>
<td>AUD/USD</td>
<td>95632145</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 0.65919</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 530.40</td>
</tr> <!--end tr-->
<tr>
<td>USD/JPY</td>
<td>95638832</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 157.065</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-danger fw-medium text-end"> -30.40</td>
</tr> <!--end tr-->
<tr>
<td>NZD/USD</td>
<td>11212453</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Sell</td>
<td> 0.10</td>
<td> 0.61216</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 120.90</td>
</tr> <!--end tr-->
</tbody>
</table><!--end table-->
</div><!--end /div-->
<div class="d-md-flex justify-content-between mt-3">
<div class="">
<h5 class="">Total Order : <span class="text-primary">10</span></h5>
</div>
<div class="">
<h5 class="">Total : <span class="text-primary">13526.79</span></h5>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</div>
<div class="tab-pane" id="news" role="tabpanel">
<div class="mb-3">
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="all" value="option0" checked>
<label class="form-check-label" for="all">All</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="eurusd" value="option1">
<label class="form-check-label" for="eurusd">EUR/USD</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="gbpusd" value="option2">
<label class="form-check-label" for="gbpusd">GBP/USD</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="usdjpy" value="option3">
<label class="form-check-label" for="usdjpy">USD/JPY</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="audusd" value="option2">
<label class="form-check-label" for="audusd">AUD/USD</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="dollar-index" value="option3">
<label class="form-check-label" for="dollar-index">Dollar Index</label>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="accordion" id="accordionExample-faq">
<div class="accordion-item">
<h5 class="accordion-header m-0" id="headingOne">
<button class="accordion-button fs-15 fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<div>
Mexican Peso bottoms out as Obrador says Peso is backed by “strong economy”<br>
<span class="d-block fst-italic fw-medium mt-1">Joaquin Monfort | <small class="text-muted fw-normal">Jun 13, 09:40 GMT</small> </span>
</div>
</button>
</h5>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample-faq">
<div class="accordion-body">
<p class="">The Mexican Peso (MXN) seesaws between tepid gains and losses on Thursday after bottoming out at an 18-month low due to politically-inspired market jitters. </p>
<p class="mb-0">Traders are selling the Peso on concerns about the impact of a controversial package of reforms the newly elected left-leaning coalition government, Sigamos Haciendo Historia (SHH), is seeking to pass and enshrine in the constitution. </p>
</div>
</div>
</div>
<div class="accordion-item">
<h5 class="accordion-header m-0" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<div>
USD/CAD Price Analysis: Rises to near 1.3750 nearing lower boundary of rising channel<br>
<span class="d-block fst-italic fw-medium mt-1">Akhtar Faruqui | <small class="text-muted fw-normal">Jun 13, 09:22 GMT</small> </span>
</div>
</button>
</h5>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample-faq">
<div class="accordion-body">
<p class="">The Mexican Peso (MXN) seesaws between tepid gains and losses on Thursday after bottoming out at an 18-month low due to politically-inspired market jitters. </p>
<p class="mb-0">Traders are selling the Peso on concerns about the impact of a controversial package of reforms the newly elected left-leaning coalition government, Sigamos Haciendo Historia (SHH), is seeking to pass and enshrine in the constitution. </p>
</div>
</div>
</div>
<div class="accordion-item">
<h5 class="accordion-header m-0" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
<div>
Silver price today: Silver declines, according to FXStreet data<br>
<span class="d-block fst-italic fw-medium mt-1">Mannat Team | <small class="text-muted fw-normal">Jun 13, 09:09 GMT</small> </span>
</div>
</button>
</h5>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample-faq">
<div class="accordion-body">
<p class="">The Mexican Peso (MXN) seesaws between tepid gains and losses on Thursday after bottoming out at an 18-month low due to politically-inspired market jitters. </p>
<p class="mb-0">Traders are selling the Peso on concerns about the impact of a controversial package of reforms the newly elected left-leaning coalition government, Sigamos Haciendo Historia (SHH), is seeking to pass and enshrine in the constitution. </p>
</div>
</div>
</div>
</div>
</div><!--end col-->
<div class="col-lg-6">
<div class="ratio ratio-21x9">
<iframe src="https://www.youtube.com/embed/YDfiTGGPYCk" title="YouTube video" allowfullscreen></iframe>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end tab-pane-->
<div class="tab-pane" id="calendar" role="tabpanel">
<div
fxs-widget
name="calendar"
culture="en"
timezone-offset="0"
country-code="US,UK,DE,ES,FR"
notification-sound-url="/sounds/notification.mp3"
dashboard-url="/calendar/events/{eventId}"
one-signal-app-id="89e18100-8528-49a7-a852-0de06d35117c"
init-one-signal="https"
safari-web-id="web.onesignal.auto.fe32841c-3f47-4e76-9162-fe68ccbd3858"
has-posts="true"
>
</div>
</div><!--end tab-pane-->
<div class="tab-pane" id="mailbox" role="tabpanel">
<div class="row">
<div class="col-lg-4 border-end">
<div class="d-flex justify-content-between">
<div>
<h4 class="fw-medium fs-16 mb-0">Inbox</h4>
</div>
<div>
<a href="#" class="btn btn-sm btn-primary"><i class="fa-solid fa-edit"></i> Compose</a>
</div>
</div>
<div class="p-3 " style="height:400px" data-simplebar>
<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">
<img src="assets/images/users/avatar-1.jpg" alt="" class="thumb-md rounded-circle">
</div>
<div class="flex-grow-1 ms-2 text-truncate">
<h6 class="my-0 fw-medium text-dark fs-14">Humberto D. Champion</h6>
<small class="text-muted mb-0">support@domain.com</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">
<img src="assets/images/users/avatar-2.jpg" alt="" class="thumb-md rounded-circle">
</div>
<div class="flex-grow-1 ms-2 text-truncate">
<h6 class="my-0 fw-medium text-dark fs-14">Anita J. Macedo</h6>
<small class="text-muted mb-0">News Reporter</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-->
<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">
<img src="assets/images/users/avatar-3.jpg" alt="" class="thumb-md rounded-circle">
</div>
<div class="flex-grow-1 ms-2 text-truncate">
<h6 class="my-0 fw-medium text-dark fs-14">Ricardo D. Flores</h6>
<small class="text-muted mb-0">IT Team Leader</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
</div>
<div class="p-3 border-info border-dashed bg-info-subtle mt-3 rounded">
<div class="row d-flex justify-content-center">
<div class="col">
<div class=" ">
<a href="#" class="fw-bold me-1 text-info">Add Mailbox</a>Auto logout your mailbox.
Your mailbox is temporarily disabled due to storage being full!
</div>
</div><!--end col-->
<div class="col-auto align-self-center">
<span class="badge rounded text-info bg-transparent border border-info mb-2 p-1">Last Change</span>
<p class="text-dark fw-semibold fs-13">15 Aug 2024, AM-10:15</p>
</div><!--end col-->
</div><!--end row-->
</div>
</div><!--end col-->
<div class="col-lg-8">
<div class="card-body">
<div class="d-flex align-items-center mb-4">
<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-1 text-truncate">
<h6 class="my-0 fw-medium text-dark fs-14">Humberto D. Champion</h6>
<small class="text-muted mb-0">support@domain.com</small>
</div><!--end media-body-->
</div><!--end media-->
<h4 class="mt-0 fs-15">This Week's Top Stories</h4>
<p>Dear Lorem Ipsum,</p>
<p>Praesent dui ex, dapibus eget mauris ut, finibus vestibulum enim. Quisque arcu leo, facilisis in fringilla id, luctus in tortor. Nunc vestibulum est quis orci varius viverra. Curabitur dictum volutpat massa vulputate molestie. In at felis ac velit maximus
convallis.</p>
<p>Sed elementum turpis eu lorem interdum, 🏆sed porttitor eros commodo. Nam eu venenatis tortor, id lacinia diam. Sed aliquam in dui et porta. Sed bibendum orci non tincidunt ultrices. Vivamus fringilla, mi lacinia dapibus condimentum, ipsum urna lacinia
lacus, vel tincidunt mi nibh sit amet lorem.</p>
<p>Sincerly,</p>
<hr class="hr-dashed">
<div class="row">
<div class="col-auto">
<div class="card">
<img class="rounded-top" src="assets/images/extra/card/sm-1.jpg" alt="Card image cap">
<div class="py-1 text-center">
<a href="" class="text-muted">Download <i class="iconoir-download ms-1"></i></a>
</div>
</div>
</div>
<div class="col-auto">
<div class="card">
<img class="rounded-top" src="assets/images/extra/card/sm-2.jpg" alt="Card image cap">
<div class="py-1 text-center">
<a href="" class="text-muted">Download <i class="iconoir-download ms-1"></i></a>
</div>
</div>
</div>
</div>
<a href="#" class="btn btn-sm btn-outline-primary"><i class="fa-solid fa-reply"></i> Reply</a>
<a href="#" class="btn btn-sm btn-outline-primary">Forward <i class="fa-solid fa-share"></i></a>
</div>
</div>
</div><!--end row-->
</div><!--end tab-pane-->
<div class="tab-pane" id="alerts" role="tabpanel">
<div class="table-responsive">
<table class="table mb-0">
<thead class="table-light">
<tr>
<th class="border-top-0">Symbol</th>
<th class="border-top-0">Condition</th>
<th class="border-top-0">Counter</th>
<th class="border-top-0">Limit</th>
<th class="border-top-0">Timiout</th>
<th class="border-top-0">Expiration</th>
<th class="border-top-0 text-end">Action</th>
</tr>
<!--end tr-->
</thead>
<tbody>
<tr>
<td><i class="icofont-bell-alt text-warning me-1"></i>XAU/USD</td>
<td>Bid > 122500</td>
<td>3</td>
<td>3</td>
<td>15 sec</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td class="text-end">
<a href="#"><i class="las la-pen text-secondary fs-18"></i></a>
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td><i class="icofont-bell-alt text-warning me-1"></i>GBP/USD</td>
<td>Ask > 22500</td>
<td>5</td>
<td>5</td>
<td>15 sec</td>
<td>2024/08/05 <small class="text-muted">21:30:15</small></td>
<td class="text-end">
<a href="#"><i class="las la-pen text-secondary fs-18"></i></a>
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td><i class="icofont-bell-alt text-warning me-1"></i>AUD/USD</td>
<td>Bid > 33000</td>
<td>1</td>
<td>1</td>
<td>30 sec</td>
<td>2024/07/30 <small class="text-muted">10:25:00</small></td>
<td class="text-end">
<a href="#"><i class="las la-pen text-secondary fs-18"></i></a>
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td><i class="icofont-bell-alt text-warning me-1"></i>USD/JPY</td>
<td>Ask > 45000</td>
<td>3</td>
<td>3</td>
<td>30 sec</td>
<td>2024/07/20 <small class="text-muted">12:05:45</small></td>
<td class="text-end">
<a href="#"><i class="las la-pen text-secondary fs-18"></i></a>
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td><i class="icofont-bell-alt text-warning me-1"></i>NZD/USD</td>
<td>Bid > 60500</td>
<td>3</td>
<td>3</td>
<td>15 sec</td>
<td>2024/07/07 <small class="text-muted">21:35:30</small></td>
<td class="text-end">
<a href="#"><i class="las la-pen text-secondary fs-18"></i></a>
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
</tbody>
</table><!--end table-->
</div><!--end /div-->
</div><!--end tab-pane-->
</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/pages/index.init.js"></script> -->
<script src="assets/js/app.js"></script>
<script>
const splide = new Splide( '.splide', {
type : 'loop',
drag : 'free',
focus : 'center',
perPage: 14,
direction:"ltr",
autoScroll: {
speed: 0.7,
pauseOnHover: false,
pauseOnFocus: false,
},
breakpoints: {
1440: {
perPage: 12,
},
1024: {
perPage: 9,
},
768: {
perPage: 6,
},
640: {
perPage: 2,
},
}
} );
splide.mount(window.splide.Extensions);
</script>
</body>
<!--end body-->
</html>