File: /mnt/data/smarthr-co-in/demo/mobile/documentation/index-bootstrap.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<title>SmartHR - Mobile Html Bootstrap Template Documentation</title>
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">
<!-- Fontawesome CSS -->
<link rel="stylesheet" href="assets/plugins/fontawesome/css/fontawesome.min.css">
<link rel="stylesheet" href="assets/plugins/fontawesome/css/all.min.css">
<!-- Styles -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body data-bs-spy="scroll" data-bs-target="#sidebar-menu" data-bs-offset="100">
<div class="main-wrapper">
<!-- Header -->
<header>
<nav class="navbar" id="home">
<div class="container-fluid">
<div class="navbar-left">
<a class="navbar-brand" href="index.html">
<img class="logo-dark" src="assets/img/dreamguys-logo.png" alt="logo">
</a>
</div>
<div class="action-list">
<a class="btn btn-primary btn-live" target="_blank" href="https://smarthr-mobile.dreamguystech.com/bootstrap5/template/index.html">Live Demo <i class="fas fa-arrow-right ps-2"></i></a>
<a class="support-btn" target="_blank" href="https://themeforest.net/user/dreamguys"><img class="img-fluid" src="assets/img/headset_mic.png" alt="icon"> Support</a>
</div>
</div>
</nav>
<!-- Mobile Menu Toggle -->
<a class="mobile_btn" id="mobile_btn">
<i class="fas fa-bars"></i>
</a>
<!-- /Mobile Menu Toggle -->
</header>
<!-- Header -->
<!-- Main Wrapper -->
<div class="sidebar" id="sidebar">
<div class="sidebar-inner slimscroll">
<div id="sidebar-menu" class="sidebar-menu sidebar-body">
<h2>Table Of Content</h2>
<ul class="nav nav-sidebar">
<li class="nav-item">
<a class="nav-link" href="#documentation">1. Introduction</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#installation">2. Installation</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#font">3. Font</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#file-structure">4. File Structure</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#customization">5. Customization</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#important-notes">6. Important Notes</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#credits">7. Credits</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#change-log">8. Change Log</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#support">9. Support</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#thank-you">10. Thank You</a>
</li>
</ul>
</div>
</div>
</div>
<div class="page-wrapper" id="documentation">
<div class="content container-fluid">
<div class="logo">
<a class="main-logo" href="index.html">
<img class="img-fluid" src="assets/img/logo.png" alt="logo">
</a>
</div>
<p>SmartHR - HTML Mobile Template Documentation</p>
<hr>
<div class="page-header">
<h4>1. Introduction</h4>
<ul>
<li>Created on: 11 Jan 2022</li>
<li>Developed by: <a target="_blank" href="https://dreamguys.co.in/">DreamGuy's Technologies</a>
</li>
<li>Support via email: <a href="mailto:[email protected]">[email protected]</a>
</li>
<li>Support via Themeforest: <a target="_blank" href="https://themeforest.net/user/dreamguys/">Take me there</a></li>
</ul>
<p>SmartHR Mobile template is built with Bootstrap4. We have also added few reusable components which speedup your development.</p>
</div>
<hr>
<section id="installation">
<h4>2. Template Installation</h4>
<p>FTP Upload:</p>
<p><strong>Step 1:</strong> Open up your FTP manager and connect to your hosting</p>
<p><strong>Step 2:</strong> Browse to required directory (Normally public_html)</p>
<p><strong>Step 3:</strong> Upload the files inside <strong>Your Hosting</strong> folder.</p>
</section>
<hr>
<section id="font">
<h4>3. Font</h4>
<pre><code>font-family:-apple-system,SF UI Text,Helvetica Neue,Helvetica,Arial,sans-serif'</code></pre>
</section>
<hr>
<section id="file-structure">
<h4>4. File Structure</h4>
<p> Extract the zip file you received after purchase and you would find the exact below files and folders: </p>
<p>SmartHR</p>
<div class="file-wrap">
<pre class="mb-0 struct_laravel"> ├── template/ <span>// Main Template</span>
├── assets/ <span>// All Template Assets files</span>
├── css/ <span>// All css into this folder</span>
├── fonts/ <span>// All fonts into this folder</span>
├── img/ <span>// All images into this folder</span>
├── js/ <span>// All js into this folder</span>
├── plugins/ <span>// All plugins into this folder</span>
├── index.html <span>// Main index page</span>
├── rest of the html pages <span>// Remaining html pages</span>
├── documentation/ <span>// Documentation Files</span>
</pre>
</div>
</section>
<hr>
<section id="customization">
<h4>5. Customization</h4>
<h6 class="text-dark">1. How to Change Site Title</h6>
<p>You can change the logo or replace it from img folder or you can edit it from HTML file.</p>
<p><img src="assets/img/img-1.jpg" alt="" class="img-fluid"></p>
<p>2. How to Change Side Panels Directions and Effects</p>
<p><img src="assets/img/img-2.jpg" alt="" class="img-fluid"></p>
<p>3. How to Change Your Menu Title</p>
<p><img src="assets/img/img-3.jpg" alt="" class="img-fluid"></p>
</section>
<hr>
<section id="important-notes">
<h4>6. Important Notes</h4>
<p>Need a help, How to configure the SmartHR HTML Mobile Template into A Bootstrap5
Get reference on <a href="https://getbootstrap.com/docs/5.1/getting-started/introduction/" target="_blank">Bootstrap5</a></p>
</section>
<hr>
<section id="credits">
<h4>7. Credits</h4>
<p>We've used the following resources as listed. These are some awesome creation and we are thankful to the community.</p>
<div class="table-responsive">
<table class="table table-striped table-bordered">
<thead>
<tr>
<th>Plugin</th>
<th>Link</th>
</tr>
</thead>
<tbody>
<tr>
<td>Jquery</td>
<td><a href="https://jquery.com/" target="_blank">https://jquery.com/</a>
</td>
</tr>
<tr>
<td>Font Awesome</td>
<td><a href="https://fontawesome.com/" target="_blank">https://fontawesome.com/</a>
</td>
</tr>
<tr>
<td>Bootstrap5</td>
<td><a href="https://getbootstrap.com/" target="_blank">https://getbootstrap.com/</a></td>
</tr>
</tbody>
</table>
</div>
</section>
<hr>
<section id="change-log">
<h4>8. Change Log</h4>
<ul>
<li>1.0.0 - 11 Jan, 2022</li>
<li>Initial Version</li>
</ul>
</section>
<hr>
<section id="support">
<h4>9. Fupport</h4>
<p class="mb-0">If you have any queries please contact us through email: <strong>[email protected]</strong>
</p>
</section>
<hr>
<section id="thank-you" class="mb-0">
<h4>10. Thank You</h4>
<p>Thank you so much for using this template</p>
<a target="_blank" href="https://themeforest.net/user/dreamguys"><strong>Dreamguy's Technologies Pvt Ltd,</strong></a>
</section>
</div>
</div>
<!-- Footer -->
<footer class="footer">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-sm-12">
<p class="mb-0">© 2022 SmartHR. All rights reserved.</p>
</div>
<a href="#" class="top-move"><i class="fas fa-arrow-up"></i></a>
</div>
</div>
</footer>
<!-- /footer -->
</div>
<!-- /Main Wrapper -->
<script src="assets/js/jquery-3.6.0.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<!-- Slimscroll JS -->
<script src="assets/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>