File: /mnt/data/smarthr-co-in/demo/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GTM-P35LPP5B"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'GTM-P35LPP5B');
</script>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SmartHR - Bootstrap Admin Dashboard Template | 9in1 HRMS</title>
<meta name="description" content="SmartHR is a premium 9-in-1 HR admin dashboard template with Bootstrap, Angular, React, Vue & Laravel. Manage employees, payroll, attendance & recruitment efficiently.">
<meta name="keywords" content="hr dashboard template, admin dashboard, hrms template, bootstrap admin, employee management, payroll dashboard, hr template, angular admin, react dashboard, vue admin, recruitment template, attendance tracking, leave management, project management, crm dashboard">
<meta name="author" content="Dreams Technologies">
<meta name="robots" content="index, follow">
<!-- Canonical -->
<link rel="canonical" href="https://smarthr.co.in/demo/">
<!-- Favicon -->
<link rel="shortcut icon" href="assets/img/favicon.png">
<!-- Apple Icon -->
<link rel="apple-touch-icon" href="assets/img/apple-icon.png">
<!-- Manifest -->
<link rel="manifest" href="manifest.json">
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://smarthr.co.in/demo/">
<meta property="og:type" content="website">
<meta property="og:title" content="SmartHR | HR, Project Management & CRM Dashboard">
<meta property="og:description" content="SmartHR is a powerful HRMS, project management & CRM admin dashboard template, built with HTML, Vue 3, Angular 19+, and Node. Manage employees, projects & payroll seamlessly.">
<meta property="og:image" content="https://smarthr.co.in/demo/assets/img/ogmeta.svg">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="https://smarthr.co.in/demo/">
<meta property="twitter:url" content="https://smarthr.co.in/demo/">
<meta name="twitter:title" content="SmartHR | HR, Project Management & CRM Dashboard">
<meta name="twitter:description" content="SmartHR is a complete HRMS, project management & CRM solution. Built with HTML, Vue 3, Angular 19+ & Node for seamless workforce and business management.">
<meta name="twitter:image" content="https://smarthr.co.in/demo/assets/img/ogmeta.svg">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Tabler Icon CSS -->
<link rel="stylesheet" href="assets/plugins/tabler-icons/tabler-icons.min.css">
<!-- Slick CSS -->
<link rel="stylesheet" href="assets/plugins/slick/slick.css">
<link rel="stylesheet" href="assets/plugins/slick/slick-theme.css">
<!-- Aos CSS -->
<link rel="stylesheet" href="assets/plugins/aos/aos.css">
<!-- Main CSS -->
<link rel="stylesheet" href="assets/css/style.min.css">
</head>
<body>
<!-- Main Wrapper -->
<div class="main-wrapper">
<div id="global-loader">
<div class="page-loader"></div>
</div>
<!-- Header -->
<div class="top-header">
<div class="container">
<div class="row">
<div class="col-lg-8">
<ul class="list-inline-item list-unstyled m-0">
<li class="list-inline-items d-flex"><a href="tel:919600008844" class="contact_list"><i class="ti ti-phone" aria-hidden="true"></i>+91 9600008844</a></li>
<li class="list-inline-items"><a href="mailto:[email protected]" class="contact_list"><i class="ti ti-mail" aria-hidden="true"></i>[email protected]</a></li>
</ul>
</div>
<div class="col-lg-4">
<div class="d-flex top-head-links justify-content-end">
<a href="https://smarthr.co.in/demo/documentation/changelog.html" class="me-3">Change Log</a>
<a href="https://themeforest.net/item/smarthr-bootstrap-admin-panel-template/21153150/support" class="me-3">Support</a>
<a href="https://smarthr.co.in/demo/documentation/">Online Documentation</a>
</div>
</div>
</div>
</div>
</div>
<header class="header">
<div class="container">
<nav class="navbar navbar-expand-lg header-nav scroll-sticky nav-border-bottom">
<div class="navbar-header">
<span id="mobile_btn">
<span class="bar-icon">
<span></span>
<span></span>
<span></span>
</span>
</span>
<a href="index.html" class="navbar-brand logo">
<img src="assets/img/logo.svg" class="img-fluid" alt="Logo">
</a>
</div>
<div class="main-menu-wrapper">
<div class="menu-header">
<a href="index.html" class="menu-logo">
<img src="assets/img/logo.svg" class="img-fluid" alt="Logo">
</a>
<span id="menu_close" class="menu-close">
<i class="ti ti-x"></i>
</span>
</div>
<ul class="main-nav">
<li><a href="index.html">Home</a></li>
<li><a href="#multipages">Demos</a></li>
<li><a href="#saastemp">SAAS Templates</a></li>
<li><a href="#innerpages">Inner Pages</a></li>
</ul>
</div>
<ul class="nav header-navbar-rht">
<li class="nav-item">
<a class="btn btn-dark" href="https://1.envato.market/DN9Qq" target="_blank">
<span class="me-2"><i class="ti ti-shopping-cart-up"></i></span>Buy Template
</a>
</li>
</ul>
</nav>
</div>
</header>
<!-- /Header -->
<!-- Banner -->
<section class="banner-section">
<!-- /Vector img -->
<div class="container-fluid">
<div class="banner-content-group">
<div class="row align-items-center">
<div class="col-lg-10 col-md-12 mx-auto" data-aos="fade-up">
<div class="banner-content text-center">
<h1 class="mb-3"><span>SmartHR</span> - Professional 9-in-1 <span>HR Management</span> Admin Dashboard Template</h1>
<p class="mb-4">Powerful and professional admin template for Web Applications, CRM, CMS, Admin Panels and more..</p>
<ul class="technology-group">
<li>
<a class="technology-item" aria-label="Html5" href="https://smarthr.co.in/demo/html/template/index.html" target="_blank">
<img src="assets/img/icons/html5.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Angular" href="https://smarthr.co.in/demo/angular/template/dashboard/index" target="_blank"> <img src="assets/img/icons/angular.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Vuejs" href="https://smarthr.co.in/demo/vue/template/dashboard/" target="_blank"> <img src="assets/img/icons/vuejs.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Codeigniter" href="https://smarthr.co.in/demo/codeigniter/template/public/" target="_blank"> <img src="assets/img/icons/codeigniter-icon.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Nodejs" href="https://smarthr.co.in/demo/smarthr/template/index" target="_blank"> <img src="assets/img/icons/nodejs.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="PHP" href="https://smarthr.co.in/demo/php/template" target="_blank"> <img src="assets/img/icons/php.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Cakephp" href="https://smarthr.co.in/demo/cakephp/template/index" target="_blank"> <img src="assets/img/icons/technology-11.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Tailwind" href="https://smarthr.co.in/demo/tailwind/template/src" target="_blank"> <img src="assets/img/icons/tailwind-icon.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Yii" href="https://smarthr.co.in/demo/yii/template/web/" target="_blank"> <img src="assets/img/icons/yii 2.svg" alt="Img">
</a>
</li>
</ul>
<div class="banner-btn">
<a class="btn btn-dark me-3" href="https://smarthr.co.in/demo/html/template/index.html" target="_blank"><span class="me-2"><i class="ti ti-player-play"></i></span>Live Demo</a>
<a class="btn btn-primary" href="#pricing"><span class="me-2"><i class="ti ti-crown"></i></span>View Pricing</a>
</div>
</div>
</div>
</div>
<div class="banner-img text-center">
<img src="assets/img/banner-bg.png" data-src="assets/img/banner-bg.png" class="img-fluid lazy" alt="Img">
<div class="template-feature">
<h6>LTR + RTL
<span class="d-block">Ready</span>
</h6>
</div>
</div>
</div>
</div>
</section>
<!-- /Banner -->
<!-- Multiple Template Options -->
<section id="multipages" class="section-sub multipages-sec">
<!-- Vector img -->
<div class="dashboard-floating-bg">
<img class="dashboard-left" src="assets/img/bg/dash-left.png" alt="Img">
<img class="dashboard-right" src="assets/img/bg/dash-right.png" alt="Img">
</div>
<!-- /Vector img -->
<div class="container">
<div class="section-title text-center">
<h2>Multiple Template Options</h2>
<p>Ready to use stunning page templates.</p>
</div>
<div class="template-inner-tab">
<ul class="nav nav-pills inner-tab " id="pills-tab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="pills-dashboard-tab" data-bs-toggle="pill" data-bs-target="#pills-dashboard" type="button" role="tab" aria-selected="false">Admin Dashboard</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-dashboard-tab2" data-bs-toggle="pill" data-bs-target="#pills-dashboard2" type="button" role="tab" aria-selected="true">Employee Dashboard</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-dashboard-tab3" data-bs-toggle="pill" data-bs-target="#pills-dashboard3" type="button" role="tab" aria-selected="false">Deals Dashboard</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-dashboard-tab4" data-bs-toggle="pill" data-bs-target="#pills-dashboard4" type="button" role="tab" aria-selected="false">Leads Dashboard</button>
</li>
</ul>
<div class="tab-content dashboard-tab">
<div class="tab-pane fade show active" id="pills-dashboard" role="tabpanel">
<div class="row align-items-center text-center justify-content-center">
<div class="col-lg-6" data-aos="fade-down">
<div class="dashboard-item">
<div class="dashboard-list">
<div class="dashboard-img">
<img src="assets/img/inner-pages/slider-02.jpg" data-src="assets/img/inner-pages/slider-02.jpg" class="img-fluid lazy" alt="Img">
</div>
<!-- Ovelay button -->
<div class="template-option-overlay">
<ul class="technology-group">
<li>
<a class="technology-item" aria-label="Html5" href="https://smarthr.co.in/demo/html/template/index.html" target="_blank">
<img src="assets/img/icons/html5.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Angular" href="https://smarthr.co.in/demo/angular/template/dashboard/index" target="_blank"> <img src="assets/img/icons/angular.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Vuejs" href="https://smarthr.co.in/demo/vue/template/dashboard/" target="_blank"> <img src="assets/img/icons/vuejs.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Codeigniter" href="https://smarthr.co.in/demo/codeigniter/template/public/" target="_blank"> <img src="assets/img/icons/codeigniter-icon.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Nodejs" href="https://nodejs.dreamstechnologies.com/smarthr/template/index" target="_blank"> <img src="assets/img/icons/nodejs.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="PHP" href="https://smarthr.co.in/demo/php/template" target="_blank"> <img src="assets/img/icons/php.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Cakephp" href="https://smarthr.co.in/demo/cakephp/template/index" target="_blank"> <img src="assets/img/icons/technology-11.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="PHP" href="https://smarthr.co.in/demo/tailwind/template/src" target="_blank"> <img src="assets/img/icons/tailwind-icon.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Yii" href="https://smarthr.co.in/demo/yii/template/web/" target="_blank"> <img src="assets/img/icons/yii 2.svg" alt="Img">
</a>
</li>
</ul>
</div>
<!-- Ovelay button -->
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/index.html" target="_blank">
<div class="d-flex align-items-center">
<h3 class="mb-0">Admin Dashboard</h3>
<span class="badge bg-success ms-2">Updated</span>
</div>
</a>
</div>
<div class="dash-content-right">
<h6>Default</h6>
</div>
</div>
</div>
</div>
<div class="col-lg-6 d-none" data-aos="fade-down">
<div class="dashboard-item">
<div class="dashboard-list">
<div class="dashboard-img">
<img src="assets/img/inner-pages/dashboard-01.jpg" data-src="assets/img/inner-pages/dashboard-01.jpg" class="img-fluid lazy" alt="Img">
</div>
<!-- Ovelay button -->
<div class="template-option-overlay">
<ul class="technology-group">
<li>
<a class="technology-item" aria-label="Html5" href="https://smarthr.co.in/demo/html/template-rtl/index.html" target="_blank">
<img src="assets/img/icons/html5.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Angular" href="https://smarthr.co.in/demo/angular/template/dashboard/index" target="_blank"> <img src="assets/img/icons/angular.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Vuejs" href="https://smarthr.co.in/demo/vue/template/dashboard/" target="_blank"> <img src="assets/img/icons/vuejs.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Codeigniter" href="https://smarthr.co.in/demo/codeigniter/template-rtl/public/" target="_blank"> <img src="assets/img/icons/codeigniter-icon.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Nodejs" href="https://nodejs.dreamstechnologies.com/smarthr/template/index" target="_blank"> <img src="assets/img/icons/nodejs.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="PHP" href="https://smarthr.co.in/demo/php/template-rtl" target="_blank"> <img src="assets/img/icons/php.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Tailwind" href="https://smarthr.co.in/demo/tailwind/template-rtl" target="_blank"> <img src="assets/img/icons/php.svg" alt="Img">
</a>
</li>
</ul>
</div>
<!-- Ovelay button -->
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/index.html" target="_blank">
<h3 class="mb-0">Admin Dashboard</h3>
</a>
</div>
<div class="dash-content-right">
<h6>RTL</h6>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-dashboard2" role="tabpanel">
<div class="row align-items-center text-center justify-content-center">
<div class="col-lg-6" data-aos="fade-down">
<div class="dashboard-item">
<div class="dashboard-list">
<div class="dashboard-img">
<img src="assets/img/inner-pages/slider-01.jpg" data-src="assets/img/inner-pages/slider-01.jpg" class="img-fluid lazy" alt="Img">
</div>
<!-- Ovelay button -->
<div class="template-option-overlay">
<ul class="technology-group">
<li>
<a class="technology-item" aria-label="Html5" href="https://smarthr.co.in/demo/html/template/employee-dashboard.html" target="_blank">
<img src="assets/img/icons/html5.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Angular" href="https://smarthr.co.in/demo/angular/template/dashboard/index" target="_blank"> <img src="assets/img/icons/angular.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Vuejs" href="https://smarthr.co.in/demo/vue/template/dashboard/" target="_blank"> <img src="assets/img/icons/vuejs.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Codeigniter" href="https://smarthr.co.in/demo/codeigniter/template/public/" target="_blank"> <img src="assets/img/icons/codeigniter-icon.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Nodejs" href="https://nodejs.dreamstechnologies.com/smarthr/template/index" target="_blank"> <img src="assets/img/icons/nodejs.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="PHP" href="https://smarthr.co.in/demo/php/template" target="_blank"> <img src="assets/img/icons/php.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Cakephp" href="https://smarthr.co.in/demo/cakephp/template/index" target="_blank"> <img src="assets/img/icons/technology-11.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Yii" href="https://smarthr.co.in/demo/yii/template/web" target="_blank"> <img src="assets/img/icons/yii 2.svg" alt="Img">
</a>
</li>
</ul>
</div>
<!-- Ovelay button -->
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/employee-dashboard.html" target="_blank">
<div class="d-flex align-items-center">
<h3 class="mb-0">Employee Dashboard</h3>
<span class="badge bg-success ms-2">Updated</span>
</div>
</a>
</div>
<div class="dash-content-right">
<h6>Default</h6>
</div>
</div>
</div>
</div>
<div class="col-lg-6 d-none" data-aos="fade-down">
<div class="dashboard-item">
<div class="dashboard-list">
<div class="dashboard-img">
<img src="assets/img/inner-pages/dashboard-01.jpg" data-src="assets/img/inner-pages/dashboard-01.jpg" class="img-fluid lazy" alt="Img">
</div>
<!-- Ovelay button -->
<div class="template-option-overlay">
<ul class="technology-group">
<li>
<a class="technology-item" aria-label="Html5" href="https://smarthr.co.in/demo/html/template-rtl/index.html" target="_blank">
<img src="assets/img/icons/html5.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Angular" href="https://smarthr.co.in/demo/angular/template/dashboard/index" target="_blank"> <img src="assets/img/icons/angular.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Vuejs" href="https://smarthr.co.in/demo/vue/template/dashboard/" target="_blank"> <img src="assets/img/icons/vuejs.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Codeigniter" href="https://smarthr.co.in/demo/codeigniter/template-rtl/public/" target="_blank"> <img src="assets/img/icons/codeigniter-icon.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Nodejs" href="https://nodejs.dreamstechnologies.com/smarthr/template/index" target="_blank"> <img src="assets/img/icons/nodejs.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="PHP" href="https://smarthr.co.in/demo/php/template-rtl" target="_blank"> <img src="assets/img/icons/php.svg" alt="Img">
</a>
</li>
</ul>
</div>
<!-- Ovelay button -->
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/index.html" target="_blank">
<h3 class="mb-0">Admin Dashboard</h3>
</a>
</div>
<div class="dash-content-right">
<h6>RTL</h6>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-dashboard3" role="tabpanel">
<div class="row align-items-center text-center justify-content-center">
<div class="col-lg-6" data-aos="fade-down">
<div class="dashboard-item">
<div class="dashboard-list">
<div class="dashboard-img">
<img src="assets/img/inner-pages/slider-03.jpg" data-src="assets/img/inner-pages/slider-03.jpg" class="img-fluid lazy" alt="Img">
</div>
<!-- Ovelay button -->
<div class="template-option-overlay">
<ul class="technology-group">
<li>
<a class="technology-item" aria-label="Html5" href="https://smarthr.co.in/demo/html/template/deals-dashboard.html" target="_blank">
<img src="assets/img/icons/html5.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Angular" href="https://smarthr.co.in/demo/angular/template/dashboard/index" target="_blank"> <img src="assets/img/icons/angular.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Vuejs" href="https://smarthr.co.in/demo/vue/template/dashboard/" target="_blank"> <img src="assets/img/icons/vuejs.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Codeigniter" href="https://smarthr.co.in/demo/codeigniter/template/public/" target="_blank"> <img src="assets/img/icons/codeigniter-icon.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Nodejs" href="https://nodejs.dreamstechnologies.com/smarthr/template/index" target="_blank"> <img src="assets/img/icons/nodejs.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="PHP" href="https://smarthr.co.in/demo/php/template" target="_blank"> <img src="assets/img/icons/php.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Cakephp" href="https://smarthr.co.in/demo/cakephp/template/index" target="_blank"> <img src="assets/img/icons/technology-11.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Yii" href="https://smarthr.co.in/demo/yii/template/web/" target="_blank"> <img src="assets/img/icons/yii 2.svg" alt="Img">
</a>
</li>
</ul>
</div>
<!-- Ovelay button -->
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/deals-dashboard.html" target="_blank">
<div class="d-flex align-items-center">
<h3 class="mb-0">Deals Dashboard</h3>
<span class="badge bg-success ms-2">Updated</span>
</div>
</a>
</div>
<div class="dash-content-right">
<h6>Default</h6>
</div>
</div>
</div>
</div>
<div class="col-lg-6 d-none" data-aos="fade-down">
<div class="dashboard-item">
<div class="dashboard-list">
<div class="dashboard-img">
<img src="assets/img/inner-pages/dashboard-01.jpg" data-src="assets/img/inner-pages/dashboard-01.jpg" class="img-fluid lazy" alt="Img">
</div>
<!-- Ovelay button -->
<div class="template-option-overlay">
<ul class="technology-group">
<li>
<a class="technology-item" aria-label="Html5" href="https://smarthr.co.in/demo/html/template-rtl/index.html" target="_blank">
<img src="assets/img/icons/html5.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Angular" href="https://smarthr.co.in/demo/angular/template/dashboard/index" target="_blank"> <img src="assets/img/icons/angular.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Vuejs" href="https://smarthr.co.in/demo/vue/template/dashboard/" target="_blank"> <img src="assets/img/icons/vuejs.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Codeigniter" href="https://smarthr.co.in/demo/codeigniter/template-rtl/public/" target="_blank"> <img src="assets/img/icons/codeigniter-icon.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Nodejs" href="https://nodejs.dreamstechnologies.com/smarthr/template/index" target="_blank"> <img src="assets/img/icons/nodejs.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="PHP" href="https://smarthr.co.in/demo/php/template-rtl" target="_blank"> <img src="assets/img/icons/php.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Cakephp" href="https://smarthr.co.in/demo/cakephp/template/index" target="_blank"> <img src="assets/img/icons/technology-11.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Yii" href="https://smarthr.co.in/demo/yii/template/web/" target="_blank"> <img src="assets/img/icons/yii 2.svg" alt="Img">
</a>
</li>
</ul>
</div>
<!-- Ovelay button -->
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/index.html" target="_blank">
<h3 class="mb-0">Admin Dashboard</h3>
</a>
</div>
<div class="dash-content-right">
<h6>RTL</h6>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-dashboard4" role="tabpanel">
<div class="row align-items-center text-center justify-content-center">
<div class="col-lg-6" data-aos="fade-down">
<div class="dashboard-item">
<div class="dashboard-list">
<div class="dashboard-img">
<img src="assets/img/inner-pages/slider-04.jpg" data-src="assets/img/inner-pages/slider-04.jpg" class="img-fluid lazy" alt="Img">
</div>
<!-- Ovelay button -->
<div class="template-option-overlay">
<ul class="technology-group">
<li>
<a class="technology-item" aria-label="Html5" href="https://smarthr.co.in/demo/html/template/leads-dashboard.html" target="_blank">
<img src="assets/img/icons/html5.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Angular" href="https://smarthr.co.in/demo/angular/template/dashboard/index" target="_blank"> <img src="assets/img/icons/angular.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Vuejs" href="https://smarthr.co.in/demo/vue/template/dashboard/" target="_blank"> <img src="assets/img/icons/vuejs.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Codeigniter" href="https://smarthr.co.in/demo/codeigniter/template/public/" target="_blank"> <img src="assets/img/icons/codeigniter-icon.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Nodejs" href="https://nodejs.dreamstechnologies.com/smarthr/template/index" target="_blank"> <img src="assets/img/icons/nodejs.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="PHP" href="https://smarthr.co.in/demo/php/template" target="_blank"> <img src="assets/img/icons/php.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Cakephp" href="https://smarthr.co.in/demo/cakephp/template/index" target="_blank"> <img src="assets/img/icons/technology-11.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Yii" href="https://smarthr.co.in/demo/yii/template/web/" target="_blank"> <img src="assets/img/icons/yii 2.svg" alt="Img">
</a>
</li>
</ul>
</div>
<!-- Ovelay button -->
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/leads-dashboard.html" target="_blank">
<div class="d-flex align-items-center">
<h3 class="mb-0">Leads Dashboard</h3>
<span class="badge bg-success ms-2">Updated</span>
</div>
</a>
</div>
<div class="dash-content-right">
<h6>Default</h6>
</div>
</div>
</div>
</div>
<div class="col-lg-6 d-none" data-aos="fade-down">
<div class="dashboard-item">
<div class="dashboard-list">
<div class="dashboard-img">
<img src="assets/img/inner-pages/dashboard-01.jpg" data-src="assets/img/inner-pages/dashboard-01.jpg" class="img-fluid lazy" alt="Img">
</div>
<!-- Ovelay button -->
<div class="template-option-overlay">
<ul class="technology-group">
<li>
<a class="technology-item" aria-label="Html5" href="https://smarthr.co.in/demo/html/template-rtl/index.html" target="_blank">
<img src="assets/img/icons/html5.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Angular" href="https://smarthr.co.in/demo/angular/template/dashboard/index" target="_blank"> <img src="assets/img/icons/angular.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Vuejs" href="https://smarthr.co.in/demo/vue/template/dashboard/" target="_blank"> <img src="assets/img/icons/vuejs.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Codeigniter" href="https://smarthr.co.in/demo/codeigniter/template-rtl/public/" target="_blank"> <img src="assets/img/icons/codeigniter-icon.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="Nodejs" href="https://nodejs.dreamstechnologies.com/smarthr/template/index" target="_blank"> <img src="assets/img/icons/nodejs.svg" alt="Img">
</a>
</li>
<li>
<a class="technology-item" aria-label="PHP" href="https://smarthr.co.in/demo/php/template-rtl" target="_blank"> <img src="assets/img/icons/php.svg" alt="Img">
</a>
</li>
</ul>
</div>
<!-- Ovelay button -->
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/index.html" target="_blank">
<h3 class="mb-0">Admin Dashboard</h3>
</a>
</div>
<div class="dash-content-right">
<h6>RTL</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Multiple Template Options -->
<!-- Unique Color Combinations -->
<section id="demos" class="section-sub unique-color-sec">
<div class="unique-floating-bg">
<img class="unique-left" src="assets/img/bg/unique-left.png" alt="Img">
<img class="unique-right" src="assets/img/bg/unique-right.png" alt="Img">
</div>
<div class="container">
<div class="section-title text-center">
<h2>6+ Unique Color Combinations</h2>
<p>Unique Color Combinations Customized for Admins</p>
</div>
<div class="row align-items-center text-center">
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="unique-item">
<div class="unique-img orange-img">
<img src="assets/img/layouts/theme-01.png" data-src="assets/img/layouts/theme-01.png" class="img-fluid lazy" alt="Img">
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<h3 class="mb-0">Light</h3>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="unique-item">
<div class="unique-img light-img">
<img src="assets/img/layouts/theme-02.png" data-src="assets/img/layouts/theme-02.png" class="img-fluid lazy" alt="Img">
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<h3 class="mb-0">Orange</h3>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="unique-item">
<div class="unique-img purple-img">
<img src="assets/img/layouts/theme-03.png" data-src="assets/img/layouts/theme-03.png" class="img-fluid lazy" alt="Img">
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<h3 class="mb-0">Purple</h3>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="unique-item">
<div class="unique-img blue-img">
<img src="assets/img/layouts/theme-04.png" data-src="assets/img/layouts/theme-04.png" class="img-fluid lazy" alt="Img">
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<h3 class="mb-0">Blue</h3>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="unique-item">
<div class="unique-img maroon-img">
<img src="assets/img/layouts/theme-05.png" data-src="assets/img/layouts/theme-05.png" class="img-fluid lazy" alt="Img">
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<h3 class="mb-0">Maroon</h3>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="unique-item">
<div class="unique-img dark-img">
<img src="assets/img/layouts/theme-06.png" data-src="assets/img/layouts/theme-06.png" class="img-fluid lazy" alt="Img">
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<h3 class="mb-0">Dark</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Unique Color Combinations -->
<!-- SAAS Templates -->
<section id="saastemp" class="section-sub saastemp-sec">
<!-- Vector img -->
<div class="saastemp-floating-bg">
<img class="saastemp-left" src="assets/img/bg/saastemp-left.png" alt="Img">
<img class="saastemp-right" src="assets/img/bg/saastemp-right.png" alt="Img">
</div>
<!-- /Vector img -->
<div class="container">
<div class="section-title text-center" data-aos="fade-down">
<h2>SAAS Templates</h2>
<p>Choose your unique color combinations for customized SaaS templates.</p>
</div>
<div class="row align-items-center text-center justify-content-center">
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="template-item">
<div class="template-img template-one">
<a href="https://smarthr.co.in/demo/html/sass-landing/index.html" target="_blank" aria-label="Template 1">
<img src="assets/img/inner-pages/saas-template-01.jpg" data-src="assets/img/inner-pages/saas-template-01.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/sass-landing/index.html" target="_blank" aria-label="Template 1">
<h3>Template 1</h3>
<p class="mb-0">SAAS Template</p>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/sass-landing/index.html" target="_blank" aria-label="Template 1">
<i class="ti ti-link"></i>
</a>
</div>
</div>
</div>
</div>
<!-- col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="template-item">
<div class="template-img template-two">
<a href="https://smarthr.co.in/demo/html/sass-landing/index2.html" target="_blank" aria-label="Template 3">
<img src="assets/img/inner-pages/saas-template-02.jpg" data-src="assets/img/inner-pages/saas-template-02.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/sass-landing/index2.html" target="_blank" aria-label="Template 2">
<h3>Template 2</h3>
<p class="mb-0">SAAS Template</p>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/sass-landing/index2.html" target="_blank" aria-label="Template 2">
<i class="ti ti-link"></i>
</a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="template-item">
<div class="template-img template-three">
<a href="https://smarthr.co.in/demo/html/sass-landing/index3.html" target="_blank" aria-label="Template 3">
<img src="assets/img/inner-pages/saas-template-03.jpg" data-src="assets/img/inner-pages/saas-template-03.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/sass-landing/index3.html" target="_blank" aria-label="Template 3">
<h3>Template 3</h3>
<p class="mb-0">SAAS Template</p>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/sass-landing/index3.html" target="_blank" aria-label="Template 3">
<i class="ti ti-link"></i>
</a>
</div>
</div>
</div>
</div>
<!-- /col -->
</div>
</div>
</section>
<!-- /SAAS Templates -->
<!-- What will you get? -->
<section class="section-sub whatwill-sec">
<!-- Vector img -->
<div class="whatwill-floating-bg">
<img class="what-will-left" src="assets/img/bg/pricing-left.png" alt="Img">
</div>
<!-- /Vector img -->
<div class="container">
<div class="section-title text-center what-will-title">
<h2>Available Versions</h2>
<p>In order to get the files of the HTML, Angular, PHP, <br> CodeIgniter, Node JS, Vue JS, Tailwind, Cakephp, Yii</p>
</div>
<div class="row justify-content-center">
<!-- Column -->
<div class="col-xxl col-xl-2 col-md-4 col-sm-6 d-flex">
<div class="features-round text-center flex-fill">
<a href="https://smarthr.co.in/demo/html/template/index.html" target="_blank">
<div class="features-content">
<div class="features-img">
<img src="assets/img/icons/html-2.svg" alt="Img">
</div>
<h5>HTML</h5>
</div>
</a>
</div>
</div>
<!-- /Column -->
<!-- Column -->
<div class="col-xxl col-xl-2 col-md-4 col-sm-6 d-flex">
<div class="features-round text-center flex-fill">
<a href="https://smarthr.co.in/demo/angular/template/dashboard/index" target="_blank">
<div class="features-content">
<div class="features-img">
<img src="assets/img/icons/angular-2.svg" alt="Img">
</div>
<h5>Angular</h5>
</div>
</a>
</div>
</div>
<!-- /Column -->
<!-- Column -->
<div class="col-xxl col-xl-2 col-md-4 col-sm-6 d-flex">
<div class="features-round text-center flex-fill">
<a href="https://smarthr.co.in/demo/vue/template/dashboard/" target="_blank">
<div class="features-content">
<div class="features-img">
<img src="assets/img/icons/vuejs.svg" alt="Img">
</div>
<h5>Vuejs</h5>
</div>
</a>
</div>
</div>
<!-- /Column -->
<!-- Column -->
<div class="col-xxl col-xl-2 col-md-4 col-sm-6 d-flex">
<div class="features-round text-center flex-fill">
<a href="https://smarthr.co.in/demo/codeigniter/template/public/" target="_blank">
<div class="features-content">
<div class="features-img">
<img src="assets/img/icons/codeigniter-icon.svg" alt="Img">
</div>
<h5>Codeigniter</h5>
</div>
</a>
</div>
</div>
<!-- /Column -->
<!-- Column -->
<div class="col-xxl col-xl-2 col-md-4 col-sm-6 d-flex">
<div class="features-round text-center flex-fill">
<a href="https://nodejs.dreamstechnologies.com/smarthr/template/index" target="_blank">
<div class="features-content">
<div class="features-img">
<img src="assets/img/icons/nodejs.svg" alt="Img">
</div>
<h5>Nodejs</h5>
</div>
</a>
</div>
</div>
<!-- /Column -->
<!-- Column -->
<div class="col-xxl col-xl-2 col-md-4 col-sm-6 d-flex">
<div class="features-round text-center flex-fill">
<a href="https://smarthr.co.in/demo/php/template/index.php" target="_blank">
<div class="features-content">
<div class="features-img">
<img src="assets/img/icons/php-2.svg" alt="Img">
</div>
<h5>PHP</h5>
</div>
</a>
</div>
</div>
<!-- /Column -->
<!-- Column -->
<div class="col-xxl col-xl-2 col-md-4 col-sm-6 d-flex">
<div class="features-round text-center flex-fill">
<a href="https://smarthr.co.in/demo/cakephp/template/index" target="_blank">
<div class="features-content">
<div class="features-img">
<img src="assets/img/icons/technology-11.svg" alt="Img">
</div>
<h5>Cakephp</h5>
</div>
</a>
</div>
</div>
<!-- /Column -->
<!-- Column -->
<div class="col-xxl col-xl-2 col-md-4 col-sm-6 d-flex">
<div class="features-round text-center flex-fill">
<a href="https://smarthr.co.in/demo/tailwind/template/src" target="_blank">
<div class="features-content">
<div class="features-img">
<img src="assets/img/icons/tailwind-2.svg" alt="Img">
</div>
<h5>Tailwind</h5>
</div>
</a>
</div>
</div>
<!-- /Column -->
<!-- Column -->
<div class="col-xxl col-xl-2 col-md-4 col-sm-6 d-flex">
<div class="features-round text-center flex-fill">
<a href="https://smarthr.co.in/demo/yii/template/web/" target="_blank">
<div class="features-content">
<div class="features-img">
<img src="assets/img/icons/yii 2.svg" alt="Img">
</div>
<h5>Yii</h5>
</div>
</a>
</div>
</div>
<!-- /Column -->
</div>
</div>
</section>
<!-- /What will you get? -->
<!-- Prebuilt Applications -->
<section id="innerpages" class="section-sub applications-sec">
<div class="container">
<div class="section-title text-center">
<h2>Prebuilt Inner Pages</h2>
<p>Our template includes some prebuilt application features</p>
</div>
<div class="template-inner-tab">
<ul class="nav nav-pills inner-tab " id="pills-tab2" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="pills-app-tab" data-bs-toggle="pill" data-bs-target="#pills-app" type="button" role="tab" aria-controls="pills-app" aria-selected="false">Applications</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-crm-tab" data-bs-toggle="pill" data-bs-target="#pills-crm" type="button" role="tab" aria-controls="pills-crm" aria-selected="true">CRMS</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-web-tab" data-bs-toggle="pill" data-bs-target="#pills-web" type="button" role="tab" aria-controls="pills-web" aria-selected="false">Authentication</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-other-tab" data-bs-toggle="pill" data-bs-target="#pills-other" type="button" role="tab" aria-controls="pills-other" aria-selected="false">Other Modules</button>
</li>
</ul>
<div class="tab-content dashboard-tab">
<div class="tab-pane fade show active" id="pills-app" role="tabpanel" aria-labelledby="pills-app-tab">
<div class="row align-items-center text-center">
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a aria-label="Chat" href="https://smarthr.co.in/demo/html/template/chat.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-01.jpg" data-src="assets/img/inner-pages/inner-page-01.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/chat.html" target="_blank" aria-label="Chat">
<h3 class="mb-0">Chat</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/chat.html" target="_blank" aria-label="Chat"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/video-call.html" target="_blank" aria-label="Video Call">
<img src="assets/img/inner-pages/inner-page-02.jpg" data-src="assets/img/inner-pages/inner-page-02.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/video-call.html" target="_blank" aria-label="Video Call">
<h3 class="mb-0">Video Call</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/video-call.html" target="_blank" aria-label="Video Call"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/voice-call.html" target="_blank" aria-label="Voice Call">
<img src="assets/img/inner-pages/inner-page-03.jpg" data-src="assets/img/inner-pages/inner-page-03.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/voice-call.html" target="_blank" aria-label="Voice Call">
<h3 class="mb-0">Voice Call</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/voice-call.html" target="_blank" aria-label="Voice Call"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/calendar.html" target="_blank" aria-label="Calendar">
<img src="assets/img/inner-pages/inner-page-04.jpg" data-src="assets/img/inner-pages/inner-page-04.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/calendar.html" target="_blank" aria-label="Calendar">
<h3 class="mb-0">Calendar</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/calendar.html" target="_blank" aria-label="Calendar"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/email.html" target="_blank" aria-label="Email">
<img src="assets/img/inner-pages/inner-page-05.jpg" data-src="assets/img/inner-pages/inner-page-05.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/email.html" target="_blank" aria-label="Email">
<h3 class="mb-0">Email</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/email.html" target="_blank" aria-label="Email"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/todo.html" target="_blank" aria-label="To Do">
<img src="assets/img/inner-pages/inner-page-06.jpg" data-src="assets/img/inner-pages/inner-page-06.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/todo.html" target="_blank" aria-label="To Do">
<h3 class="mb-0">To Do</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/todo.html" target="_blank" aria-label="To Do"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/file-manager.html" target="_blank" aria-label="File Manager">
<img src="assets/img/inner-pages/inner-page-07.jpg" data-src="assets/img/inner-pages/inner-page-07.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/file-manager.html" target="_blank" aria-label="File Manager">
<h3 class="mb-0">File Manager</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/file-manager.html" target="_blank" aria-label="File Manager"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/social-feed.html" target="_blank" aria-label="Social Feed">
<img src="assets/img/inner-pages/inner-page-08.jpg" data-src="assets/img/inner-pages/inner-page-08.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/social-feed.html" target="_blank" aria-label="Social Feed">
<h3 class="mb-0">Social Feed</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/social-feed.html" target="_blank" aria-label="Social Feed"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/invoices.html" target="_blank" aria-label="Invoices">
<img src="assets/img/inner-pages/inner-page-09.jpg" data-src="assets/img/inner-pages/inner-page-09.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/invoices.html" target="_blank" aria-label="Invoices">
<h3 class="mb-0">Invoices</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/invoices.html" target="_blank" aria-label="Invoices"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
</div>
</div>
<div class="tab-pane fade" id="pills-crm" role="tabpanel" aria-labelledby="pills-crm-tab">
<div class="row align-items-center text-center">
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a aria-label="Chat" href="https://smarthr.co.in/demo/html/template/contacts.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-10.jpg" data-src="assets/img/inner-pages/inner-page-10.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/contacts.html" target="_blank">
<h3 class="mb-0">Contacts</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/contacts.html" target="_blank"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/companies-crm.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-11.jpg" data-src="assets/img/inner-pages/inner-page-11.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/companies-crm.html" target="_blank">
<h3 class="mb-0">Companies</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/companies-crm.html" target="_blank"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/deals.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-12.jpg" data-src="assets/img/inner-pages/inner-page-12.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/deals.html" target="_blank">
<h3 class="mb-0">Deals</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/deals.html" target="_blank"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/leads.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-13.jpg" data-src="assets/img/inner-pages/inner-page-13.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/leads.html" target="_blank">
<h3 class="mb-0">Leads</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/leads.html" target="_blank"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/pipeline.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-14.jpg" data-src="assets/img/inner-pages/inner-page-14.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/pipeline.html" target="_blank">
<h3 class="mb-0">Pipeline</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/pipeline.html" target="_blank"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/activity.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-15.jpg" data-src="assets/img/inner-pages/inner-page-15.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/activity.html" target="_blank">
<h3 class="mb-0">Activities</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/activity.html" target="_blank"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
</div>
</div>
<div class="tab-pane fade" id="pills-web" role="tabpanel" aria-labelledby="pills-web-tab">
<div class="row align-items-center text-center">
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a aria-label="Chat" href="https://smarthr.co.in/demo/html/template/register.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-16.jpg" data-src="assets/img/inner-pages/inner-page-16.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/register.html" target="_blank">
<h3 class="mb-0">Sign Up</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/register.html" target="_blank"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/login.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-17.jpg" data-src="assets/img/inner-pages/inner-page-17.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/login.html" target="_blank">
<h3 class="mb-0">Sign In</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/login.html" target="_blank"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/forgot-password.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-18.jpg" data-src="assets/img/inner-pages/inner-page-18.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/forgot-password.html" target="_blank">
<h3 class="mb-0">Forgot Password</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/forgot-password.html" target="_blank"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/lock-screen.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-19.jpg" data-src="assets/img/inner-pages/inner-page-19.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/lock-screen.html" target="_blank">
<h3 class="mb-0">Lock Screen</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/lock-screen.html" target="_blank"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/error-404.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-20.jpg" data-src="assets/img/inner-pages/inner-page-20.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/error-404.html" target="_blank">
<h3 class="mb-0">Error 404</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/error-404.html" target="_blank"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/error-500.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-21.jpg" data-src="assets/img/inner-pages/inner-page-21.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/error-500.html" target="_blank">
<h3 class="mb-0">Error 500</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/error-500.html" target="_blank"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/under-maintenance.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-22.jpg" data-src="assets/img/inner-pages/inner-page-22.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/under-maintenance.html" target="_blank">
<h3 class="mb-0">Under Maintenance</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/under-maintenance.html" target="_blank"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/coming-soon.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-23.jpg" data-src="assets/img/inner-pages/inner-page-23.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/coming-soon.html" target="_blank">
<h3 class="mb-0">Coming Soon</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/coming-soon.html" target="_blank"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/under-construction.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-24.jpg" data-src="assets/img/inner-pages/inner-page-24.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/under-construction.html" target="_blank">
<h3 class="mb-0">Under Construction</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/under-construction.html" target="_blank"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
</div>
</div>
<div class="tab-pane fade" id="pills-other" role="tabpanel" aria-labelledby="pills-other-tab">
<div class="row align-items-center text-center">
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a aria-label="Chat" href="https://smarthr.co.in/demo/html/template/employees.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-25.jpg" data-src="assets/img/inner-pages/inner-page-25.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/employees.html" target="_blank">
<h3 class="mb-0">Employees</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/employees.html" target="_blank"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/clients.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-26.jpg" data-src="assets/img/inner-pages/inner-page-26.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/clients.html" target="_blank">
<h3 class="mb-0">Clients</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/clients.html" target="_blank"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/projects.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-27.jpg" data-src="assets/img/inner-pages/inner-page-27.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/projects.html" target="_blank">
<h3 class="mb-0">Projects</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/projects.html" target="_blank"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/tasks.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-28.jpg" data-src="assets/img/inner-pages/inner-page-28.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/tasks.html" target="_blank">
<h3 class="mb-0">Tasks</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/tasks.html" target="_blank"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/tickets.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-29.jpg" data-src="assets/img/inner-pages/inner-page-29.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/tickets.html" target="_blank">
<h3 class="mb-0">Tickets</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/tickets.html" target="_blank"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/attendance-employee.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-30.jpg" data-src="assets/img/inner-pages/inner-page-30.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/attendance-employee.html" target="_blank">
<h3 class="mb-0">Attendance</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/attendance-employee.html" target="_blank"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/job-list.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-31.jpg" data-src="assets/img/inner-pages/inner-page-31.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/job-list.html" target="_blank">
<h3 class="mb-0">Jobs</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/job-list.html" target="_blank"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/candidates.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-32.jpg" data-src="assets/img/inner-pages/inner-page-32.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/candidates.html" target="_blank">
<h3 class="mb-0">Candidates</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/candidates.html" target="_blank"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
<!-- col -->
<div class="col-lg-4 col-md-6" data-aos="fade-down">
<div class="applications-item">
<div class="applications-img">
<div class="unique-img bg-secondary-light">
<a href="https://smarthr.co.in/demo/html/template/profile-settings.html" target="_blank">
<img src="assets/img/inner-pages/inner-page-33.jpg" data-src="assets/img/inner-pages/inner-page-33.jpg" class="img-fluid lazy" alt="Img">
</a>
</div>
</div>
<div class="dashboard-content">
<div class="dash-content-left">
<a href="https://smarthr.co.in/demo/html/template/profile-settings.html" target="_blank">
<h3 class="mb-0">Settings</h3>
</a>
</div>
<div class="dash-content-right">
<a href="https://smarthr.co.in/demo/html/template/profile-settings.html" target="_blank"><i class="ti ti-link"></i></a>
</div>
</div>
</div>
</div>
<!-- /col -->
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Prebuilt Applications -->
<!-- Admin Dashboards & Landings -->
<section class="section-sub admin-dash-slider d-none">
<!-- /Vector img -->
<div class="container">
<div class="col-md-10 m-auto">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="landing-testimonial slider aos" data-aos="fade-up" data-sizes="50vw">
<div class="admin-slider-item">
<div class="admin-slider-all">
<img class="img-fluid lazy" src="assets/img/inner-pages/slider-02.jpg" data-src="assets/img/inner-pages/slider-02.jpg" alt="Img">
</div>
</div>
<div class="admin-slider-item">
<div class="admin-slider-all">
<img class="img-fluid lazy" src="assets/img/inner-pages/slider-01.jpg" data-src="assets/img/inner-pages/slider-01.jpg" alt="Img">
</div>
</div>
<div class="admin-slider-item">
<div class="admin-slider-all">
<img class="img-fluid lazy" src="assets/img/inner-pages/slider-03.jpg" data-src="assets/img/inner-pages/slider-03.jpg" alt="Img">
</div>
</div>
<div class="admin-slider-item">
<div class="admin-slider-all">
<img class="img-fluid lazy" src="assets/img/inner-pages/slider-04.jpg" data-src="assets/img/inner-pages/slider-04.jpg" alt="Img">
</div>
</div>
<div class="admin-slider-item">
<div class="admin-slider-all">
<img class="img-fluid lazy" src="assets/img/inner-pages/slider-05.jpg" data-src="assets/img/inner-pages/slider-05.jpg" alt="Img">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Admin Dashboards & Landings -->
<!-- Footer-->
<section class="section-sub footer-sec">
<!-- Vector img -->
<div class="web-floating-bg">
<img class="web-left" src="assets/img/bg/web-left.png" alt="Img">
<img class="web-right" src="assets/img/bg/web-right.png" alt="Img">
</div>
<!-- /Vector img -->
<!-- Footer Top -->
<div class="footer-top">
<div class="container">
<div class="row" data-aos="fade-down">
<div class="footer-section-title text-center">
<h2>Build your web App/SaaS with <span>SmartHR</span> dashboard</h2>
</div>
<div class="banner-btn d-flex justify-content-center">
<a class="btn btn-primary me-3" href="https://1.envato.market/DN9Qq" target="_blank"><span class="me-2"><i class="ti ti-shopping-cart-up"></i></span>Buy Template</a>
<a class="btn btn-dark" href="https://smarthr.co.in/demo/html/template/index.html" target="_blank"><span class="me-2"><i class="ti ti-player-play"></i></span>Live Demo</a>
</div>
</div>
</div>
</div>
<!-- /Footer Top -->
<!-- Footer Bottom -->
<div class="footer-bottom">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-12 col-12">
<div class="copyright">
<p>Copyright © 2025
<a href="https://dreamstechnologies.com/" class="text-primary" target="_blank">Dreams Technologies</a>
</p>
</div>
</div>
<div class="col-lg-6 col-md-12 col-12">
<div class="social-icon">
<ul>
<li><a href="https://www.facebook.com/dreamstechnologieslimited/" target="_blank" rel="noopener noreferrer" aria-label="Facebook"><i class="ti ti-brand-facebook"></i></a></li>
<li><a href="https://www.instagram.com/dreamstechnologieslimited/" target="_blank" rel="noopener noreferrer" aria-label="Instagram"><i class="ti ti-brand-instagram"></i></a></li>
<li><a href="https://www.behance.net/dreamstechnologies" target="_blank" rel="noopener noreferrer" aria-label="Behance"><i class="ti ti-brand-behance"></i></a></li>
<li><a href="https://dribbble.com/dreamstechnologies" target="_blank" rel="noopener noreferrer" aria-label="Dribbble"><i class="ti ti-brand-dribbble"></i></a></li>
<li><a href="https://www.pinterest.com/dreamstechnologies/" target="_blank" rel="noopener noreferrer" aria-label="Pinterest"><i class="ti ti-brand-pinterest"></i></a></li>
<li><a href="https://www.youtube.com/channel/UCNi1cF0PYvQIg3uvxLrd3yA" target="_blank" rel="noopener noreferrer" aria-label="YouTube"><i class="ti ti-brand-youtube"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- /Footer Bottom -->
</section>
<!-- /Footer-->
<div class="media-icons">
<a href="https://wa.me/919600008844" class="whatsap-icon" target="_blank" rel="noopener noreferrer" aria-label="Chat on WhatsApp"><i class="ti ti-brand-whatsapp"></i></a>
<a href="mailto:[email protected]" class="mail-icon" aria-label="Send Email"><i class="ti ti-mail"></i></a>
</div>
</div>
<!-- /Main Wrapper -->
<!-- jQuery -->
<script src="assets/js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap Core JS -->
<script src="assets/js/bootstrap.bundle.min.js"></script>
<!-- Aos -->
<script src="assets/plugins/aos/aos.js"></script>
<!-- Custom JS -->
<script src="assets/js/script.min.js"></script>
<!--Scroll to top-->
<a href="#" id="scroll" style="display: none;"><span></span></a>
<!--/Scroll to top-->
<!-- Schema -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "SoftwareApplication",
"name": "SmartHR - HR Management Admin Dashboard Template",
"applicationCategory": "BusinessApplication",
"applicationSubCategory": "Human Resources Management System",
"operatingSystem": "Web Browser",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.9",
"reviewCount": "10",
"bestRating": "5"
},
"description": "SmartHR is a comprehensive 9-in-1 HR Management Admin Dashboard Template built with Bootstrap, Angular, React, Vue, Laravel, Node.js, PHP, CodeIgniter and Yii2. Perfect for managing employees, payroll, attendance, leave, recruitment and projects.",
"screenshot": "https://smarthr.co.in/demo/assets/img/ogmeta.svg",
"featureList": [
"Employee Management",
"Payroll Processing",
"Attendance Tracking",
"Leave Management",
"Recruitment System",
"Performance Evaluation",
"Project Management",
"Time Tracking",
"Expense Management",
"Document Management"
]
},
{
"@type": "Product",
"name": "SmartHR Admin Dashboard Template Bundle",
"image": [
"https://smarthr.co.in/demo/assets/img/ogmeta.svg",
"https://smarthr.co.in/demo/assets/img/inner-pages/dashboard-01.jpg",
"https://smarthr.co.in/demo/assets/img/inner-pages/slider-01.jpg"
],
"description": "Professional HR Management Admin Dashboard Template with 9 technology stacks including HTML5, Bootstrap 5, Angular 19+, React, Vue 3, Laravel, Node.js, PHP, and CodeIgniter",
"brand": {
"@type": "Brand",
"name": "SmartHR"
}
},
{
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What frameworks does SmartHR template support?",
"acceptedAnswer": {
"@type": "Answer",
"text": "SmartHR supports 9 technology stacks: HTML5/Bootstrap 5, Angular 19+, React, Vue 3, Laravel, Node.js, PHP, CodeIgniter, and Yii2 Framework."
}
},
{
"@type": "Question",
"name": "Is SmartHR suitable for HR management systems?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes, SmartHR is specifically designed for HRMS with features including employee management, payroll processing, attendance tracking, leave management, recruitment, and performance evaluation."
}
},
{
"@type": "Question",
"name": "Does SmartHR include RTL support?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes, SmartHR includes full RTL (Right-to-Left) language support for Arabic, Hebrew, and other RTL languages."
}
},
{
"@type": "Question",
"name": "Is the template mobile responsive?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes, SmartHR is fully responsive and optimized for all devices including desktop, tablet, and mobile screens."
}
}
]
}
]
}
</script>
<!-- Tawk -->
<script>
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5d7c946e9f6b7a4457e1a16b/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!-- Clarity -->
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "q66fbsboer");
</script>
</body>
</html>