@@include('./partials/html.html')
<head>
@@include("./partials/title-meta.html", {"title": "Forexo"})
@@include('./partials/head-css.html')
</head>
<!-- Top Bar Start -->
<body>
<!-- Top Bar Start -->
@@include('./partials/topbar.html')
<!-- Top Bar End -->
<!-- leftbar-tab-menu -->
@@include('./partials/startbar.html')
<!-- 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 p-1">
<script defer src="https://www.livecoinwatch.com/static/lcw-widget.js"></script>
<div class="livecoinwatch-widget-5" lcw-base="USD" lcw-color-tx="#95aac9" lcw-marquee-1="coins" lcw-marquee-2="movers" lcw-marquee-items="10" ></div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-md-12 col-xl-12 col-xxl-4">
<div class="card">
<div class="card-body ">
<div class="d-flex justify-content-between">
<div class="align-self-center">
<div class="d-flex justify-content-center align-items-center thumb-xxl border border-warning rounded-circle">
<i class="icofont-bitcoin h1 align-self-center mb-0 text-warning"></i>
</div>
<h5 class="mt-2 fw-semibold mb-0 fs-14">Total Balance</h5>
</div><!--end col-->
<div class="align-self-center">
<div class="text-end d-flex mb-3">
<button type="button" class="btn btn-danger btn-sm px-2 mt-1 mt-md-0 ">Send</button>
<button type="button" class="btn btn-primary btn-sm px-2 mt-1 mt-md-0 ms-1">Request</button>
</div><!--end col-->
<h2 class="fs-22 mt-0 mb-3 fw-bold">122.00125503 BTC</h2>
<span class="badge rounded-pill text-success bg-success-subtle fs-12"><i class="fa-solid fa-circle-arrow-up"></i> $1121.25 (1.8%)</span>
<!-- <p class="mb-0 text-truncate text-muted"><span class="text-success">Total Balance</p> -->
</div><!--end col-->
</div><!--end row-->
</div><!--end card-body-->
</div><!--end card-->
</div> <!--end col-->
<div class="col-md-12 col-xl-12 col-xxl-8">
<div class="row h-100">
<div class="col-lg-4">
<div class="card overflow-hidden">
<div class="card-body overflow-hidden">
<p class="text-muted fw-medium mb-3">Bitcoin Price (BTC)</p>
<div class="d-flex align-items-center mb-3">
<h4 class="fs-22 m-0 fw-bold">$64,291.45</h4>
<span class="badge rounded text-white bg-danger fs-12 ms-2">1.8%</span>
</div>
<!-- <p class="text-muted fw-medium mb-2">14.88 (ETH)</p> -->
<div class="d-flex justify-content-between">
<p class="text-muted fw-medium mb-1">Low:$18,768.00</p>
<p class="text-muted fw-medium mb-1">High:$19,054.00</p>
</div>
<div class="progress bg-secondary-subtle" style="height:5px;">
<div class="progress-bar bg-success rounded-pill" role="progressbar" style="margin-right:2px; width: 15% " aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
<div class="progress-bar bg-success rounded-pill" role="progressbar" style="margin-right:2px; width: 15%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
<div class="progress-bar bg-danger rounded-pill" role="progressbar" style="margin-right:2px; width: 20%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-4">
<div class="card">
<div class="card-body">
<p class="text-muted fw-medium mb-1">Market Cap</p>
<h4 class="fs-16 m-0 fw-bold">$1,226,884,659,331</h4>
<hr class="hr-dashed">
<p class="text-muted fw-medium mb-1">Volume <span class="badge rounded text-white bg-purple ms-1">24h</span></p>
<h4 class="fs-16 m-0 fw-bold">$17,424,738,826</h4>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-4">
<div class="card">
<div class="card-body">
<p class="text-muted fw-medium mb-1">Circulating Supply</p>
<h4 class="fs-16 m-0 fw-bold">19,715,887 BTC</h4>
<hr class="hr-dashed">
<p class="text-muted fw-medium mb-1">Max Supply</p>
<h4 class="fs-16 m-0 fw-bold">21,000,000 BTC</h4>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
</div> <!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-md-12 col-xl-4">
<div class="card">
<ul class="nav nav-tabs nav-justified" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link py-2 active" id="buy_trade_tab" data-bs-toggle="tab" href="#buy_trade" role="tab" aria-selected="false" tabindex="-1">Buy</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link py-2 " id="sell_trade_tab" data-bs-toggle="tab" href="#sell_trade" role="tab" aria-selected="true">Sell</a>
</li>
</ul>
<div class="tab-content p-3" id="pills-tabContent" >
<div class="tab-pane fade show active" id="buy_trade">
<form>
<div class="input-group mb-3">
<span class="input-group-text">Amount</span>
<input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
<span class="input-group-text">BTC</span>
</div>
<div class="input-group mb-3">
<select class="form-select w-25" aria-label="Default select example">
<option selected>Last Trade Price</option>
<option value="1">Last Buy Price</option>
<option value="2">Last Sell Price</option>
</select>
<input type="text" class="form-control" aria-label="Amount" placeholder="$25,000">
<span class="input-group-text">$ Dollor</span>
</div>
<div class="input-group mb-3">
<span class="input-group-text">Total</span>
<input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
<span class="input-group-text">$ Dollor</span>
</div>
<div class=" mt-3 ms-auto">
<a href="#" class="btn btn-success btn-sm">Buy Coins</a>
</div>
</form> <!--end form-->
</div><!--end general chat-->
<div class="tab-pane fade" id="sell_trade">
<form>
<div class="input-group mb-3">
<span class="input-group-text">Amount</span>
<input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
<span class="input-group-text">BTC</span>
</div>
<div class="input-group mb-3">
<select class="form-select w-25" aria-label="Default select example">
<option selected>Last Trade Price</option>
<option value="1">Last Buy Price</option>
<option value="2">Last Sell Price</option>
</select>
<input type="text" class="form-control" aria-label="Amount" placeholder="$25,000">
<span class="input-group-text">$ Dollor</span>
</div>
<div class="input-group mb-3">
<span class="input-group-text">Total</span>
<input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
<span class="input-group-text">$ Dollor</span>
</div>
<div class=" mt-3 ms-auto">
<a href="#" class="btn btn-danger btn-sm">Sell Coins</a>
</div>
</form> <!--end form-->
</div><!--end general chat-->
</div><!--end tab-content-->
<div class="card-body pt-0">
<div class="crypto-calcy w-100">
<crypto-converter-widget
live
shadow
symbol
fiat="united-states-dollar"
crypto="bitcoin"
amount="1"
border-radius="0.60rem"
background-color="#202221"
decimal-places="2"></crypto-converter-widget>
<script src="https://cdn.jsdelivr.net/gh/dejurin/crypto-converter-widget@1.5.2/dist/latest.min.js" async></script>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-md-12 col-xl-8">
<div class="card">
<div class="card-header">
<div class="row align-items-center">
<div class="col">
<h4 class="card-title">Live Trading</h4>
</div><!--end col-->
</div> <!--end row-->
</div><!--end card-header-->
<div class="card-body pt-0">
<div class="row">
<div class="col-12 col-md-6">
<div class="table-responsive" style="height: 410px;" data-simplebar="">
<table class="table table-sm mb-0">
<thead class="thead-light">
<tr>
<th scope="col">Price(USD)</th>
<th scope="col">Amount(BTC)</th>
<th scope="col">Total(USD)</th>
</tr>
</thead>
<tbody>
<tr class="buy-trade">
<td class="text-success">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="buy-trade-2">
<td class="text-success">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="buy-trade-3">
<td class="text-success">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="buy-trade-4">
<td class="text-success">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="buy-trade">
<td class="text-success">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="buy-trade-2">
<td class="text-success">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="buy-trade-3">
<td class="text-success">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="buy-trade-4">
<td class="text-success">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="buy-trade">
<td class="text-success">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="buy-trade-2">
<td class="text-success">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="buy-trade-3">
<td class="text-success">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="buy-trade-4">
<td class="text-success">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="buy-trade">
<td class="text-success">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="buy-trade-2">
<td class="text-success">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="buy-trade-3">
<td class="text-success">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="buy-trade-4">
<td class="text-success">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
</tbody>
</table>
</div>
</div><!--end col-->
<div class="col-12 col-md-6">
<div class="table-responsive" style="height: 410px;" data-simplebar="">
<table class="table table-sm mb-0">
<thead class="thead-light">
<tr>
<th scope="col">Price(USD)</th>
<th scope="col">Amount(BTC)</th>
<th scope="col">Total(USD)</th>
</tr>
</thead>
<tbody>
<tr class="sell-trade">
<td class="text-danger">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="sell-trade-2">
<td class="text-danger">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="sell-trade-3">
<td class="text-danger">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="sell-trade-4">
<td class="text-danger">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="sell-trade">
<td class="text-danger">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="sell-trade-2">
<td class="text-danger">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="sell-trade-3">
<td class="text-danger">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="sell-trade-4">
<td class="text-danger">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="sell-trade">
<td class="text-danger">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="sell-trade-2">
<td class="text-danger">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="sell-trade-3">
<td class="text-danger">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="sell-trade-4">
<td class="text-danger">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="sell-trade">
<td class="text-danger">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="sell-trade-2">
<td class="text-danger">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="sell-trade-3">
<td class="text-danger">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
<tr class="sell-trade-4">
<td class="text-danger">1235.12</td>
<td class="text-muted">1.2154300</td>
<td class="text-muted">1235.21</td>
</tr>
</tbody>
</table>
</div>
</div><!--end col-->
</div><!--end row-->
</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-header">
<div class="row align-items-center">
<div class="col">
<h4 class="card-title">Top Selling by Country</h4>
</div><!--end col-->
<div class="col-auto">
<div class="dropdown">
<a href="#" class="btn bt btn-light dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="icofont-calendar fs-5 me-1"></i> This Month<i class="las la-angle-down ms-1"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Today</a>
<a class="dropdown-item" href="#">Last Week</a>
<a class="dropdown-item" href="#">Last Month</a>
<a class="dropdown-item" href="#">This Year</a>
</div>
</div>
</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>Name</th>
<th class="text-end">Market cap</th>
<th class="text-end">Avail Coins</th>
<th class="text-end">Volume(24h)</th>
<th class="text-end">Change %</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/logos/crypto/btc.png" class="thumb-md align-self-center rounded-circle" alt="...">
</div>
<div class="flex-grow-1 ms-1 text-truncate">
<h6 class="my-0 fw-medium text-dark fs-14">$7289.45</h6>
<p class="text-muted mb-0">Bitcoin
<span class="text-muted font-12">(BTC)</span>
<span class="text-success">0.45% <i class="mdi mdi-arrow-up"></i></span>
</p>
</div><!--end div-->
</div> <!--end div-->
</td>
<td class="text-end">$1,198,033,079,188</td>
<td class="text-end">19.718 M</td>
<td class="text-end">$218,401,256,68</td>
<td class="text-end text-danger">0.10%</td>
</tr><!--end tr-->
<tr>
<td>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/logos/crypto/eth.png" class="thumb-md align-self-center rounded-circle" alt="...">
</div>
<div class="flex-grow-1 ms-1 text-truncate">
<h6 class="my-0 fw-medium text-dark fs-14">$3,369.31</h6>
<p class="text-muted mb-0">Ethereum
<span class="text-muted font-12">(ETH)</span>
<span class="text-success">0.75% <i class="mdi mdi-arrow-up"></i></span>
</p>
</div><!--end div-->
</div> <!--end div-->
</td>
<td class="text-end">$405,452,419,318</td>
<td class="text-end">120.178 M</td>
<td class="text-end">$11,462,252,104</td>
<td class="text-end text-success">0.07%</td>
</tr><!--end tr-->
<tr>
<td>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/logos/crypto/lite.png" class="thumb-md align-self-center rounded-circle" alt="...">
</div>
<div class="flex-grow-1 ms-1 text-truncate">
<h6 class="my-0 fw-medium text-dark fs-14">$70.60</h6>
<p class="text-muted mb-0">Litecoin
<span class="text-muted font-12">(LTC)</span>
<span class="text-success">0.35% <i class="mdi mdi-arrow-up"></i></span>
</p>
</div><!--end div-->
</div> <!--end div-->
</td>
<td class="text-end">$5,272,868,714</td>
<td class="text-end">55.688 B</td>
<td class="text-end">$267,007,196</td>
<td class="text-end text-danger">0.02%</td>
</tr><!--end tr-->
<tr>
<td>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/logos/crypto/mon.png" class="thumb-md align-self-center rounded-circle" alt="...">
</div>
<div class="flex-grow-1 ms-1 text-truncate">
<h6 class="my-0 fw-medium text-dark fs-14">$164.45</h6>
<p class="text-muted mb-0">Monero
<span class="text-muted font-12">(XMR)</span>
<span class="text-success">0.15% <i class="mdi mdi-arrow-up"></i></span>
</p>
</div><!--end div-->
</div> <!--end div-->
</td>
<td class="text-end">$3,034,554,307</td>
<td class="text-end">35.748 B</td>
<td class="text-end">$32,611,417</td>
<td class="text-end text-success">0.09%</td>
</tr><!--end tr-->
<tr>
<td>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/logos/crypto/btc.png" class="thumb-md align-self-center rounded-circle" alt="...">
</div>
<div class="flex-grow-1 ms-1 text-truncate">
<h6 class="my-0 fw-medium text-dark fs-14">$7289.45</h6>
<p class="text-muted mb-0">Bitcoin
<span class="text-muted font-12">(BTC)</span>
<span class="text-success">0.45% <i class="mdi mdi-arrow-up"></i></span>
</p>
</div><!--end div-->
</div> <!--end div-->
</td>
<td class="text-end">$1,198,033,079,188</td>
<td class="text-end">19.718 M</td>
<td class="text-end">$218,401,256,68</td>
<td class="text-end text-danger">0.10%</td>
</tr><!--end tr-->
<tr>
<td>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/logos/crypto/eth.png" class="thumb-md align-self-center rounded-circle" alt="...">
</div>
<div class="flex-grow-1 ms-1 text-truncate">
<h6 class="my-0 fw-medium text-dark fs-14">$3,369.31</h6>
<p class="text-muted mb-0">Ethereum
<span class="text-muted font-12">(ETH)</span>
<span class="text-success">0.75% <i class="mdi mdi-arrow-up"></i></span>
</p>
</div><!--end div-->
</div> <!--end div-->
</td>
<td class="text-end">$405,452,419,318</td>
<td class="text-end">120.178 M</td>
<td class="text-end">$11,462,252,104</td>
<td class="text-end text-success">0.07%</td>
</tr><!--end tr-->
<tr>
<td>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/logos/crypto/lite.png" class="thumb-md align-self-center rounded-circle" alt="...">
</div>
<div class="flex-grow-1 ms-1 text-truncate">
<h6 class="my-0 fw-medium text-dark fs-14">$70.60</h6>
<p class="text-muted mb-0">Litecoin
<span class="text-muted font-12">(LTC)</span>
<span class="text-success">0.35% <i class="mdi mdi-arrow-up"></i></span>
</p>
</div><!--end div-->
</div> <!--end div-->
</td>
<td class="text-end">$5,272,868,714</td>
<td class="text-end">55.688 B</td>
<td class="text-end">$267,007,196</td>
<td class="text-end text-danger">0.02%</td>
</tr><!--end tr-->
<tr>
<td>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/logos/crypto/mon.png" class="thumb-md align-self-center rounded-circle" alt="...">
</div>
<div class="flex-grow-1 ms-1 text-truncate">
<h6 class="my-0 fw-medium text-dark fs-14">$164.45</h6>
<p class="text-muted mb-0">Monero
<span class="text-muted font-12">(XMR)</span>
<span class="text-success">0.15% <i class="mdi mdi-arrow-up"></i></span>
</p>
</div><!--end div-->
</div> <!--end div-->
</td>
<td class="text-end">$3,034,554,307</td>
<td class="text-end">35.748 B</td>
<td class="text-end">$32,611,417</td>
<td class="text-end text-success">0.09%</td>
</tr><!--end tr-->
</tbody>
</table><!--end /table-->
</div><!--end /tableresponsive-->
</div><!--end div-->
</div><!--end card-->
</div> <!--end col-->
</div><!--end row-->
</div><!-- container -->
<!--Start Rightbar-->
@@include('./partials/endbar.html')
<!--end Rightbar-->
<!--Start Footer-->
@@include('./partials/footer.html')
<!--end footer-->
</div>
<!-- end page content -->
</div>
<!-- end page-wrapper -->
<!-- Javascript -->
<!-- vendor js -->
@@include('./partials/vendorjs.html')
<script src="assets/js/app.js"></script>
</body>
<!--end body-->
</html>