File: /mnt/data/smarthr-co-in/demo/mobile/buyer/pwa/template-rtl/salary-view.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, minimal-ui, viewport-fit=cover">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="#3a57c4">
<title>SmartHR - PWA HTML Mobile Template</title>
<!-- Add link rel manifest -->
<link rel="manifest" href="manifest.json">
<!-- Add iOS meta tags and icons -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="SmartHR - PWA Mobile Template">
<link rel="apple-touch-icon" href="assets/img/icons/icon-152x152.png">
<!-- Add description here -->
<meta name="description" content="SmartHR - PWA Mobile Template">
<!-- Add meta theme-color -->
<meta name="theme-color" content="#2F3BA2" />
<!-- Favicons -->
<link rel="icon" href="assets/img/favicon.png" type="image/x-icon" />
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.rtl.min.css">
<!-- Font-Awesome CSS -->
<link rel="stylesheet" href="assets/plugins/css/all.css">
<link rel="stylesheet" href="assets/plugins/css/fontawesome.min.css">
<!-- Main CSS -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<div class="main-wrapper">
<button id="butInstall" aria-label="Install" hidden>Add To Home Screen</button>
<div class="salary-view">
<!-- Header -->
<div class="navbar two-action no-hairline">
<div class="navbar-inner d-flex align-items-center justify-content-between">
<div class="left me-0">
<a href="salary.html" class="back link d-flex align-items-center">
<i class="fa fa-angle-left"></i>
<span>Back</span>
</a>
</div>
<div class="sliding custom-title">Payslip #49029</div>
<div class="right">
</div>
</div>
</div>
<!-- /Header -->
<div class="page-content">
<div class="container block-strong inv-section">
<div class="inv-logo">
<img alt="" src="assets/img/logo2.png">
</div>
<div class="row">
<div class="col-6">
<h5>Focus Technologies</h5>
<ul class="inv-receiver">
<li>3864 Quiet Valley Lane,</li>
<li>Sherman Oaks, CA, 91403</li>
</ul>
</div>
<div class="col-6">
<div class="invoice-details">
<ul>
<li><h5>Salary Month <span>September, 2017</span></h5></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<h5>John Doe</h5>
<ul class="inv-receiver">
<li><span>Web Designer</span></li>
<li>Employee ID: FT-0009</li>
<li>Joining Date: 1 Jan 2013</li>
</ul>
</div>
</div>
<div class="earning-box">
<h4 class="m-b-10">Earnings</h4>
<table class="table-bordered">
<tbody>
<tr>
<td><strong>Basic Salary</strong> <span class="pull-right">$6500</span></td>
</tr>
<tr>
<td><strong>House Rent Allowance (H.R.A.)</strong> <span class="pull-right">$55</span></td>
</tr>
<tr>
<td><strong>Conveyance</strong> <span class="pull-right">$55</span></td>
</tr>
<tr>
<td><strong>Other Allowance</strong> <span class="pull-right">$55</span></td>
</tr>
<tr>
<td><strong>Total Earnings</strong> <span class="pull-right"><strong>$55</strong></span></td>
</tr>
</tbody>
</table>
</div>
<div class="deduction-box">
<h4 class="m-b-10">Deductions</h4>
<table class="table-bordered">
<tbody>
<tr>
<td><strong>Tax Deducted at Source (T.D.S.)</strong> <span class="pull-right">$0</span></td>
</tr>
<tr>
<td><strong>Provident Fund</strong> <span class="pull-right">$0</span></td>
</tr>
<tr>
<td><strong>ESI</strong> <span class="pull-right">$0</span></td>
</tr>
<tr>
<td><strong>Loan</strong> <span class="pull-right">$300</span></td>
</tr>
<tr>
<td><strong>Total Deductions</strong> <span class="pull-right"><strong>$59698</strong></span></td>
</tr>
</tbody>
</table>
</div>
<p class="salary-amount m-t-0"><strong>Net Salary: $59698</strong> (Fifty nine thousand six hundred and ninety eight only.)</p>
</div>
</div>
</div>
</div>
<!-- Main Wrapper /-->
<!-- jQuery JS -->
<script src="assets/js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap Core JS -->
<script src="assets/js/bootstrap.bundle.min.js"></script>
<!-- Add the install script here -->
<script src="assets/js/install.js"></script>
<!-- Main JS -->
<script src="assets/js/script.js"></script>
</body>
</html>