File: /mnt/data/smarthr-co-in/demo/mobile/buyer/pwa/template-rtl/email-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="email-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="email-list.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">Email</div>
<div class="right">
</div>
</div>
</div>
<!-- /Header -->
<div class="page-content">
<div class="block block-strong">
<div class="card-box">
<div class="mailview-header">
<div class="mail-title"><strong>HRMS Bootstrap Admin Template</strong></div>
<div class="sender-info">
<div class="sender-img">
<img width="40" class="rounded-circle" src="assets/img/user.jpg" alt="">
</div>
<div class="receiver-details">
<span class="sender-name">John Doe ([email protected])</span>
<span class="receiver-name"> to <span>me</span>, <span>Richard</span>, <span>Paul</span> </span>
<div class="mail-received-time">
<span class="mail-time">18 Sep. 2017 9:42 AM</span>
</div>
</div>
</div>
</div>
<div class="mailview-inner">
<p>Hello Richard,</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Thanks,<br>
John Doe</p>
</div>
<div class="mail-attachments">
<p><i class="fa fa-paperclip"></i> 2 Attachments - <a class="pb-standalone" href="#">View all</a> | <a href="#">Download all</a></p>
<div class="row">
<div class="col-12">
<div class="attachment-list">
<div class="attach-file"><img alt="Attachment" src="assets/img/placeholder.jpg"></div>
<div class="attach-info"> <a class="attach-filename" href="#">placeholder.png</a> <div class="attach-fileize"> 17,455 KB</div></div>
</div>
</div>
<div class="col-6 pe-2">
<div class="attachment-list">
<div class="attach-file"><i class="far fa-file-pdf"></i></div>
<div class="attach-info"> <a class="attach-filename" href="#">daily_meeting.pdf</a> <div class="attach-fileize"> 842 KB</div></div>
</div>
</div>
<div class="col-6 ps-2">
<div class="attachment-list">
<div class="attach-file"><i class="fa fa-file-word-o"></i></div>
<div class="attach-info"> <a class="attach-filename" href="#">documentation.docx</a> <div class="attach-fileize"> 2,305 KB</div></div>
</div>
</div>
</div>
</div>
</div>
</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>