You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
463 lines
28 KiB
463 lines
28 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no" />
|
|
<link href="images/favicon.png" rel="icon" />
|
|
<title>Money Transfer and Online Payments</title>
|
|
<meta name="description" content="Money" />
|
|
<!-- Web Fonts
|
|
============================================= -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap" rel="stylesheet">
|
|
<!-- Stylesheet
|
|
============================================= -->
|
|
<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css" />
|
|
<link rel="stylesheet" type="text/css" href="vendor/font-awesome/css/all.min.css" />
|
|
<link rel="stylesheet" type="text/css" href="vendor/bootstrap-select/css/bootstrap-select.min.css" />
|
|
<link rel="stylesheet" type="text/css" href="vendor/currency-flags/css/currency-flags.min.css" />
|
|
<link rel="stylesheet" type="text/css" href="css/styles-login.css" />
|
|
<!-- Colors Css -->
|
|
<link id="color-switcher" type="text/css" rel="stylesheet" href="#" />
|
|
</head>
|
|
<body>
|
|
<!-- Preloader -->
|
|
<div id="preloader">
|
|
<div data-loader="dual-ring"></div>
|
|
</div>
|
|
<!-- Preloader End -->
|
|
<!-- Document Wrapper -->
|
|
<div id="main-wrapper">
|
|
|
|
<!-- Header -->
|
|
<header id="header">
|
|
<div class="container">
|
|
<div class="header-row">
|
|
<div class="header-column justify-content-between">
|
|
<!-- Logo
|
|
============================= -->
|
|
<div class="logo me-3">
|
|
<a class="d-flex" href="dashboard-new.html" title="Money - HTML Template">
|
|
<img src="images/imelondon.svg" height="30" alt="IME London - Logo" />
|
|
</a>
|
|
</div>
|
|
<!-- Logo end -->
|
|
<!-- Collapse Button
|
|
============================== -->
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#header-nav"><span></span> <span></span> <span></span></button>
|
|
<!-- Collapse Button end -->
|
|
<!-- Primary Navigation
|
|
============================== -->
|
|
<nav class="primary-menu navbar navbar-expand-lg">
|
|
<div id="header-nav" class="collapse navbar-collapse">
|
|
<ul class="navbar-nav me-auto">
|
|
|
|
<li><a href="dashboard-new.html">Dashboard</a></li>
|
|
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
<!-- Primary Navigation end -->
|
|
</div>
|
|
<div class="header-column justify-content-end">
|
|
<!-- Login & Signup Link
|
|
============================== -->
|
|
<nav class="login-signup navbar navbar-expand">
|
|
<ul class="navbar-nav d-none">
|
|
<li><a href="login.html">Login</a></li>
|
|
<li class="align-items-center h-auto ms-sm-3"><a class="btn btn-primary" href="signup.html">Sign Up</a></li>
|
|
</ul>
|
|
<ul class="navbar-nav align-items-center">
|
|
<li class="dropdown language">
|
|
<a class="dropdown-toggle" href="#">En</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="#">English</a></li>
|
|
<li><a class="dropdown-item" href="#">French</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown notifications">
|
|
<a class="dropdown-toggle" href="#">
|
|
<span class="text-5"><i class="far fa-bell"></i></span><span class="count">3</span>
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="text-center text-3 py-2">Notifications (3)</li>
|
|
<li class="dropdown-divider mx-n3"></li>
|
|
<li>
|
|
<a class="dropdown-item" href="#"><i class="fas fa-bell"></i>A new digital FIRC document is available for you to download<span class="text-1 text-muted d-block">22 Jul 2021</span></a>
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item" href="#"><i class="fas fa-bell"></i>Updates to our privacy policy. Please read.<span class="text-1 text-muted d-block">04 March 2021</span></a>
|
|
</li>
|
|
|
|
<li class="dropdown-divider mx-n3"></li>
|
|
<li><a class="dropdown-item text-center text-primary px-0" href="notifications.html">See all Notifications</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown profile ms-2">
|
|
<a class="px-0 dropdown-toggle" href="#">
|
|
<img class="rounded-circle" src="images/profile-thumb.jpg" width="32" alt="" />
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="text-center text-3 py-2">Hi, Raghunath</li>
|
|
<li class="dropdown-divider mx-n3"></li>
|
|
<li>
|
|
<a class="dropdown-item" href="profile.html"><i class="fas fa-user"></i>My Profile</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a class="dropdown-item" href="password-change.html"><i class="fas fa-bell"></i>Change Password</a>
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item" href="#"><i class="fas fa-bell"></i>Promotion Details</a>
|
|
</li>
|
|
<li class="dropdown-divider mx-n3"></li>
|
|
<li>
|
|
<a class="dropdown-item" href="#"><i class="fas fa-sign-out-alt"></i>Sign Out</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
</nav>
|
|
<!-- Login & Signup Link end -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<!-- Header End -->
|
|
|
|
<!-- Content -->
|
|
<div id="content" class=" py-4 section-form-bg">
|
|
<div class="container">
|
|
<div class="row">
|
|
<!-- Middle Panel -->
|
|
<div class="col-lg-12">
|
|
<div class="mb-4">
|
|
<h3 class="fw-400">Send Money</h3>
|
|
<p>Enter below details to send money to your receiver</p>
|
|
</div>
|
|
<div class="card">
|
|
|
|
<form action="send-money-success.html">
|
|
|
|
|
|
<div class="card-body p-4">
|
|
<div class="row mb-4">
|
|
|
|
|
|
|
|
|
|
<div class="col-md-7 border-0 mb-4">
|
|
<div class="">
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-lg-12">
|
|
<h5 class="mb-4">Enter Transaction Details</h5>
|
|
</div>
|
|
<div class="col-md-5">
|
|
<div class="mb-3">
|
|
<div class="form-floating">
|
|
<select class="form-select" id="Nationality" aria-label="Floating label select example">
|
|
<option selected></option>
|
|
<option value="1">Nepal</option>
|
|
<option value="2">India</option>
|
|
<option value="3">Pakistan</option>
|
|
</select>
|
|
<label for="Nationality">Receiver Country</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-5">
|
|
<div class="mb-3">
|
|
<div class="form-floating">
|
|
|
|
<select class="form-select" id="Nationality" aria-label="Floating label select example">
|
|
<option selected value=""></option>
|
|
<option value="b">Bank Deposit</option>
|
|
<option value="c">Cash Collection</option>
|
|
<option value="w">Wallet Deposit</option>
|
|
</select>
|
|
<label class="form-label">Delivery Method</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-10">
|
|
<div class="mb-3">
|
|
<div class="form-floating">
|
|
|
|
<select class="form-select" id="" aria-label="Floating label select example">
|
|
<option></option>
|
|
<option>Bank Transfer (Best Rate)</option>
|
|
<option>Debit/Credit Card</option>
|
|
<option>Online Banking/Open Banking</option>
|
|
</select>
|
|
<label class="form-label">How do you pay us? </label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-5">
|
|
<div class="mb-3">
|
|
<div class="form-floating mb-3">
|
|
<input type="text" value="100.00" class="form-control" id="floatingInput" placeholder="00.00">
|
|
<label for="floatingInput">Send Amount GBP</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-5">
|
|
<div class="mb-3">
|
|
<div class="form-floating mb-3">
|
|
<input type="text" value="16300.50" class="form-control" id="floatingInput" placeholder="00.00">
|
|
<label for="floatingInput">Receive Amount NPR</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-5">
|
|
<div class="mb-3">
|
|
<div class="form-floating mb-3">
|
|
<input type="text" value="" maxlength="10" class="form-control" id="floatingInput" placeholder="">
|
|
<label for="floatingInput">I Have Promo Code (Optional)</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="mb-5 mt-2">
|
|
<button class="btn btn-primary" type="button">Calculate <i class="fa fa-calculator p-2" aria-hidden="true"></i></button>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-md-10">
|
|
<div class="mb-3">
|
|
<div class="form-floating">
|
|
|
|
<select class="form-select" id="Nationality" aria-label="Floating label select example">
|
|
<option value=""></option>
|
|
<option value="">Ramesh Bahadur Gurung</option>
|
|
<option>Mana Kumari Lama</option>
|
|
|
|
</select>
|
|
<label class="form-label">Select of Receiver</label>
|
|
</div>
|
|
Receiver Not Found ? <a href="add-receiver.html" target="_blank" >Add Receiver</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-md-10">
|
|
<div class="mb-3">
|
|
<div class="form-floating">
|
|
|
|
<select class="form-select" id="Nationality" aria-label="Floating label select example">
|
|
<option value=""></option>
|
|
<option value="">Family Support</option>
|
|
<option>Bill Payment</option>
|
|
<option>Education Support</option>
|
|
<option>House Maintanance</option>
|
|
</select>
|
|
<label class="form-label">Propose of Remittance</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="mb-4">
|
|
<div class="form-check d-flex align-items-center">
|
|
<input class="form-check-input me-2" type="checkbox" id="Terms">
|
|
<label class="form-check-label" for="Terms">I have read the details and confirm to send now.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="row">
|
|
<div class="mb-5 mt-2">
|
|
<button class="btn btn-primary" type="submit">Send Now <i class="fa fa-window-maximize p-2" aria-hidden="true"></i></button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-5">
|
|
<div class="px-4">
|
|
<div class="col-lg-12">
|
|
<h5 class="mb-4">Your Transaction Details</h5>
|
|
</div>
|
|
|
|
|
|
<table class="table">
|
|
<tr>
|
|
<td>Send Amount :</td>
|
|
<td>
|
|
<strong><span>100.00 GBP</span></strong>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Exchange Rate :</td>
|
|
<td>
|
|
<strong><span >163.50</span></strong>
|
|
</td>
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
<td>Transfer Fee :</td>
|
|
<td>
|
|
<strong><span >3.00 GBP</span></strong>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Reveiver will get (NPR) :</td>
|
|
<td>
|
|
<strong><span>16,300.50</span></strong>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Total to Pay :</td>
|
|
<td>
|
|
<strong><span>100.00 GBP</span></strong>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- <tr>
|
|
<td colspan="2">
|
|
<div class="input-group flex-nowrap mt-5">
|
|
<div class="form-floating flex-grow-1 h-25">
|
|
<input type="text" maxlength="6" class="form-control" id="PostalZipCode" placeholder="Promo Code">
|
|
<label for="Promo Code">Promo Code</label>
|
|
</div>
|
|
<span class="input-group-text px-2 btn-primary">
|
|
<button class="btn-choose bg-transparent text-white border-0" type="button">Apply</button>
|
|
</span>
|
|
</div>
|
|
|
|
</td>
|
|
|
|
</tr> -->
|
|
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Content end -->
|
|
<!-- Footer -->
|
|
<footer id="footer" class="footer-web py-3 ">
|
|
<div class="container">
|
|
<div class="footer-copyright text-center border-0">
|
|
<div class="row">
|
|
<div class="col-lg-6 mx-auto">
|
|
<div class="text-center text-white">
|
|
<p class="m-0">© Subhida UK Ltd, 2023</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- Footer end -->
|
|
</div>
|
|
<!-- Document Wrapper end -->
|
|
<!-- Back to Top
|
|
============================================= -->
|
|
<a id="back-to-top" data-bs-toggle="tooltip" title="Back to Top" href="javascript:void(0)"><i class="fa fa-chevron-up"></i></a>
|
|
|
|
|
|
<!-- Script -->
|
|
<script src="vendor/jquery/jquery.min.js"></script>
|
|
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<script src="vendor/bootstrap-select/js/bootstrap-select.min.js"></script>
|
|
<!-- custom -->
|
|
<script src="js/script.js"></script>
|
|
<!-- Modal -->
|
|
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="staticBackdropLabel">Receiver List</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<table class="table table-bordered">
|
|
<tbody>
|
|
<tr>
|
|
<th>S.N</th>
|
|
<th>Receiver ID</th>
|
|
<th> </th>
|
|
<th>Receiver Name</th>
|
|
<th>Active Status</th>
|
|
<th > </th>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
1
|
|
</td>
|
|
<td>
|
|
<span>538845</span>
|
|
</td>
|
|
<td>
|
|
<i class=" currency-flag currency-flag-npr me-1"></i>
|
|
</td>
|
|
<td>
|
|
<span>Raghu Nath Bhandari</span><br />
|
|
<span style="font-size: 8pt;">
|
|
Credit to account<br />
|
|
[<b>GLOBAL IME BANK LTD</b>]
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<span class="text-center text-success">
|
|
<i class="fas fa-check-circle"></i>
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<a href="#" class="btn btn-sm btn-primary">Send <i class="fas fa-paper-plane"></i></a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|