@@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><!--end row-->
<div class="row justify-content-center">
<div class="col-md-12 col-lg-3">
<div class="card">
<div class="card-header border-bottom">
<div class="row align-items-center">
<div class="col">
<h4 class="card-title">Top Active</h4>
</div><!--end col-->
</div> <!--end row-->
</div><!--end card header-->
<div class="pt-1" data-simplebar style="height:560px">
<ul class="list-group list-group-flush">
<li class="list-group-item align-items-center d-flex justify-content-between card-bg">
<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">Bitcoin</h6>
<p class="text-muted mb-0">BTC</p>
</div><!--end div-->
</div>
<div>
<span class="text-success">1.24% <i class="fa-solid fa-arrow-trend-up"></i></span>
<h5 class="m-0 fs-14">$58,259</h5>
</div>
</li><!--end li-->
<li class="list-group-item align-items-center d-flex justify-content-between card-bg">
<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">Ethereum</h6>
<p class="text-muted mb-0">ETH</p>
</div><!--end div-->
</div>
<div>
<span class="text-success">1.15% <i class="fa-solid fa-arrow-trend-up"></i></span>
<h5 class="m-0 fs-14">$234.45</h5>
</div>
</li><!--end li-->
<li class="list-group-item align-items-center d-flex justify-content-between card-bg">
<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">Litecoin </h6>
<p class="text-muted mb-0">LTC</p>
</div><!--end div-->
</div>
<div>
<span class="text-success">0.92% <i class="fa-solid fa-arrow-trend-up"></i></span>
<h5 class="m-0 fs-14">$64.36</h5>
</div>
</li><!--end li-->
<li class="list-group-item align-items-center d-flex justify-content-between card-bg">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/logos/crypto/dash.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">Dashcoin</h6>
<p class="text-muted mb-0">DASH</p>
</div><!--end div-->
</div>
<div>
<span class="text-success">0.77% <i class="fa-solid fa-arrow-trend-up"></i></span>
<h5 class="m-0 fs-14">$23.17</h5>
</div>
</li><!--end li-->
<li class="list-group-item align-items-center d-flex justify-content-between card-bg">
<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">Monero</h6>
<p class="text-muted mb-0">XMR</p>
</div><!--end div-->
</div>
<div>
<span class="text-success">0.50% <i class="fa-solid fa-arrow-trend-up"></i></span>
<h5 class="m-0 fs-14">$168.45</h5>
</div>
</li><!--end li-->
<li class="list-group-item align-items-center d-flex justify-content-between card-bg">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/logos/crypto/tether.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">Tether</h6>
<p class="text-muted mb-0">USDT</p>
</div><!--end div-->
</div>
<div>
<span class="text-success">0.15% <i class="fa-solid fa-arrow-trend-up"></i></span>
<h5 class="m-0 fs-14">$1.00</h5>
</div>
</li><!--end li-->
<li class="list-group-item align-items-center d-flex justify-content-between card-bg">
<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">Bitcoin</h6>
<p class="text-muted mb-0">BTC</p>
</div><!--end div-->
</div>
<div>
<span class="text-success">1.24% <i class="fa-solid fa-arrow-trend-up"></i></span>
<h5 class="m-0 fs-14">$58,259</h5>
</div>
</li><!--end li-->
<li class="list-group-item align-items-center d-flex justify-content-between card-bg">
<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">Ethereum</h6>
<p class="text-muted mb-0">ETH</p>
</div><!--end div-->
</div>
<div>
<span class="text-success">1.15% <i class="fa-solid fa-arrow-trend-up"></i></span>
<h5 class="m-0 fs-14">$234.45</h5>
</div>
</li><!--end li-->
<li class="list-group-item align-items-center d-flex justify-content-between card-bg">
<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">Litecoin </h6>
<p class="text-muted mb-0">LTC</p>
</div><!--end div-->
</div>
<div>
<span class="text-success">0.92% <i class="fa-solid fa-arrow-trend-up"></i></span>
<h5 class="m-0 fs-14">$64.36</h5>
</div>
</li><!--end li-->
<li class="list-group-item align-items-center d-flex justify-content-between card-bg">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/logos/crypto/dash.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">Dashcoin</h6>
<p class="text-muted mb-0">DASH</p>
</div><!--end div-->
</div>
<div>
<span class="text-success">0.77% <i class="fa-solid fa-arrow-trend-up"></i></span>
<h5 class="m-0 fs-14">$23.17</h5>
</div>
</li><!--end li-->
<li class="list-group-item align-items-center d-flex justify-content-between card-bg">
<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">Monero</h6>
<p class="text-muted mb-0">XMR</p>
</div><!--end div-->
</div>
<div>
<span class="text-success">0.50% <i class="fa-solid fa-arrow-trend-up"></i></span>
<h5 class="m-0 fs-14">$168.45</h5>
</div>
</li><!--end li-->
<li class="list-group-item align-items-center d-flex justify-content-between card-bg">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/logos/crypto/tether.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">Tether</h6>
<p class="text-muted mb-0">USDT</p>
</div><!--end div-->
</div>
<div>
<span class="text-success">0.15% <i class="fa-solid fa-arrow-trend-up"></i></span>
<h5 class="m-0 fs-14">$1.00</h5>
</div>
</li><!--end li-->
</ul><!--end ul-->
</div><!--end card-body-->
</div><!--end card-->
</div> <!--end col-->
<div class="col-md-12 col-lg-5">
<div class="card">
<div class="card-header border-bottom">
<div class="row align-items-center">
<div class="col">
<h4 class="card-title">Today News</h4>
</div><!--end col-->
</div> <!--end row-->
</div><!--end card header-->
<div class="card-body pt-0">
<a href="#" class="my-3 fw-bold fs-24 text-body d-block">Top 10 Ethereum cloud mining platforms in 2024</a>
<img src="assets/images/extra/blogs/btc.jpg" class="img-fluid" alt="...">
<div class="d-flex justify-content-between fw-semibold align-items-center mt-3">
<div>
<span class="text-muted fw-semibold">2 min read | 09:31AM</span>
</div>
<div>
<a href="#"><i class="iconoir-bookmark fs-22 text-body"></i></a>
<a href="#"><i class="iconoir-share-android fs-22 text-body"></i></a>
</div>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div> <!--end col-->
<div class="col-lg-4">
<div class="card">
<div class="card-header border-bottom">
<div class="row align-items-center">
<div class="col">
<h4 class="card-title">Recommended For You</h4>
</div><!--end col-->
</div> <!--end row-->
</div><!--end card header-->
<div class="border-bottom p-2">
<div class="row g-0">
<div class="col-md-4">
<img src="assets/images/extra/blogs/news-2.jpg" class="img-fluid rounded-start" alt="...">
</div>
<div class="col-md-8">
<div class="p-2">
<div class="mb-2">
<span class="badge bg-success-subtle text-success">Crypto</span>
<span class="ms-2 text-muted">30 March 2024</span>
</div>
<a href="" class="fs-14 d-block fw-semibold text-body">It is a long established fact that a reader will be
distracted of a page.
</a>
</div>
</div>
</div>
</div>
<div class="border-bottom p-2">
<div class="row g-0">
<div class="col-md-4">
<img src="assets/images/extra/blogs/news-1.jpg" class="img-fluid rounded-start" alt="...">
</div>
<div class="col-md-8">
<div class="p-2">
<div class="mb-2">
<span class="badge bg-primary-subtle text-primary">Forex</span>
<span class="ms-2 text-muted">26 March 2024</span>
</div>
<a href="" class="fs-14 d-block fw-semibold text-body">It is a long established fact that a reader will be
distracted of a page.
</a>
</div>
</div>
</div>
</div>
<div class="border-bottom p-2">
<div class="row g-0">
<div class="col-md-4">
<img src="assets/images/extra/blogs/news-3.jpg" class="img-fluid rounded-start" alt="...">
</div>
<div class="col-md-8">
<div class="p-2">
<div class="mb-2">
<span class="badge bg-pink-subtle text-pink">Investment</span>
<span class="ms-2 text-muted">18 March 2024</span>
</div>
<a href="" class="fs-14 d-block fw-semibold text-body">It is a long established fact that a reader will be
distracted of a page.
</a>
</div>
</div>
</div>
</div>
<div class="border-bottom p-2">
<div class="row g-0">
<div class="col-md-4">
<img src="assets/images/extra/blogs/btc.jpg" class="img-fluid rounded-start" alt="...">
</div>
<div class="col-md-8">
<div class="p-2">
<div class="mb-2">
<span class="badge bg-info-subtle text-info">Finance</span>
<span class="ms-2 text-muted">15 March 2024</span>
</div>
<a href="" class="fs-14 d-block fw-semibold text-body">It is a long established fact that a reader will be
distracted of a page.
</a>
</div>
</div>
</div>
</div>
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
<div class="col-md-6 col-lg-4">
<div class="card">
<div class="card-body">
<div class="">
<img src="assets/images/extra/blogs/news-1.jpg" alt="" class="img-fluid rounded"/>
<div class="mt-3">
<span class="badge bg-purple-subtle text-purple px-2 py-1 fw-semibold ">Finance</span> |
<p class="mb-0 text-muted fs-12 d-inline-block">15 Sep 2024</p>
</div>
<a href="" class="d-block fs-18 fw-medium text-body my-2 text-truncate">How does cancer grow and spread?</a>
<p class="text-muted">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
<hr class="hr-dashed">
<div class="d-flex justify-content-between">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/users/avatar-10.jpg" alt="" class="thumb-md rounded-circle">
</div>
<div class="flex-grow-1 ms-2 text-truncate text-start">
<h6 class="m-0 text-dark">Billy Pearson</h6>
<p class="mb-0 text-muted">by <a href="">admin</a></p>
</div><!--end media-body-->
</div>
<div class="align-self-center">
<a href="#" class="btn btn-sm btn-primary">Read more <i class="fas fa-long-arrow-alt-right"></i></a>
</div>
</div>
</div><!--end blog-card-->
</div><!--end card-body-->
</div><!--end card-->
</div> <!--end col-->
<div class="col-md-6 col-lg-4">
<div class="card">
<div class="card-body">
<div class="">
<img src="assets/images/extra/blogs/news-2.jpg" alt="" class="img-fluid rounded"/>
<div class="mt-3 ">
<span class="badge bg-purple-subtle text-purple px-2 py-1 fw-semibold ">Crypto</span> |
<p class="mb-0 text-muted fs-12 d-inline-block">31 Dec 2024</p>
</div>
<a href="" class="d-block fs-18 fw-medium text-body my-2 text-truncate">Where does psoriasis usually start?</a>
<p class="text-muted">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Cum sociis natoque penatibus et magnis.</p>
<hr class="hr-dashed">
<div class="d-flex justify-content-between">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/users/avatar-9.jpg" alt="" class="thumb-md rounded-circle">
</div>
<div class="flex-grow-1 ms-2 text-truncate text-start">
<h6 class="m-0 text-dark">Harry Simpson</h6>
<p class="mb-0 text-muted">by <a href="">admin</a></p>
</div><!--end media-body-->
</div>
<div class="align-self-center">
<a href="#" class="btn btn-sm btn-primary">Read more <i class="fas fa-long-arrow-alt-right"></i></a>
</div>
</div>
</div><!--end blog-card-->
</div><!--end card-body-->
</div><!--end card-->
</div> <!--end col-->
<div class="col-md-6 col-lg-4">
<div class="card">
<div class="card-body">
<div class="">
<img src="assets/images/extra/blogs/news-3.jpg" alt="" class="img-fluid rounded"/>
<div class="mt-3 ">
<span class="badge bg-purple-subtle text-purple px-2 py-1 fw-semibold ">Currency</span> |
<p class="mb-0 text-muted fs-12 d-inline-block">18 Oct 2024</p>
</div>
<a href="" class="d-block fs-18 fw-medium text-body my-2 text-truncate">What Can Yoga Do for Migraine Relief?</a>
<p class="text-muted">When an unknown printer took a galley of type and scrambled generator on the Internet it to make a type specimen book. </p>
<hr class="hr-dashed">
<div class="d-flex justify-content-between">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/users/avatar-8.jpg" alt="" class="thumb-md rounded-circle">
</div>
<div class="flex-grow-1 ms-2 text-truncate text-start">
<h6 class="m-0 text-dark">Larry Wells</h6>
<p class="mb-0 text-muted">by <a href="">admin</a></p>
</div><!--end media-body-->
</div>
<div class="align-self-center">
<a href="#" class="btn btn-sm btn-primary">Read more <i class="fas fa-long-arrow-alt-right"></i></a>
</div>
</div>
</div><!--end blog-card-->
</div><!--end card-body-->
</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/libs/apexcharts/apexcharts.min.js"></script>
<script src="assets/js/pages/crypto-index.init.js"></script>
<script src="assets/js/app.js"></script>
</body>
<!--end body-->
</html>