1#@!#!123s

��JFIF�� 1#@!#!123s
: / var / www / html / projects / new_bank_loan / application / views / admin /
Filename : dashboard.php
back
<div class="content-wrapper">
	  <div class="container-full">
		<!-- Content Header (Page header) -->
		<div class="content-header">
			<div class="d-flex align-items-center">
				<div class="mr-auto">
					<h3 class="page-title">Welcome, Johen Doe</h3>
				</div>				
			</div>
		</div>
		<!-- Main content -->
		<section class="content">
			<div class="row">
				<div class="col-xl-3 col-lg-6 col-12">
					<div class="box bg-dark">
						<div class="box-body">
							<div class="text-center">
								<img src="https://master-admin-template.multipurposethemes.com/bs4/ltr/images/svg-icon/user.svg" class="rounded svg-icon w-70 mx-auto" alt="">
								<h3 class="mb-0">Personal Info</h3>
							    <p class="mt-20 mb-5">See your profile data and manage your Account to choose what is saved in our system.</p>
							</div>
						</div>
						<div class="box-footer">
							<ul class="list-inline">
								<li class="list-inline-item"><a href="#" class="text-white-50 hover-warning"><i class="fa fa-cog mr-5"></i>Edit</a></li>
								<li class="list-inline-item"><a href="#" class="text-white-50 hover-warning"><i class="fa fa-image mr-5"></i>Photo</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<div class="box">
						<div class="box-body">
							<div class="text-center">
								<img src="https://master-admin-template.multipurposethemes.com/bs4/ltr/images/svg-icon/authentication.svg" class="rounded svg-icon w-70 mx-auto" alt="">
								<h3 class="mb-0">Security Setting</h3>
							    <p class="mt-20 mb-5">You have full control to manage your own account and keep account fully secure.</p>
							</div>
						</div>
						<div class="box-footer">
							<ul class="list-inline">
								<li class="list-inline-item"><a href="#"><i class="fa fa-lock mr-5"></i>Account Security Setting</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<div class="box">
						<div class="box-body">
							<div class="text-center">
								<img src="https://master-admin-template.multipurposethemes.com/bs4/ltr/images/svg-icon/sidebar-menu/invoice.svg" class="rounded svg-icon w-70 mx-auto" alt="">
								<h3 class="mb-0">Billing Details</h3>
							    <p class="mt-20 mb-5">Check out all your payment history. You can also download or print your invoice.</p>
							</div>
						</div>
						<div class="box-footer">
							<ul class="list-inline">
								<li class="list-inline-item"><a href="#"><i class="fa fa-money mr-5"></i>Payment Details</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<div class="box">
						<div class="box-body">
							<div class="text-center">
								<img src="https://master-admin-template.multipurposethemes.com/bs4/ltr/images/svg-icon/sidebar-menu/charts.svg" class="rounded svg-icon w-70 mx-auto" alt="">
								<h3 class="mb-0">Report</h3>
							    <p class="mt-20 mb-5">Check your reports of uses and manage your packages or subscriptions that you have.</p>
							</div>
						</div>
						<div class="box-footer">
							<ul class="list-inline">
								<li class="list-inline-item"><a href="#"><i class="fa fa-file mr-5"></i>Subscription Details</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="col-xxxl-6 col-lg-7 col-12">
					<div class="box">
						<div class="box-header">
							<h4 class="box-title">
								Your Plan
							</h4>
						</div>
						<div class="box-body">
							<h4 class="box-title">
								Prime Member Yearly
							</h4>
							<h5 class="text-info">$999/year</h5>
							<p>Members receive benefits which include FREE fast shipping for eligible purchases, streaming of movies, TV shows and music, exclusive shopping deals and selection, and more.</p>
							<a href="#" class="btn btn-primary">Upgrade Plan</a>
						</div>
						<div class="box-footer">
							<p>Learn more about our <a href="#">subscription plan options</a>.</p>
						</div>
					</div>
				</div>
				<div class="col-xxxl-6 col-lg-5 col-12">
					<div class="box">
						<div class="box-header">
							<h4 class="box-title">
								We’re here to help you!
							</h4>
						</div>
						<div class="box-body">
							<div>
								<img src="https://master-admin-template.multipurposethemes.com/bs4/ltr/images/svg-icon/sidebar-menu/mailbox.svg" class="rounded svg-icon w-60 pb-5" alt="">
							</div>
							<p>Ask a question or file a support ticketn or report an issues.<br>Our team support team will get back to you by email.</p>
							<a href="#" class="btn btn-primary">Get Contact Us</a>
						</div>
						<div class="box-footer">
							<p>Learn more <a href="#">FAQs</a>.</p>
						</div>
					</div>
				</div>
				<div class="col-12">
				  <div class="box">
					<div class="box-header with-border">
					  <h4 class="box-title">Payment Overview</h4>
					</div>
					<div class="box-body p-0">
						<div class="table-responsive">
						  <table class="table mb-0">
							  <thead class="thead-light">
								<tr>
								  <th scope="col">#</th>
								  <th scope="col">Plan</th>
								  <th scope="col">Date</th>
								  <th scope="col">End Date</th>
								  <th scope="col">Amount</th>
								  <th scope="col">Status</th>
								</tr>
							  </thead>
							  <tbody>
								<tr>
								  <th scope="row">45871</th>
								  <td>Monthly Subscription</td>
								  <td>1/04/2020</td>
								  <td>30/04/2020</td>
								  <td>$99</td>
								  <td><span class="badge badge-sm badge-danger">Due</span></td>
								</tr>
								<tr>
								  <th scope="row">458791</th>
								  <td>Yearly Subscription</td>
								  <td>1/03/2019</td>
								  <td>30/03/2019</td>
								  <td>$999</td>
								  <td><span class="badge badge-sm badge-success">Paid</span></td>
								</tr>
							  </tbody>
							</table>
						</div>
					</div>
				  </div>
				</div>
			</div>
		</section>
		<!-- /.content -->
	  </div>
  </div>