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/document-upload.html

405 lines
25 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 href="https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.5.0/css/fileinput.min.css" media="all" rel="stylesheet" type="text/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" width="200" alt="Money" />
</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="bg-light 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>
<p class="mb-2">
<a href="profile.html" class="text-5 text-light" data-bs-toggle="tooltip" title="Edit Profile">
<i class="fas fa-edit"></i>
</a>
</p>
<div class="d-grid">
<a href="document-upload.html" class="btn btn-primary">Upload documents</a>
</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="btn btn-primary">Refer a Friend</a>
</div>
</div>
<!-- Need Help? End -->
</aside>
<!-- Left Panel End -->
<!-- Middle Panel -->
<div class="col-lg-9">
<div class="bg-white shadow-sm rounded p-4 mb-4">
<h3 class="text-5 fw-400 mb-4">Valid ID Card<span class="text-muted text-2 ms-2">(BRP Card / Passport / Driving License)</span></h3>
<hr class="mb-4 mx-n4" />
<div class="row g-3">
<div class="col-12 col-md-6 col-lg-4">
<div class="account-doc rounded p-3">
<div class="front">
<img src="images/profile-thumb.jpg" class="img-fluid">
<span class="mt-2">Front</span>
</div>
<div class="account-doc-overlay rounded">
<a href="#" data-bs-target="#edit-doc-details" data-bs-toggle="modal" class="text-light btn-link mx-2">
<span class="me-1"><i class="fas fa-edit"></i></span>Edit
</a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="account-doc rounded p-3">
<div class="front">
<img src="images/profile-thumb.jpg" class="img-fluid">
<span class="mt-2">Back</span>
</div>
<div class="account-doc-overlay rounded">
<a href="#" data-bs-target="#edit-doc-details" data-bs-toggle="modal" class="text-light btn-link mx-2">
<span class="me-1"><i class="fas fa-edit"></i></span>Edit
</a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<a href="" data-bs-target="#edit-doc-details" data-bs-toggle="modal" class="account-doc-new d-flex align-items-center rounded h-100 p-3 mb-4 mb-lg-0">
<p class="w-100 text-center lh-base m-0">
<span class="text-3"><i class="fas fa-plus-circle"></i></span> <span class="d-block text-body text-3">Add New Document</span>
</p>
</a>
</div>
</div>
</div>
<div class="bg-white shadow-sm rounded p-4 mb-4">
<h3 class="text-5 fw-400 mb-4">Proof of address<span class="text-muted text-2 ms-2">(Bank Statement / Utility Bills / Driving License)</span></h3>
<hr class="mb-4 mx-n4" />
<div class="row g-3">
<div class="col-12 col-md-6 col-lg-4">
<div class="account-doc rounded p-3">
<div class="front">
<img src="images/profile-thumb.jpg" class="img-fluid">
<span class="mt-2">Front</span>
</div>
<div class="account-doc-overlay rounded">
<a href="#" data-bs-target="#edit-doc-details" data-bs-toggle="modal" class="text-light btn-link mx-2">
<span class="me-1"><i class="fas fa-edit"></i></span>Edit
</a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="account-doc rounded p-3">
<div class="front">
<img src="images/profile-thumb.jpg" class="img-fluid">
<span class="mt-2">Back</span>
</div>
<div class="account-doc-overlay rounded">
<a href="#" data-bs-target="#edit-doc-details" data-bs-toggle="modal" class="text-light btn-link mx-2">
<span class="me-1"><i class="fas fa-edit"></i></span>Edit
</a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<a href="" data-bs-target="#edit-doc-details" data-bs-toggle="modal" class="account-doc-new d-flex align-items-center rounded h-100 p-3 mb-4 mb-lg-0">
<p class="w-100 text-center lh-base m-0">
<span class="text-3"><i class="fas fa-plus-circle"></i></span> <span class="d-block text-body text-3">Add New Document</span>
</p>
</a>
</div>
</div>
</div>
<!-- Edit Card Details Modal -->
<div id="edit-doc-details" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title fw-400">Update Document</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body p-4">
<form id="updateCard" method="post">
<div class="mb-3">
<label for="IdFront" class="form-label">Document Type</label>
<select class="form-select" id="doc" name="">
<option value="0" selected>-- Select --</option>
<option value="1">Id Card</option>
<option value="2">Passport </option>
<option value="3">License</option>
</select>
</div>
<div class="mb-3">
<label for="IdFront" class="form-label">Document Front</label>
<div class="input-group flex-nowrap">
<div class="flex-grow-1 input-file">
<input type="text" id="DocFront" class="form-control" placeholder="Chose File..." />
</div>
<span class="input-group-text px-2">
<button class="btn-choose bg-transparent text-white border-0" type="button">Upload</button>
</span>
</div>
</div>
<div class="mb-3">
<label for="IdBack" class="form-label">Document Back</label>
<div class="input-group flex-nowrap">
<div class="flex-grow-1 input-file">
<input type="text" id="IdBack" class="form-control" placeholder="Chose File...">
</div>
<span class="input-group-text px-2">
<button class="btn-choose bg-transparent text-white border-0" type="button">Upload</button>
</span>
</div>
</div>
<div class="d-grid mt-4"><button class="btn btn-primary" type="submit">Update Document</button></div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Middle Panel End -->
</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>
<!-- 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>&nbsp;</th>
<th>Receiver Name</th>
<th>Active Status</th>
<th >&nbsp;</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>
<!-- Script -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.5.0/js/fileinput.min.js"></script>
<script src="vendor/bootstrap-select/js/bootstrap-select.min.js"></script>
<script src="vendor/datepicker/datepicker.min.js"></script>
<script src="vendor/datepicker/datepicker.en.js"></script>
<!-- custom -->
<script src="js/script.js"></script>
</body>
</html>