@@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">
<div class="col-md-12 col-xl-12 col-xxl-4 border-end-0 border-md-end-0 border-xl-end">
<div class="bg-transparent">
<div class="p-3 ">
<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="bg-transparent overflow-hidden">
<div class="p-3 overflow-hidden">
<p class="text-muted fs-16 fw-medium mb-3">Ethereum</p>
<div class="d-flex align-items-center mb-3">
<h4 class="fs-22 m-0 fw-bold">$64,291.45</h4>
</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:$10,768.00</p>
<p class="text-muted fw-medium mb-1">High:$64,291.45</p>
</div>
<div class="progress bg-primary-subtle" style="height:5px;">
<div class="progress-bar bg-primary rounded-pill" role="progressbar" style="margin-right:2px; width: 55% " aria-valuenow="55" 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="bg-transparent overflow-hidden">
<div class="p-3 overflow-hidden">
<p class="text-muted fs-16 fw-medium mb-3">Tether</p>
<div class="d-flex align-items-center mb-3">
<h4 class="fs-22 m-0 fw-bold">$76,532.65</h4>
<span class="badge rounded text-white bg-success fs-12 ms-2">11.3%</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:$10,520.00</p>
<p class="text-muted fw-medium mb-1">High:$88,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: 65%" aria-valuenow="65" 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="bg-transparent overflow-hidden">
<div class="p-3 overflow-hidden">
<p class="text-muted fs-16 fw-medium mb-3">BNB</p>
<div class="d-flex align-items-center mb-3">
<h4 class="fs-22 m-0 fw-bold">$714.45</h4>
<span class="badge rounded text-white bg-success fs-12 ms-2">1.1%</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:$68.00</p>
<p class="text-muted fw-medium mb-1">High:$102.00</p>
</div>
<div class="progress bg-warning-subtle" style="height:5px;">
<div class="progress-bar bg-warning rounded-pill" role="progressbar" style="margin-right:2px; width: 45% " aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
</div> <!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-md-12 col-lg-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 mb-0 mt-n1">
<div class="alert alert-success shadow-sm border-theme-white-2 mb-0 p-2" 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>
Last trade <strong>BTC Buy</strong> successfully.
</div>
</div><!--end card-body-->
</div><!--end card-->
</div> <!--end col-->
<div class="col-md-12 col-lg-8">
<div class="card">
<div class="card-body">
<div class="row h-100">
<div class="col-xxl-3">
<div class="card-body bg-gradient-orange rounded overflow-hidden">
<div class="crypto-icon-logo mb-3">
<img src="assets/images/logos/crypto/btc.png" class="thumb-xl align-self-center rounded-circle i-shadow-orange" alt="...">
</div>
<p class="text-muted fw-medium mb-2">Bitcoin Price (BTC)</p>
<h4 class="fs-18 m-0 fw-bold">$64,291.45</h4>
<span class="text-success fw-semibold d-block my-2 fs-16">1.8%</span>
<p class="text-muted fw-semibold mb-2">Holdings : <span class="text-body">1.5</span></p>
<p class="text-muted fw-semibold mb-2">Equiv. : <span class="text-body">$85,352.45</span></p>
<a href="#" class="btn btn-soft-orange btn-sm">Buy Coins</a>
</div><!--end card-body-->
</div><!--end col-->
<div class="col-xxl-3">
<div class="card-body bg-gradient-primary rounded overflow-hidden">
<div class="crypto-icon-logo mb-3">
<img src="assets/images/logos/crypto/eth.png" class="thumb-xl align-self-center rounded-circle i-shadow-primary" alt="...">
</div>
<p class="text-muted fw-medium mb-2">Ethereum Price (ETH)</p>
<h4 class="fs-18 m-0 fw-bold">$2290.80</h4>
<span class="text-success fw-semibold d-block my-2 fs-16">0.9%</span>
<p class="text-muted fw-semibold mb-2">Holdings : <span class="text-body">1.1</span></p>
<p class="text-muted fw-semibold mb-2">Equiv. : <span class="text-body">$51,652.45</span></p>
<a href="#" class="btn btn-soft-primary btn-sm">Buy Coins</a>
</div><!--end card-body-->
</div><!--end col-->
<div class="col-xxl-3">
<div class="card-body bg-gradient-success rounded overflow-hidden">
<div class="crypto-icon-logo mb-3">
<img src="assets/images/logos/crypto/tether.png" class="thumb-xl align-self-center rounded-circle i-shadow-success" alt="...">
</div>
<p class="text-muted fw-medium mb-2">Tether Price (USDT)</p>
<h4 class="fs-18 m-0 fw-bold">$0.9999</h4>
<span class="text-success fw-semibold d-block my-2 fs-16">0.18%</span>
<p class="text-muted fw-semibold mb-2">Holdings : <span class="text-body">1.4</span></p>
<p class="text-muted fw-semibold mb-2">Equiv. : <span class="text-body">665,154.90</span></p>
<a href="#" class="btn btn-soft-success btn-sm">Buy Coins</a>
</div><!--end card-body-->
</div><!--end col-->
<div class="col-xxl-3">
<div class="card-body bg-gradient-pink rounded overflow-hidden">
<div class="crypto-icon-logo mb-3">
<img src="assets/images/logos/crypto/mon.png" class="thumb-xl align-self-center rounded-circle i-shadow-pink" alt="...">
</div>
<p class="text-muted fw-medium mb-2">Monero Price (XMR)</p>
<h4 class="fs-18 m-0 fw-bold">$170.30</h4>
<span class="text-success fw-semibold d-block my-2 fs-16">0.88%</span>
<p class="text-muted fw-semibold mb-2">Holdings : <span class="text-body">1.7</span></p>
<p class="text-muted fw-semibold mb-2">Equiv. : <span class="text-body">$32,333.80</span></p>
<a href="#" class="btn btn-soft-pink btn-sm">Buy Coins</a>
</div><!--end card-body-->
</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-lg-4">
<div class="card bg-blue bg-globe-img">
<div class="card-body">
<div class="row">
<div class="col-9">
<p class="text-white text-uppercase mb-0 fw-semibold fs-14">Master Card</p>
</div>
<!--end col-->
<div class="col-3 align-self-center text-end">
<img src="assets/images/logos/m-card.png" alt="" class="" height="20">
</div><!--end col-->
</div><!--end row-->
<div class="row mt-3 mb-1">
<div class="col-9">
<p class="text-white-50 text-uppercase mb-0 fw-normal fs-12">Balance</p>
<h5 class="mt-1 mb-0 fw-semibold fs-20 text-white">$98659.50</h5>
</div>
<!--end col-->
<div class="col-3 align-self-center text-end">
<i class="iconoir-wifi fs-24 trans-90 text-white-50"></i>
</div><!--end col-->
</div><!--end row-->
</div><!--end card-body-->
<div class="card-body p-2 bg-black rounded-bottom">
<div class="row">
<div class="col-6">
<p class="text-white-50 text-uppercase mb-0 fw-normal fs-12">Expiry: 01/32</p>
<h5 class="mt-1 mb-0 fw-medium fs-14 text-white">Daniel Leonard</h5>
</div>
<!--end col-->
<div class="col-6 align-self-center text-end">
<p class="text-white-50 text-uppercase mb-0 fw-normal fs-12">CVV: 301</p>
<h5 class="mt-1 mb-0 fw-medium fs-14 text-white">**** **** **** 1234</h5>
</div><!--end col-->
</div><!--end row-->
</div><!--end card-body-->
</div><!--end card-->
<div class="card bg-black bg-globe-img">
<div class="card-body">
<div class="row">
<div class="col-9">
<p class="text-white text-uppercase mb-0 fw-semibold fs-14">Visa Card</p>
</div>
<!--end col-->
<div class="col-3 align-self-center text-end">
<img src="assets/images/logos/visa.png" alt="" class="" height="20">
</div><!--end col-->
</div><!--end row-->
<div class="row mt-3 mb-1">
<div class="col-9">
<p class="text-white-50 text-uppercase mb-0 fw-normal fs-12">Balance</p>
<h5 class="mt-1 mb-0 fw-semibold fs-20 text-white">$36251.50</h5>
</div>
<!--end col-->
<div class="col-3 align-self-center text-end">
<i class="iconoir-wifi fs-24 trans-90 text-white-50"></i>
</div><!--end col-->
</div><!--end row-->
</div><!--end card-body-->
<div class="card-body p-2 bg-soft-secondary rounded-bottom">
<div class="row">
<div class="col-6">
<p class="text-white-50 text-uppercase mb-0 fw-normal fs-12">Expiry: 01/30</p>
<h5 class="mt-1 mb-0 fw-medium fs-14 text-white">John Carter</h5>
</div>
<!--end col-->
<div class="col-6 align-self-center text-end">
<p class="text-white-50 text-uppercase mb-0 fw-normal fs-12">CVV: 511</p>
<h5 class="mt-1 mb-0 fw-medium fs-14 text-white">**** **** **** 1234</h5>
</div><!--end col-->
</div><!--end row-->
</div><!--end card-body-->
</div><!--end card-->
<div class="card border-dashed border-secondary-subtle bg-dark-subtle">
<div class="card-body text-center">
<a href="#" class="h-100 d-block" data-bs-toggle="modal" data-bs-target="#addCard">
<i class="fas fa-plus fs-30"></i>
<h5 class="fw-medium fs-18 text-muted mb-0">Add Card</h5>
</a>
</div><!--end card-body-->
</div><!--end card-->
</div> <!--end col-->
<div class="col-lg-8">
<div class="card">
<div class="card-header">
<div class="row align-items-center">
<div class="col">
<h4 class="card-title">Transactions</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 -->
<div class="modal fade" id="addCard" tabindex="-1" aria-labelledby="addCardLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="addCardLabel">Add Card Detail</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class=" mb-2">
<label for="fullName">Full Name</label>
<div class="input-group">
<span class="input-group-text" id="fullName"><i class="fas fa-user"></i></span>
<input type="text" class="form-control" placeholder="Name" aria-label="FullName">
</div>
</div>
<div class=" mb-2">
<label for="cardNumber">Card Number</label>
<div class="input-group">
<span class="input-group-text" id="cardNumber"><i class="fas fa-credit-card"></i></span>
<input type="text" class="form-control" placeholder="**** **** **** ****" aria-label="cardNumber">
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="mb-2">
<label for="ExpiryDate">Expiry Date</label>
<div class="input-group">
<span class="input-group-text" id="ExpiryDate"><i class="far fa-calendar"></i></span>
<input type="text" class="form-control" placeholder="01/35" aria-label="ExpiryDate">
</div>
</div>
</div><!--end col-->
<div class="col-md-6">
<div class="mb-2">
<label for="Cvv">CVV</label>
<div class="input-group">
<span class="input-group-text" id="CVV"><i class="fas fa-ellipsis"></i></span>
<input type="text" class="form-control" placeholder="123" aria-label="CVV">
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary w-100">Add Card</button>
</div>
</div>
</div>
</div>
<!-- Javascript -->
<!-- vendor js -->
@@include('./partials/vendorjs.html')
<script src="assets/js/app.js"></script>
</body>
<!--end body-->
</html>