IME-LONDON
/
IME_DOCS
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
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.
7 Commits
1 Branch
0 Tags
56 MiB
 
 
 
Branch: master
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'master'
${ noResults }
IME_DOCS/WebSite/IME London-CustomerPortal/dashboard-new.html

475 lines
32 KiB
Raw Permalink Blame History

<!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="vendor/owl.carousel/owl.carousel.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="IME Londan">
<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">
</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="#">Nepali</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="dashboard-new.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="document-upload.html"><i class="fas fa-bell"></i>Upload Documents</a>
</li>
<li class="dropdown-divider mx-n3"></li>
<li>
<a class="dropdown-item" href="login-new.html"><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="section-form-bg py-4">
<div class="container">
<div class="row">
<!-- Left Panel -->
<aside class="col-lg-3">
<!-- Profile Details -->
<div class="bg-white rounded text-center p-3 mb-4">
<div class="profile-thumb mt-3 mb-4"> <img class="rounded-circle" src="images/profile-thumb.jpg" alt="">
<div class="profile-thumb-edit bg-primary text-white" data-bs-toggle="tooltip" title="Change Profile Picture"> <i class="fas fa-camera position-absolute"></i>
<input type="file" class="custom-file-input" id="customFile">
</div>
</div>
<p class="text-3 fw-500 mb-2">Hello, Raghunath</p>
<p class="text-3 fw-500 mb-2">User Id : <span>124568</span></p>
<div class="row">
<p class="mb-2">
<a href="profile.html" class="text-3 text-link btn-outline" data-bs-toggle="tooltip" title="Edit Profile">
<i class="fas fa-edit"></i>
</a>
<div class="">
<a href="document-upload.html" class="px-1 text-3">Upload Documents</a>|<a href="profile.html" class="px-1 text-3">Edit Profile</a>
</div>
</p>
</div>
</div>
<!-- Profile Details End -->
<!-- Need Help? -->
<div class="bg-white rounded text-center p-3 mb-4">
<div class="text-17 text-light my-3"><i class="fa fa-bullhorn"></i></div>
<h3 class="text-5 fw-400 my-4">Refer a Friend</h3>
<p class="text-muted opacity-8 mb-4">Refer a Friend and Earn Rewards!</p>
<div class="d-grid">
<a href="refer.html" class="text-3">Refer a Friend</a>
</div>
</div>
<!-- Need Help? End -->
</aside>
<!-- Left Panel End -->
<!-- Middle Panel -->
<div class="col-lg-9">
<!-- Profile Completeness -->
<div class="bg-white rounded p-4 mb-4">
<h3 class="text-5 fw-400 d-flex align-items-center mb-4">Services
<span class="border text-success rounded-pill fw-500 text-2 px-3 py-1 ms-2">Daily Offers</span>
</h3>
<hr class="mb-4 mx-n4">
<div class="row gy-4 profile-completeness">
<div class="col-sm-6 col-md-3">
<div class="border rounded text-center">
<a href="send-money.html" >
<span class="d-block text-10 text-light mt-1 mb-1"><img src="images/menu1.jpg" height="80" ></span>
<p class="text-2 text-strong">Send Money</p>
</a>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="border rounded text-center">
<a href="bankac.html" >
<span class="d-block text-10 text-light mt-1 mb-1"><img src="images/menu2.jpg" height="80" ></span>
<p class="text-2 text-strong">Open Bank Account</p>
</a>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="border rounded text-center">
<a href="dmat.html" >
<span class="d-block text-10 text-light mt-1 mb-1"><img src="images/menu3.jpg" height="80" ></span>
<p class="text-2 text-strong">Open D-Mat Account</p>
</a>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="border rounded text-center">
<a href="#" >
<span class="d-block text-10 text-light mt-1 mb-1"><img src="images/menu4.jpg" height="80" ></span>
<p class="text-2 text-strong">Moile Topup</p>
</a>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="border rounded text-center">
<a href="#" >
<span class="d-block text-10 text-light mt-1 mb-1"><img src="images/menu5.jpg" height="80" ></span>
<p class="text-2 text-strong">Purchase Share</p>
</a>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="border rounded text-center">
<a href="#" >
<span class="d-block text-10 text-light mt-1 mb-1"><img src="images/menu6.jpg" height="80" ></span>
<p class="text-2 text-strong">Voting</p>
</a>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="border rounded text-center">
<a href="#" >
<span class="d-block text-10 text-light mt-1 mb-1"><img src="images/menu7.jpg" height="80" ></span>
<p class="text-2 text-strong">Bill Payment</p>
</a>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="border rounded text-center">
<a href="#" >
<span class="d-block text-10 text-light mt-1 mb-1"><img src="images/menu8.jpg" height="80" ></span>
<p class="text-2 text-strong">View Reports</p>
</a>
</div>
</div>
</div>
</div>
<!-- Profile Completeness End -->
<!-- Recent Activity
=============================== -->
<div class="bg-white rounded py-4 mb-4">
<h3 class="text-5 fw-400 d-flex align-items-center px-4 mb-4">My Transactions</h3>
<!-- Title
=============================== -->
<div class="transaction-title py-2 px-4">
<div class="row fw-00">
<div class="col-2 col-sm-1 text-center"><span class="">Date</span></div>
<div class="col-3 col-sm-4">Description</div>
<div class="col-4 col-sm-2">Quick Send </div>
<div class="col-5 col-sm-2 d-none d-sm-block text-center">Status</div>
<div class="col-6 col-sm-2 text-end">Amount</div>
</div>
</div>
<!-- Title End -->
<!-- Transaction List
=============================== -->
<div class="transaction-list">
<div class="transaction-item px-4 py-3" data-bs-toggle="modal" data-bs-target="#transaction-detail">
<div class="row align-items-center flex-row">
<div class="col-2 col-sm-1 text-center"> <span class="d-block text-1 fw-300">16</span> <span class="d-block text-1 fw-300 text-uppercase">APR</span> </div>
<div class="col-3 col-sm-4"> <span class="d-block text-1">HDFC Bank</span> <span class="text-muted">Cash collection</span> </div>
<div class="col-4 col-sm-2"> <span class="d-block text-2"><a href="send-money.html?transactionId=23423423">Repeat Transaction </a></span></div>
<div class="col-5 col-sm-2 d-none d-sm-block text-center text-1"> <span class="text-warning" data-bs-toggle="tooltip" title="In Progress"><i class="fas fa-ellipsis-h"></i>Processing</span> </div>
<div class="col-6 col-sm-2 text-end text-1"> <span class="text-nowrap">- $562</span> <span class="text-2 text-uppercase">(USD)</span> </div>
</div>
</div>
<div class="transaction-item px-4 py-3" data-bs-toggle="modal" data-bs-target="#transaction-detail">
<div class="row align-items-center flex-row">
<div class="col-2 col-sm-1 text-center"> <span class="d-block text-1 fw-300">16</span> <span class="d-block text-1 fw-300 text-uppercase">APR</span> </div>
<div class="col-3 col-sm-4"> <span class="d-block text-1">Global IME Bank</span> <span class="text-muted">Bank Deposit</span> </div>
<div class="col-4 col-sm-2"> <span class="d-block text-2"><a href="send-money.html?transactionId=23423423">Repeat Transaction </a></span></div>
<div class="col-5 col-sm-2 d-none d-sm-block text-center text-1"> <span class="text-success" data-bs-toggle="tooltip" title="Completed"><i class="fas fa-check-circle"></i>Paid</span> </div>
<div class="col-6 col-sm-2 text-end text-1"> <span class="text-nowrap">- $562</span> <span class="text-2 text-uppercase">(USD)</span> </div>
</div>
</div>
</div>
<!-- Transaction List End -->
<!-- Transaction Item Details Modal
=========================================== -->
<div id="transaction-detail" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered transaction-details" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="row g-0">
<div class="col-sm-5 d-flex justify-content-center bg-primary rounded-start py-4">
<div class="my-auto text-center">
<div class="text-17 text-white my-3"><i class="fas fa-building"></i></div>
<h3 class="text-4 text-white fw-400 my-3">Global IME Bank Ltd</h3>
<div class="text-8 fw-500 text-white my-4">$557.20</div>
<p class="text-white">15 March 2021</p>
</div>
</div>
<div class="col-sm-7">
<h5 class="text-5 fw-400 m-3">Transaction Details
<button type="button" class="btn-close text-2 float-end" data-bs-dismiss="modal" aria-label="Close"></button>
</h5>
<hr>
<div class="px-3">
<ul class="list-unstyled">
<li class="mb-2">Payment Amount <span class="float-end text-3">$562.00</span></li>
<li class="mb-2">Fee <span class="float-end text-3">-$4.80</span></li>
</ul>
<hr class="mb-2">
<p class="d-flex align-items-center fw-500 mb-0">Total Amount <span class="text-3 ms-auto">$557.20</span></p>
<hr class="mb-2">
<p class="d-flex align-items-center fw-500 mb-0">Total Amount NPR <span class="text-3 ms-auto">Rs. 70000</span></p>
<hr class="mb-4 mt-2">
<ul class="list-unstyled">
<li class="fw-500">Paid By:</li>
<li class="text-muted">Global IME Bank Ltd</li>
</ul>
<ul class="list-unstyled">
<li class="fw-500">Country:</li>
<li class="text-muted">Nepal</li>
</ul>
<ul class="list-unstyled">
<li class="fw-500">Transaction ID:</li>
<li class="text-muted">26566689645685976589</li>
</ul>
<ul class="list-unstyled">
<li class="fw-500">Description:</li>
<li class="text-muted">GBIME March 2021 Member Payment</li>
</ul>
<ul class="list-unstyled">
<li class="fw-500">Status:</li>
<li class="text-muted">Completed<span class="text-success text-3 ms-1"><i class="fas fa-check-circle"></i></span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Transaction Item Details Modal End -->
<!-- View all Link
=============================== -->
<div class="text-center mt-4">
<a href="transaction-history.html" class="btn-link text-3">View all Transactions<i class="fas fa-chevron-right text-2 ms-2 text-link"></i></a>
</div>
<!-- View all Link End -->
</div>
<!-- Recent Activity End -->
<!-- My Receiver Activity
=============================== -->
<div class="bg-white rounded py-4 mb-4">
<div class="text-left">
<h3 class="text-5 fw-400 d-flex align-items-center px-4 mb-4">My Receivers</h3>
</div>
<div class="text-right">
<h5 class="text-3 fw-400 d-flex align-items-right px-4 mb-4"> <a href="add-receiver.html"> Add Receivers</a></h3>
</div>
<!-- Title
=============================== -->
<div class="transaction-title py-2 px-4">
<div class="row fw-00">
<div class="col-1 col-sm-4">Name</div>
<div class="col-2 col-sm-2">Send Transaction</div>
<div class="col-3 col-sm-2 d-none d-sm-block text-center">Country</div>
<div class="col-4 col-sm-2 text-end">Transaction Type</div>
</div>
</div>
<!-- Title End -->
<!-- My Receiver List
=============================== -->
<div class="transaction-list">
<div class="transaction-item px-4 py-3" data-bs-toggle="modal" data-bs-target="#transaction-detail">
<div class="row align-items-center flex-row">
<div class="col-1 col-sm-4"> <span class="d-block text-1">Ram Bahadur</span> <span class="text-muted">980403234234</span> </div>
<div class="col-2 col-sm-2"> <span class="d-block text-1"><a href="send-money.html?receiverid=123123123">Send Transaction</a></span></div>
<div class="col-3 col-sm-2 d-none d-sm-block text-center text-1"> Nepal</div>
<div class="col-4 col-sm-2 text-end text-1"> <span class="text-nowrap">Cash collection</span></div>
</div>
</div>
<div class="transaction-item px-4 py-3" data-bs-toggle="modal" data-bs-target="#transaction-detail">
<div class="row align-items-center flex-row">
<div class="col-1 col-sm-4"> <span class="d-block text-1">Ram Bahadur</span> <span class="text-muted">980403234234</span> </div>
<div class="col-2 col-sm-2"> <span class="d-block text-1"><a href="send-money.html?receiverid=123123123">Send Transaction</a></span></div>
<div class="col-3 col-sm-2 d-none d-sm-block text-center text-1"> Nepal</div>
<div class="col-4 col-sm-2 text-end text-1"> <span class="text-nowrap">Cash collection</span></div>
</div>
</div>
</div>
<!-- My Receiver List End -->
<!-- View all Link
=============================== -->
<div class="text-center mt-4">
<a href="receivers.html" class="btn-link text-3">View all Receivers<i class="fas fa-chevron-right text-2 ms-2 text-link"></i></a>
</div>
<!-- View all Link End -->
</div>
<!-- MY Receiver Activity End -->
</div>
</div>
</div>
</div>
<!-- Content end -->
<!-- Footer -->
<footer id="footer" class="footer-web">
<div class="container">
<div class="text-center">
<div class="row">
<div class="mx-auto">
<div class="text-center text-white">
<p class="text-center mb-3 text-1">
IME London is a product of Subhida UK Limited, Pentax House,South Hill Avenue, South Harrow, London, H2A 0D
Company Registration No. 06432399 Subhida UK Ltd is authorized and regulated by the Financial Conduct
Authority (FCA) <br> under the Payment Service Regulations 2017. FCA Registration No. 576127 HMRC Registration No. XYML000000119350
<p class="text-center my-3 text-1"></p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 mx-auto">
<div class="text-center text-white">
<p>© IME London, 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>
<script src="vendor/owl.carousel/owl.carousel.min.js"></script>
<!-- custom -->
<script src="js/script.js"></script>
</body>
</html>