File: /mnt/data/smarthr-co-in/demo/laravel_06/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-4E2PT0YFGN"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-4E2PT0YFGN');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>SmartHR - HR & Payroll Management | Laravel Admin Template</title>
<!-- Meta -->
<meta name="description" content="SmartHR is HR management Laravel template with payroll processing, employee tracking, recruitment, time attendance, and real-time analytics.">
<meta name="keywords" content="HR management software, payroll software, employee management system, Laravel HR template, HR admin dashboard, recruitment software, attendance tracking, performance management, HR analytics, employee self-service portal, workforce management, HRMS, human resource information system, cloud HR software, HR automation">
<meta name="author" content="Dreamguys - HR Management (HTML + Laravel) Admin Template - Smarthr">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://smarthr.co.in/demo/laravel">
<meta property="og:title" content="SmartHR - Complete HR & Payroll Management Software | Laravel Template">
<meta property="og:description" content="Streamline recruitment, employee management, payroll, attendance tracking, and performance reviews with SmartHR - the complete Laravel HR management solution.">
<meta property="og:image" content="https://smarthr.co.in/images/og-image.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:site_name" content="SmartHR">
<meta property="og:locale" content="en_US">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://smarthr.co.in/demo/laravel">
<meta name="twitter:title" content="SmartHR - Complete HR & Payroll Management Software">
<meta name="twitter:description" content="Streamline recruitment, employee management, payroll, attendance tracking, and performance reviews with SmartHR.">
<meta name="twitter:image" content="https://smarthr.co.in/images/twitter-image.jpg">
<meta name="twitter:creator" content="@smarthr">
<meta name="twitter:site" content="@smarthr">
<!-- LinkedIn -->
<meta property="og:type" content="article">
<meta property="article:publisher" content="https://linkedin.com/company/smarthr">
<!-- Additional Social Tags -->
<meta name="pinterest:description" content="Complete HR management software with payroll, recruitment, attendance, and employee self-service portal.">
<meta name="pinterest:media" content="https://smarthr.co.in/images/pinterest-image.jpg">
<!-- Canonical URL -->
<link rel="canonical" href="https://smarthr.co.in/demo/laravel">
<!-- Alternate Languages (if applicable) -->
<link rel="alternate" hreflang="en" href="https://smarthr.co.in/demo/laravel">
<link rel="alternate" hreflang="x-default" href="https://smarthr.co.in/demo/laravel">
<!-- Font Family -->
<link href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon-180x180.png">
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Main.css -->
<link rel="stylesheet" href="assets/css/meanmenu.css">
<!-- Tabler Icon CSS -->
<link rel="stylesheet" href="assets/plugins/tabler-icons/tabler-icons.css">
<!-- Fontawesome Icon CSS -->
<link rel="stylesheet" href="assets/plugins/fontawesome/css/fontawesome.min.css">
<link rel="stylesheet" href="assets/plugins/fontawesome/css/all.min.css">
<!-- Tabler Icon CSS -->
<link rel="stylesheet" href="assets/plugins/swiper/swiper-bundle.min.css">
<!-- Style CSS -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!-- Header -->
<header>
<div class="container">
<div class="offcanvas-info">
<div class="offcanvas-wrap">
<div class="offcanvas-detail">
<div class="offcanvas-head d-flex justify-content-between align-items-center mb-3">
<a href="index.html">
<img src="assets/img/logo.svg" alt="logo-img">
</a>
<div class="offcanvas-close">
<i class="ti ti-x"></i>
</div>
</div>
<div class="mobile-menu fix mb-3"></div>
<div class="offcanvas__contact">
<div class="mt-4">
<a href="https://themeforest.net/item/smarthr-laravel-admin-template/27532539" target="_blank" class="btn btn-dark w-100"><i class="ti ti-shopping-cart me-2"></i>Buy Template</a>
</div>
</div>
</div>
</div>
</div>
<div class="offcanvas-overlay"></div>
<div class="header-nav">
<div class="main-menu-wrapper">
<div class="navbar-logo">
<a class="logo-link header-logo" href="#home">
<img src="assets/img/logo.svg" class="logo logo-display" alt="Logo">
</a>
</div>
<nav id="mobile-menu">
<ul class="main-nav">
<li class="nav-item">
<a class="nav-link" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#demos">Demos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#inner-pages">Inner Pages</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#features">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#pricing">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#faq">FAQ</a>
</li>
</ul>
</nav>
<div class="header-btn d-flex align-items-center">
<a href="https://themeforest.net/item/smarthr-laravel-admin-template/27532539" target="_blank" class="btn btn-dark"><i class="ti ti-shopping-cart-up me-2"></i>Buy Template</a>
<div class="header__hamburger d-xl-none my-auto">
<div class="sidebar-menu">
<i class="fa-solid fa-bars"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- /Header -->
<!-- Hero Section -->
<section class="hero-section" id="home">
<div class="hero-content position-relative">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.3s">
<div>
<div class="banner-tag-info d-inline-flex align-items-center mb-3">
<span class="d-block flex-shrink-0 me-2">š„Hot Product</span>
<p>Made From Elite Premium Author</p>
</div>
<h1>Complete <span class="text-primary">HR Management & Payroll Software</span> for Modern Businesses</h1>
<p class="mb-4">Simplify recruitment, manage employee data, and optimize workflows with our all-in-one HR admin platform designed for seamless team management.</p>
<div class="d-flex align-items-center">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/" target="_blank" class="btn btn-dark d-inline-flex align-items-center"><i class="ti ti-player-play me-2"></i>Live Demo</a>
<a href="https://themeforest.net/item/smarthr-laravel-admin-template/27532539" target="_blank" class="btn btn-primary d-inline-flex align-items-center"><i class="ti ti-crown me-2"></i>View Pricing</a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="banner-img mt-4 mt-lg-0">
<span><img src="assets/img/banner-img.png" class="img-fluid" alt="banner"></span>
<div class="banner-bg">
<img src="assets/img/bg/banner-bg-01.png" class="banner-bg-01" alt="img">
<img src="assets/img/bg/banner-bg-02.png" class="banner-bg-02" alt="img">
<img src="assets/img/bg/banner-bg-03.svg" class="banner-bg-03 floating-y" alt="img">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Hero Section -->
<!-- Choose Template Section -->
<section class="section choose-template custom-padding">
<div class="sec-bg">
<img src="assets/img/bg/section-bg-01.png" class="sec-bg-1" alt="img">
</div>
<div class="container">
<div class="section-header text-center">
<h2 class="text-white mb-2">Why Choose Our HR Admin Template?</h2>
<p class="text-white">Unlock the full potential of your HR operations with these standout features.</p>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="card choose-template-card card-hover">
<div class="card-body">
<span class="choose-icon mb-2">
<img src="assets/img/icons/choose-icon-01.svg" alt="img">
</span>
<div>
<h5 class="mb-2">Comprehensive Dashboard</h5>
<p class="text-truncate line-clamb-2">Monitor key HR metrics like attendance, leave balances, and payroll insights in one intuitive interface.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card choose-template-card card-hover">
<div class="card-body">
<span class="choose-icon mb-2">
<img src="assets/img/icons/choose-icon-02.svg" alt="img">
</span>
<div>
<h5 class="mb-2">Streamlined Recruitment</h5>
<p class="text-truncate line-clamb-2">Streamline hiring with candidate tracking, automated postings, resume parsing, and interview scheduling.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card choose-template-card card-hover">
<div class="card-body">
<span class="choose-icon mb-2">
<img src="assets/img/icons/choose-icon-03.svg" alt="img">
</span>
<div>
<h5 class="mb-2">Employee Self-Service Portal</h5>
<p class="text-truncate line-clamb-2">Empower your team to update details, request leaves, and access pay slips anytime, anywhere.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card choose-template-card card-hover">
<div class="card-body">
<span class="choose-icon mb-2">
<img src="assets/img/icons/choose-icon-04.svg" alt="img">
</span>
<div>
<h5 class="mb-2">Advanced Reporting</h5>
<p class="text-truncate line-clamb-2">Generate and export reports on expenses, payroll, and performance for data-driven decisions.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card choose-template-card card-hover">
<div class="card-body">
<span class="choose-icon mb-2">
<img src="assets/img/icons/choose-icon-05.svg" alt="img">
</span>
<div>
<h5 class="mb-2">Customizable Design</h5>
<p class="text-truncate line-clamb-2">Our template offers flexibility in color schemes, layouts, and features to create a personalized UI.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card choose-template-card card-hover">
<div class="card-body">
<span class="choose-icon mb-2">
<img src="assets/img/icons/choose-icon-06.svg" alt="img">
</span>
<div>
<h5 class="mb-2">Mobile-Responsive</h5>
<p class="text-truncate line-clamb-2">Stay connected and manage HR operations anywhere with a responsive design that adapts to all devices.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Choose Template Section -->
<!-- Dashboard Demo Section -->
<section class="section demo-sec" id="demos">
<div class="sec-bg">
<img src="assets/img/bg/section-bg-03.png" class="sec-bg-1" alt="img">
<img src="assets/img/bg/section-bg-04.png" class="sec-bg-2" alt="img">
</div>
<div class="container">
<div class="section-header text-center">
<h2 class="mb-2"><span class="text-primary">Unique Dashboards</span> for Comprehensive HR Management</h2>
<p>Explore ourunique distinct dashboards designed to manage every aspect of your HR operations efficiently.</p>
</div>
<div class="row">
<div class="col-md-10 mx-auto">
<div class="template-inner-tab">
<ul class="nav nav-pills justify-content-center mb-4" id="pills-tab" role="tablist">
<li class="nav-item me-3 mb-2" 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 me-3 mb-2" 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 me-3 mb-2" 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 me-3 mb-2" 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>
<li class="nav-item me-3 mb-2" role="presentation">
<button class="nav-link" id="pills-dashboard-tab5" data-bs-toggle="pill" data-bs-target="#pills-dashboard5" type="button" role="tab" aria-selected="false">Super Admin</button>
</li>
</ul>
<div class="tab-content dashboard-tab">
<div class="tab-pane fade show active" id="pills-dashboard" role="tabpanel">
<div class="card card-hover">
<div class="card-body">
<div class="dashboard-img rounded-top pb-0">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/index" target="_blank"><img src="assets/img/inner-pages/dashboard-01.jpg" class="rounded-top" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-dashboard2" role="tabpanel">
<div class="card card-hover">
<div class="card-body">
<div class="dashboard-img rounded-top pb-0">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/employee-dashboard" target="_blank"><img src="assets/img/inner-pages/dashboard-02.jpg" class="rounded-top" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-dashboard3" role="tabpanel">
<div class="card card-hover">
<div class="card-body">
<div class="dashboard-img rounded-top pb-0">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/deals-dashboard" target="_blank"><img src="assets/img/inner-pages/dashboard-03.jpg" class="rounded-top" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-dashboard4" role="tabpanel">
<div class="card card-hover">
<div class="card-body">
<div class="dashboard-img rounded-top pb-0">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/leads-dashboard" target="_blank"><img src="assets/img/inner-pages/dashboard-04.jpg" class="rounded-top" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-dashboard5" role="tabpanel">
<div class="card card-hover">
<div class="card-body">
<div class="dashboard-img rounded-top pb-0">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/dashboard" target="_blank"><img src="assets/img/inner-pages/dashboard-05.jpg" class="rounded-top" alt="img"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Dashboard Demo Section -->
<!-- Support Section -->
<section class="support-section bg-primary">
<div class="horizontal-slide bg-secondary py-3 d-flex" data-direction="left" data-speed="speed">
<div class="slide-list d-flex">
<div class="support-item d-flex align-items-center flex-shrink-0 me-4">
<h6 class="text-white fw-medium">Unlock HR Excellence</h6>
<span class="d-block ms-4"><i class="ti ti-cell"></i></span>
</div>
<div class="support-item d-flex align-items-center flex-shrink-0 me-4">
<h6 class="text-white fw-medium">Elevate Team Efficiency</h6>
<span class="d-block ms-4"><i class="ti ti-cell"></i></span>
</div>
<div class="support-item d-flex align-items-center flex-shrink-0 me-4">
<h6 class="text-white fw-medium">Maximize Productivity</h6>
<span class="d-block ms-4"><i class="ti ti-cell"></i></span>
</div>
<div class="support-item d-flex align-items-center flex-shrink-0 me-4">
<h6 class="text-white fw-medium">Simplify Your Workflow</h6>
<span class="d-block ms-4"><i class="ti ti-cell"></i></span>
</div>
<div class="support-item d-flex align-items-center flex-shrink-0 me-4">
<h6 class="text-white fw-medium">All-in-One HR Solution</h6>
<span class="d-block ms-4"><i class="ti ti-cell"></i></span>
</div>
<div class="support-item d-flex align-items-center flex-shrink-0 me-4">
<h6 class="text-white fw-medium">Complete HR ControlĀ </h6>
<span class="d-block ms-4"><i class="ti ti-cell"></i></span>
</div>
<div class="support-item d-flex align-items-center flex-shrink-0 me-4">
<h6 class="text-white fw-medium">Streamline Recruitment</h6>
<span class="d-block ms-4"><i class="ti ti-cell"></i></span>
</div>
</div>
</div>
</section>
<!-- /Support Section -->
<!-- Features Section -->
<section class="section feature-section custom-padding" id="features">
<div class="container">
<div class="section-header text-center">
<h2 class="mb-2"><span class="text-primary">Laravel </span> Features</h2>
<p>Advanced Laravel Features We Utilize</p>
</div>
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="framework-features card-hover bg-light rounded text-center mb-4">
<div class="p-4">
<span><img src="assets/img/icons/features-01.svg" alt="img"></span>
</div>
<div class="bg-primary p-1 rounded-bottom">
<h6 class="text-white fw-medium">Laravel 11</h6>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="framework-features card-hover bg-light rounded text-center mb-4">
<div class="p-4">
<span><img src="assets/img/icons/features-02.svg" alt="img"></span>
</div>
<div class="bg-primary p-1 rounded-bottom">
<h6 class="text-white fw-medium">Scss</h6>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="framework-features card-hover bg-light rounded text-center mb-4">
<div class="p-4">
<span><img src="assets/img/icons/features-03.svg" alt="img"></span>
</div>
<div class="bg-primary p-1 rounded-bottom">
<h6 class="text-white fw-medium">Bootstrap 5</h6>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="framework-features card-hover bg-light rounded text-center mb-4">
<div class="p-4">
<span><img src="assets/img/icons/features-04.svg" alt="img"></span>
</div>
<div class="bg-primary p-1 rounded-bottom">
<h6 class="text-white fw-medium">CSS</h6>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="framework-features card-hover bg-light rounded text-center mb-4">
<div class="p-4">
<span><img src="assets/img/icons/features-05.svg" alt="img"></span>
</div>
<div class="bg-primary p-1 rounded-bottom">
<h6 class="text-white fw-medium">NPM</h6>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="framework-features card-hover bg-light rounded text-center mb-4">
<div class="p-4">
<span><img src="assets/img/icons/features-06.svg" alt="img"></span>
</div>
<div class="bg-primary p-1 rounded-bottom">
<h6 class="text-white fw-medium">Layouts</h6>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="framework-features card-hover bg-light rounded text-center mb-4">
<div class="p-4">
<span><img src="assets/img/icons/features-07.svg" alt="img"></span>
</div>
<div class="bg-primary p-1 rounded-bottom">
<h6 class="text-white fw-medium">Plugins</h6>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="framework-features card-hover bg-light rounded text-center mb-4">
<div class="p-4">
<span><img src="assets/img/icons/features-08.svg" alt="img"></span>
</div>
<div class="bg-primary p-1 rounded-bottom">
<h6 class="text-white fw-medium">Router</h6>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="framework-features card-hover bg-light rounded text-center mb-4">
<div class="p-4">
<span><img src="assets/img/icons/features-09.svg" alt="img"></span>
</div>
<div class="bg-primary p-1 rounded-bottom">
<h6 class="text-white fw-medium">Apex Chart</h6>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="framework-features card-hover bg-light rounded text-center mb-4">
<div class="p-4">
<span><img src="assets/img/icons/features-10.svg" alt="img"></span>
</div>
<div class="bg-primary p-1 rounded-bottom">
<h6 class="text-white fw-medium">Authentication</h6>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="framework-features card-hover bg-light rounded text-center mb-4">
<div class="p-4">
<span><img src="assets/img/icons/features-11.svg" alt="img"></span>
</div>
<div class="bg-primary p-1 rounded-bottom">
<h6 class="text-white fw-medium">Vite</h6>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="framework-features card-hover bg-light rounded text-center mb-4">
<div class="p-4">
<span><img src="assets/img/icons/features-12.svg" alt="img"></span>
</div>
<div class="bg-primary p-1 rounded-bottom">
<h6 class="text-white fw-medium">Data Tables</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Features Section -->
<!-- Why Smarthr Section -->
<section class="section p-0">
<div class="container">
<div class="counter-sec">
<div class="sec-bg">
<img src="assets/img/bg/section-bg-05.svg" class="sec-bg-1" alt="img">
<img src="assets/img/bg/section-bg-06.svg" class="sec-bg-2" alt="img">
</div>
<div class="section-header text-center">
<h2 class="text-white mb-2"><span class="text-primary">Why </span> SmartHR</h2>
<p class="text-white">SmartHR includes multiple awesomely designed and carefully crafted applications which enable <br>
you to get started and build your applications faster.
</p>
</div>
<div class="row g-4">
<div class="col-sm-6 col-lg-3">
<div class="counter-item text-center wow fadeInUp" data-wow-delay="0.2s">
<h3 class="text-white mb-1"><span class="count-digit">10</span>+</h3>
<p class="fw-medium fs-14 text-white"><i class="ti ti-apps me-1"></i>Applications</p>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="counter-item text-center wow fadeInUp" data-wow-delay="0.4s">
<h3 class="text-white mb-1"><span class="count-digit">200</span>+</h3>
<p class="fw-medium fs-14 text-white"><i class="ti ti-files me-1"></i>Pages</p>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="counter-item text-center wow fadeInUp" data-wow-delay="0.6s">
<h3 class="text-white mb-1"><span class="count-digit">80</span>+</h3>
<p class="fw-medium fs-14 text-white"><i class="ti ti-layout me-1"></i>Widgets</p>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="counter-item text-center wow fadeInUp" data-wow-delay="0.8s">
<h3 class="text-white mb-1"><span class="count-digit">400</span>+</h3>
<p class="fw-medium fs-14 text-white"><i class="ti ti-components me-1"></i>Components</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Why Smarthr Section -->
<!-- Feature Pages Section -->
<section class="section feature-pages">
<div class="container">
<div class="row align-items-center features-padding">
<div class="col-lg-6">
<div class="section-header mb-3">
<h2 class="mb-2">Complete Control with the <span class="text-primary">Super Admin</span> </h2>
<p>Gain full access and oversight of all system functionalities, ensuring seamless management and smooth operation of your HR platform.</p>
</div>
<div class="row mb-1">
<div class="col-sm-6">
<h6 class="d-flex align-items-center fw-medium mb-3">
<i class="ti ti-checks text-primary me-2"></i>
Dashboard
</h6>
<h6 class="d-flex align-items-center fw-medium mb-3">
<i class="ti ti-checks text-primary me-2"></i>
Manage Companies
</h6>
<h6 class="d-flex align-items-center fw-medium mb-3">
<i class="ti ti-checks text-primary me-2"></i>
Manage Packages
</h6>
</div>
<div class="col-sm-6">
<h6 class="d-flex align-items-center fw-medium mb-3">
<i class="ti ti-checks text-primary me-2"></i>
Manage Subscriptions
</h6>
<h6 class="d-flex align-items-center fw-medium mb-3">
<i class="ti ti-checks text-primary me-2"></i>
Manage Domains
</h6>
<h6 class="d-flex align-items-center fw-medium mb-3">
<i class="ti ti-checks text-primary me-2"></i>
Purchase Transactions
</h6>
</div>
</div>
<div class="section-btn">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/index" target="_blank" class="btn btn-dark d-inline-flex align-items-center">Live Demo<i class="ti ti-arrow-right ms-1"></i></a>
</div>
</div>
<div class="col-lg-6">
<div class="img-bg-box text-center">
<span><img src="assets/img/inner-pages/demo-01.png" alt="img"></span>
</div>
</div>
</div>
<div class="row align-items-center">
<div class="col-lg-6">
<div class="img-bg-box text-center">
<span><img src="assets/img/inner-pages/demo-02.png" alt="img"></span>
</div>
</div>
<div class="col-lg-6">
<div class="section-header mb-3">
<h2 class="mb-2">Track, Manage, and Optimize Your <span class="text-primary">Jobs</span> </h2>
<p>Simplify recruitment with advanced tools to manage job postings, track applicants, and streamline the hiring process efficiently.</p>
</div>
<div class="row mb-1">
<div class="col-sm-6">
<h6 class="d-flex align-items-center fw-medium mb-3">
<i class="ti ti-checks text-primary me-2"></i>
Job Listings Management
</h6>
<h6 class="d-flex align-items-center fw-medium mb-3">
<i class="ti ti-checks text-primary me-2"></i>
Interview Scheduling
</h6>
<h6 class="d-flex align-items-center fw-medium mb-3">
<i class="ti ti-checks text-primary me-2"></i>
Candidate Database
</h6>
</div>
<div class="col-sm-6">
<h6 class="d-flex align-items-center fw-medium mb-3">
<i class="ti ti-checks text-primary me-2"></i>
Candidate Listings
</h6>
<h6 class="d-flex align-items-center fw-medium mb-3">
<i class="ti ti-checks text-primary me-2"></i>
Application Tracking
</h6>
<h6 class="d-flex align-items-center fw-medium mb-3">
<i class="ti ti-checks text-primary me-2"></i>
Referrals
</h6>
</div>
</div>
<div class="section-btn">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/index" target="_blank" class="btn btn-dark d-inline-flex align-items-center">Live Demo<i class="ti ti-arrow-right ms-1"></i></a>
</div>
</div>
</div>
</div>
</section>
<!-- Feature Pages Section -->
<!-- Inner Pages Section -->
<section class="section inner-pages-sec" id="inner-pages">
<div class="container">
<div class="section-header text-center">
<h2 class="mb-2"><span class="text-primary">Prebuilt Pages </span> to Accelerate Your Workflow</h2>
<p>Streamline your setup with our collection of prebuilt, customizable pages</p>
</div>
<div class="template-inner-tab">
<ul class="nav nav-pills justify-content-center mb-4" id="pills-tab2" role="tablist">
<li class="nav-item me-3 mb-2" role="presentation">
<button class="nav-link active" id="pills-dashboard-tab6" data-bs-toggle="pill" data-bs-target="#pills-dashboard6" type="button" role="tab" aria-selected="false">Applications</button>
</li>
<li class="nav-item me-3 mb-2" role="presentation">
<button class="nav-link" id="pills-dashboard-tab7" data-bs-toggle="pill" data-bs-target="#pills-dashboard7" type="button" role="tab" aria-selected="true">CRMS</button>
</li>
<li class="nav-item me-3 mb-2" role="presentation">
<button class="nav-link" id="pills-dashboard-tab8" data-bs-toggle="pill" data-bs-target="#pills-dashboard8" type="button" role="tab" aria-selected="false">Authentication</button>
</li>
<li class="nav-item me-3 mb-2" role="presentation">
<button class="nav-link" id="pills-dashboard-tab9" data-bs-toggle="pill" data-bs-target="#pills-dashboard9" type="button" role="tab" aria-selected="false">Other Modules</button>
</li>
</ul>
<div class="tab-content dashboard-tab">
<div class="tab-pane fade show active" id="pills-dashboard6" role="tabpanel">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/chat" target="_blank">Chats</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/chat" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/chat" target="_blank"><img src="assets/img/inner-pages/inner-page-01.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/video-call" target="_blank">Video Calls</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/video-call" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/video-call" target="_blank"><img src="assets/img/inner-pages/inner-page-02.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/voice-call" target="_blank">Voice Calls</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/voice-call" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/voice-call" target="_blank"><img src="assets/img/inner-pages/inner-page-03.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/calendar" target="_blank">Calendar</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/calendar" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/calendar" target="_blank"><img src="assets/img/inner-pages/inner-page-04.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/email" target="_blank">Emails</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/email" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/email" target="_blank"><img src="assets/img/inner-pages/inner-page-05.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/todo" target="_blank">To Do</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/todo" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/todo" target="_blank"><img src="assets/img/inner-pages/inner-page-06.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/file-manager" target="_blank">File Manager</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/file-manager" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/file-manager" target="_blank"><img src="assets/img/inner-pages/inner-page-07.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/social-feed" target="_blank">Social Feed</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/social-feed" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/social-feed" target="_blank"><img src="assets/img/inner-pages/inner-page-08.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/invoices" target="_blank">Invoices</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/invoices" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/invoices" target="_blank"><img src="assets/img/inner-pages/inner-page-09.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-dashboard7" role="tabpanel">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/contacts" target="_blank">Contacts</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/contacts" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/contacts" target="_blank"><img src="assets/img/inner-pages/inner-page-10.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/companies-crm" target="_blank">Companies</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/companies-crm" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/companies-crm" target="_blank"><img src="assets/img/inner-pages/inner-page-11.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/deals" target="_blank">Deals</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/deals" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/deals" target="_blank"><img src="assets/img/inner-pages/inner-page-12.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/leads" target="_blank">Leads</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/leads" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/leads" target="_blank"><img src="assets/img/inner-pages/inner-page-13.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/pipeline" target="_blank">Pipeline</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/pipeline" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/pipeline" target="_blank"><img src="assets/img/inner-pages/inner-page-14.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/activity" target="_blank">Activities</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/activity" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/activity" target="_blank"><img src="assets/img/inner-pages/inner-page-15.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-dashboard8" role="tabpanel">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/register" target="_blank">Sign Up</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/register" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/register" target="_blank"><img src="assets/img/inner-pages/inner-page-16.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/login" target="_blank">Sign In</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/login" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/login" target="_blank"><img src="assets/img/inner-pages/inner-page-17.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/forgot-password" target="_blank">Forgot Password</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/forgot-password" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/forgot-password" target="_blank"><img src="assets/img/inner-pages/inner-page-18.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/lock-screen" target="_blank">Lock Screen</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/lock-screen" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/lock-screen" target="_blank"><img src="assets/img/inner-pages/inner-page-19.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/error-404" target="_blank">Error 404</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/error-404" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/error-404" target="_blank"><img src="assets/img/inner-pages/inner-page-20.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/error-500" target="_blank">Error 500</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/error-500" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/error-500" target="_blank"><img src="assets/img/inner-pages/inner-page-21.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/under-maintenance" target="_blank">Under Maintenance</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/under-maintenance" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/under-maintenance" target="_blank"><img src="assets/img/inner-pages/inner-page-22.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/coming-soon" target="_blank">Coming Soon</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/coming-soon" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/coming-soon" target="_blank"><img src="assets/img/inner-pages/inner-page-23.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/under-construction" target="_blank">Under Construction</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/under-construction" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/under-construction" target="_blank"><img src="assets/img/inner-pages/inner-page-24.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-dashboard9" role="tabpanel">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/employees" target="_blank">Employees</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/employees" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/employees" target="_blank"><img src="assets/img/inner-pages/inner-page-25.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/clients" target="_blank">Clients</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/clients" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/clients" target="_blank"><img src="assets/img/inner-pages/inner-page-26.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/projects" target="_blank">Projects</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/projects" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/projects" target="_blank"><img src="assets/img/inner-pages/inner-page-27.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/tasks" target="_blank">Tasks</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/tasks" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/tasks" target="_blank"><img src="assets/img/inner-pages/inner-page-28.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/tickets" target="_blank">Tickets</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/tickets" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/tickets" target="_blank"><img src="assets/img/inner-pages/inner-page-29.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/attendance-employee" target="_blank">Attendance</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/attendance-employee" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/attendance-employee" target="_blank"><img src="assets/img/inner-pages/inner-page-30.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/job-list" target="_blank">Jobs</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/job-list" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/job-list" target="_blank"><img src="assets/img/inner-pages/inner-page-31.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/candidates" target="_blank">Candidates</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/candidates" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/candidates" target="_blank"><img src="assets/img/inner-pages/inner-page-32.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<h4 class="fs-20"><a href="https://smarthr.dreamstechnologies.com/laravel/template/public/profile-settings" target="_blank">Settings</a></h4>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/profile-settings" target="_blank" class="fs-24"><i class="ti ti-arrow-right"></i></a>
</div>
<div class="inner-img-bg">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/profile-settings" target="_blank"><img src="assets/img/inner-pages/inner-page-33.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Inner Pages Section -->
<!-- Layouts Section -->
<section class="section layouts-sec bg-primary">
<div class="sec-bg">
<img src="assets/img/bg/section-bg-07.png" class="sec-bg-1" alt="img">
<img src="assets/img/bg/section-bg-08.png" class="sec-bg-2" alt="img">
</div>
<div class="container">
<div class="section-header text-center">
<h2 class="text-white mb-2">Explore Versatile Layouts</h2>
<p class="text-white">Discover adaptable and visually stunning layouts for every requirement.</p>
</div>
<div class="row g-4">
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
<div class="layout-card card-hover p-2 border rounded">
<span><img src="assets/img/layouts/layout-01.svg" alt="img"></span>
<div class="text-center bg-secondary p-1 rounded-bottom">
<h6 class="fs-12 fw-medium text-white">Default</h6>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
<div class="layout-card card-hover p-2 border rounded">
<span><img src="assets/img/layouts/layout-02.svg" alt="img"></span>
<div class="text-center bg-secondary p-1 rounded-bottom">
<h6 class="fs-12 fw-medium text-white">Detached</h6>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
<div class="layout-card card-hover p-2 border rounded">
<span><img src="assets/img/layouts/layout-03.svg" alt="img"></span>
<div class="text-center bg-secondary p-1 rounded-bottom">
<h6 class="fs-12 fw-medium text-white">Horizontal Single</h6>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
<div class="layout-card card-hover p-2 border rounded">
<span><img src="assets/img/layouts/layout-04.svg" alt="img"></span>
<div class="text-center bg-secondary p-1 rounded-bottom">
<h6 class="fs-12 fw-medium text-white">Menu Stacked</h6>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
<div class="layout-card card-hover p-2 border rounded">
<span><img src="assets/img/layouts/layout-05.svg" alt="img"></span>
<div class="text-center bg-secondary p-1 rounded-bottom">
<h6 class="fs-12 fw-medium text-white">Mini</h6>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
<div class="layout-card card-hover p-2 border rounded">
<span><img src="assets/img/layouts/layout-06.svg" alt="img"></span>
<div class="text-center bg-secondary p-1 rounded-bottom">
<h6 class="fs-12 fw-medium text-white">Transparent</h6>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
<div class="layout-card card-hover p-2 border rounded">
<span><img src="assets/img/layouts/layout-07.svg" alt="img"></span>
<div class="text-center bg-secondary p-1 rounded-bottom">
<h6 class="fs-12 fw-medium text-white">RTL</h6>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
<div class="layout-card card-hover p-2 border rounded">
<span><img src="assets/img/layouts/layout-08.svg" alt="img"></span>
<div class="text-center bg-secondary p-1 rounded-bottom">
<h6 class="fs-12 fw-medium text-white">Two Column</h6>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
<div class="layout-card card-hover p-2 border rounded">
<span><img src="assets/img/layouts/layout-09.svg" alt="img"></span>
<div class="text-center bg-secondary p-1 rounded-bottom">
<h6 class="fs-12 fw-medium text-white">Modern Layout</h6>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
<div class="layout-card card-hover p-2 border rounded">
<span><img src="assets/img/layouts/layout-10.svg" alt="img"></span>
<div class="text-center bg-secondary p-1 rounded-bottom">
<h6 class="fs-12 fw-medium text-white">Horizontal Overlay</h6>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
<div class="layout-card card-hover p-2 border rounded">
<span><img src="assets/img/layouts/layout-11.svg" alt="img"></span>
<div class="text-center bg-secondary p-1 rounded-bottom">
<h6 class="fs-12 fw-medium text-white">Menu Aside</h6>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
<div class="layout-card card-hover p-2 border rounded">
<span><img src="assets/img/layouts/layout-12.svg" alt="img"></span>
<div class="text-center bg-secondary p-1 rounded-bottom">
<h6 class="fs-12 fw-medium text-white">Bordered</h6>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
<div class="layout-card card-hover p-2 border rounded">
<span><img src="assets/img/layouts/layout-13.svg" alt="img"></span>
<div class="text-center bg-secondary p-1 rounded-bottom">
<h6 class="fs-12 fw-medium text-white">Only shadow</h6>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
<div class="layout-card card-hover p-2 border rounded">
<span><img src="assets/img/layouts/layout-14.svg" alt="img"></span>
<div class="text-center bg-secondary p-1 rounded-bottom">
<h6 class="fs-12 fw-medium text-white">Without Header</h6>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
<div class="layout-card card-hover p-2 border rounded">
<span><img src="assets/img/layouts/layout-15.svg" alt="img"></span>
<div class="text-center bg-secondary p-1 rounded-bottom">
<h6 class="fs-12 fw-medium text-white">Borderless</h6>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
<div class="layout-card card-hover p-2 border rounded">
<span><img src="assets/img/layouts/layout-16.svg" alt="img"></span>
<div class="text-center bg-secondary p-1 rounded-bottom">
<h6 class="fs-12 fw-medium text-white">Default</h6>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
<div class="layout-card card-hover p-2 border rounded">
<span><img src="assets/img/layouts/layout-17.svg" alt="img"></span>
<div class="text-center bg-secondary p-1 rounded-bottom">
<h6 class="fs-12 fw-medium text-white">Compact</h6>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
<div class="layout-card card-hover p-2 border rounded">
<span><img src="assets/img/layouts/layout-18.svg" alt="img"></span>
<div class="text-center bg-secondary p-1 rounded-bottom">
<h6 class="fs-12 fw-medium text-white">Hover View</h6>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Layouts Section -->
<!-- Pricing Section -->
<section class="section price-section custom-padding" id="pricing">
<div class="sec-bg">
<img src="assets/img/bg/section-bg-09.png" class="sec-bg-1" alt="img">
<img src="assets/img/bg/section-bg-10.png" class="sec-bg-2" alt="img">
</div>
<div class="container">
<div class="row justify-content-center">
<div class="section-header text-center">
<h2 class="mb-2">Flexible <span class="text-primary">Pricing Plans </span>for Every Need</h2>
<p>Find the perfect plan to maximize your value and achieve your goals.</p>
</div>
</div>
<div class="row">
<div class="col-xl-7 col-lg-8 mx-auto">
<div class="row g-4">
<div class="col-lg-6">
<div class="card pricing-card wow fadeInUp" data-wow-delay="0.2s">
<div class="card-header bg-light rounded-top border-bottom">
<div>
<h3 class="mb-2">Regular License</h3>
<p>Use, by you or one client, in a single end product which end users are not charged for.</p>
</div>
</div>
<div class="card-body">
<div class="pricing-head mb-3 pb-3 border-bottom">
<h2 class="text-primary">$35</h2>
</div>
<div class="mb-3">
<a href="https://themeforest.net/item/smarthr-laravel-admin-template/27532539" target="_blank" class="btn btn-dark w-100">Choose Plan</a>
</div>
<div class="pricing-body">
<ul class="pricing-list">
<li><i class="ti ti-circle-check me-2 text-success"></i>Full Source Code</li>
<li><i class="ti ti-circle-check me-2 text-success"></i>Premium Support</li>
<li><i class="ti ti-circle-check me-2 text-success"></i>Lifetime Free Updates</li>
<li><i class="ti ti-circle-check me-2 text-success"></i>Figma Design File</li>
<li><i class="ti ti-circle-check me-2 text-success"></i>No Charge for End Users</li>
<li><i class="ti ti-circle-check me-2 text-success"></i>6 Months of Support (Envato Support Policy)</li>
<li><i class="ti ti-circle-check me-2 text-success"></i>All Features Included</li>
<li><i class="ti ti-circle-x me-2 text-danger"></i>For Commercial Projects</li>
<li><i class="ti ti-circle-x me-2 text-danger"></i>Priority Support </li>
<li><i class="ti ti-circle-x me-2 text-danger"></i>White-label Branding</li>
<li><i class="ti ti-circle-x me-2 text-danger"></i>SaaS Product Development</li>
<li><i class="ti ti-circle-x me-2 text-danger"></i>Installation Support</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card pricing-card wow fadeInUp" data-wow-delay="0.2s">
<div class="card-header bg-light rounded-top border-bottom">
<div>
<h3 class="mb-2">Extended License</h3>
<p>Use, by you or one client, in a single end product which end users can be charged for.</p>
</div>
</div>
<div class="card-body">
<div class="pricing-head mb-3 pb-3 border-bottom">
<h2 class="text-primary d-flex align-items-center">$499
<span class="badge fs-16 fw-medium rounded-pill bg-secondary ms-2">Recommended</span>
</h2>
</div>
<div class="mb-3">
<a href="https://themeforest.net/item/smarthr-laravel-admin-template/27532539" target="_blank" class="btn btn-dark w-100">Choose Plan</a>
</div>
<div class="pricing-body">
<ul class="pricing-list">
<li><i class="ti ti-circle-check me-2 text-success"></i>Full Source Code</li>
<li><i class="ti ti-circle-check me-2 text-success"></i>Premium Support</li>
<li><i class="ti ti-circle-check me-2 text-success"></i>Lifetime Free Updates</li>
<li><i class="ti ti-circle-check me-2 text-success"></i>Figma Design File</li>
<li><i class="ti ti-circle-check me-2 text-success"></i>No Charge for End Users</li>
<li><i class="ti ti-circle-check me-2 text-success"></i>6 Months of Support (Envato Support Policy)</li>
<li><i class="ti ti-circle-check me-2 text-success"></i>All Features Included</li>
<li><i class="ti ti-circle-check me-2 text-success"></i>For Commercial Projects</li>
<li><i class="ti ti-circle-check me-2 text-success"></i>Priority Support </li>
<li><i class="ti ti-circle-check me-2 text-success"></i>White-label Branding</li>
<li><i class="ti ti-circle-check me-2 text-success"></i>SaaS Product Development</li>
<li><i class="ti ti-circle-x me-2 text-danger"></i>Installation Support</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Pricing Section -->
<!-- Faq Section -->
<section class="section faq-sec" id="faq">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="mb-4 mb-lg-0">
<img src="assets/img/bg/faq-sec-img.png" alt="img">
</div>
</div>
<div class="col-lg-7">
<div class="section-header">
<h2 class="mb-2">Frequently Asked <span class="text-primary">Questions</span></h2>
<p>Get quick answers to the most common questions</p>
</div>
<div class="accordion accordion-flush" id="accordionFaq">
<div class="accordion-item border rounded show mb-3 wow fadeInUp" data-wow-delay="0.2s">
<h2 class="accordion-header">
<button class="accordion-button rounded" type="button" data-bs-toggle="collapse" data-bs-target="#faq-collapseOne" aria-expanded="false" aria-controls="faq-collapseOne">
What is Regular License?
</button>
</h2>
<div id="faq-collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionFaq">
<div class="accordion-body">
<p>In simple terms, Regular License means your end product is distributed for free</p>
</div>
</div>
</div>
<div class="accordion-item mb-3 border rounded wow fadeInUp" data-wow-delay="0.4s">
<h2 class="accordion-header">
<button class="accordion-button rounded collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-collapsetwo" aria-expanded="false" aria-controls="faq-collapsetwo">
What is Extended License?
</button>
</h2>
<div id="faq-collapsetwo" class="accordion-collapse collapse" data-bs-parent="#accordionFaq">
<div class="accordion-body">
<p>Extended License allows building a single end product that you can use or transfer to a client where end users of the product can be charged for. For example; A subscription or a fixed price SaaS application.</p>
</div>
</div>
</div>
<div class="accordion-item mb-0 border rounded wow fadeInUp" data-wow-delay="0.6s">
<h2 class="accordion-header">
<button class="accordion-button rounded collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-collapsthree" aria-expanded="false" aria-controls="faq-collapsthree">
What will you get?
</button>
</h2>
<div id="faq-collapsthree" class="accordion-collapse collapse" data-bs-parent="#accordionFaq">
<div class="accordion-body">
<p>All HTML files, All Laravel files, CSS Files, SCSS Files, JS Files, Documentation, Reliable Technical Support System, Lifetime Template Updates, Template Documentation</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Faq Section -->
<!-- Testimonial Section -->
<section class="section testimonial-section">
<div class="container">
<div class="section-header text-center">
<h2 class="mb-2">What Our Clients <span class="text-primary">Are Saying</span></h2>
<p>Customer testimonials that highlight our platform's impact.</p>
</div>
<div class="testimonial-slider swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="card bg-light mb-0">
<div class="card-body">
<span class="d-flex align-items-center gap-1 mb-2">
<i class="ti ti-star-filled text-warning"></i>
<i class="ti ti-star-filled text-warning"></i>
<i class="ti ti-star-filled text-warning"></i>
<i class="ti ti-star-filled text-warning"></i>
<i class="ti ti-star-filled text-warning"></i>
</span>
<p class="mb-2">Effective design, and easy to implement in our current product. These are the things i was looking for when looking at this product. I'm more than happy with the product, support team was effective in helping with the elements i needed.</p>
<h6><a href="#">robertselva</a></h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card bg-light mb-0">
<div class="card-body">
<span class="d-flex align-items-center gap-1 mb-2">
<i class="ti ti-star-filled text-warning"></i>
<i class="ti ti-star-filled text-warning"></i>
<i class="ti ti-star-filled text-warning"></i>
<i class="ti ti-star-filled text-warning"></i>
<i class="ti ti-star-filled text-warning"></i>
</span>
<p class="mb-2">Effective design, and easy to implement in our current product. These are the things i was looking for when looking at this product. I'm more than happy with the product, support team was effective in helping with the elements i needed.</p>
<h6><a href="#">robertselva</a></h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card bg-light mb-0">
<div class="card-body">
<span class="d-flex align-items-center gap-1 mb-2">
<i class="ti ti-star-filled text-warning"></i>
<i class="ti ti-star-filled text-warning"></i>
<i class="ti ti-star-filled text-warning"></i>
<i class="ti ti-star-filled text-warning"></i>
<i class="ti ti-star-filled text-warning"></i>
</span>
<p class="mb-2">Effective design, and easy to implement in our current product. These are the things i was looking for when looking at this product. I'm more than happy with the product, support team was effective in helping with the elements i needed.</p>
<h6><a href="#">robertselva</a></h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card bg-light mb-0">
<div class="card-body">
<span class="d-flex align-items-center gap-1 mb-2">
<i class="ti ti-star-filled text-warning"></i>
<i class="ti ti-star-filled text-warning"></i>
<i class="ti ti-star-filled text-warning"></i>
<i class="ti ti-star-filled text-warning"></i>
<i class="ti ti-star-filled text-warning"></i>
</span>
<p class="mb-2">Effective design, and easy to implement in our current product. These are the things i was looking for when looking at this product. I'm more than happy with the product, support team was effective in helping with the elements i needed.</p>
<h6><a href="#">robertselva</a></h6>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Testimonial Section -->
<section class="section-sub custom-design-sec">
<div class="container">
<div class="row align-items-center aos-init aos-animate" data-aos="fade-down">
<div class="col-lg-6">
<div class="section-header mb-4">
<h2 class="mb-2 text-white">Looking For A Custom Design?</h2>
<p class="text-white">We are happy to customise your products based on your needs, send us a note!!!</p>
</div>
</div>
<div class="col-lg-6">
<div class="subscribe mb-4">
<form id="contact-form" method="post">
<div class="messages"></div>
<div class="input-group">
<input maxlength="50" id="form_email" type="email" placeholder="Enter Your email here..." class="form-control" name="email" autocomplete="off">
<span class="input-group-addon">
<button id="submit_button" type="submit" aria-label="Submit"><i class="fa-solid fa-paper-plane"></i> </button>
</span>
</div>
<span class="alert" style="color: #ff9b44; display: none;" id="alert_message">Please enter a valid email</span>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer-bg">
<div class="container">
<div class="footer-top">
<div class="footer-logo text-center mb-3">
<img src="assets/img/logo-light.svg" alt="img">
</div>
<p class="text-center text-light">HR Management Admin Template is a HR management solution for <br> automating and simplifying HR operations.</p>
<h2 class="text-white text-center">Build your web App with <br>
<span class="text-primary">SmartHR Laravel</span> Dashboard
</h2>
<div class="d-flex align-items-center justify-content-center">
<a href="https://themeforest.net/item/smarthr-laravel-admin-template/27532539" target="_blank" class="btn btn-primary d-inline-flex align-items-center me-3">
<i class="ti ti-shopping-cart-up me-1"></i>
Buy Template
</a>
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/index" target="_blank" class="btn btn-dark d-inline-flex align-items-center">
<i class="ti ti-player-play me-1"></i>
Live Demo
</a>
</div>
</div>
</div>
<!-- Footer Bottom -->
<div class="footer-bottom">
<div class="container">
<div class="row">
<div class="col-md-4">
<ul class="menu-links">
<li>
<a href="https://smarthr.dreamstechnologies.com/laravel/documentation/changelog.html" target="_blank">Term of use</a>
</li>
<li>
<a href="https://themeforest.net/licenses/standard" target="_blank">License</a>
</li>
<li>
<a href="https://themeforest.net/page/customer_refund_policy" target="_blank">Refund Policy</a>
</li>
<li>
<a href="https://smarthr.dreamstechnologies.com/laravel/documentation/changelog.html" target="_blank">Logs</a>
</li>
</ul>
</div>
<div class="col-lg-4">
<div class="text-center">
<p class="text-white">Copyright 2024 © <a href="https://dreamstechnologies.com/" class="text-primary" target="_blank">Dreamstechnologies</a></p>
</div>
</div>
<div class="col-lg-4">
<div class="social-icon justify-content-lg-end">
<ul class="d-flex align-items-center justify-content-lg-end">
<li><a aria-label="Facebook" href="https://www.facebook.com/dreamstechnologies" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a aria-label="Instagram" href="https://www.instagram.com/dreamstechnologies" target="_blank"><i class="fab fa-instagram"></i></a></li>
<li><a aria-label="Behance" href="https://www.behance.net/dreamstechnologies" target="_blank"><i class="fab fa-behance"></i></a></li>
<li><a aria-label="Linkedin" href="https://in.linkedin.com/company/dreamstechnologies" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
<li><a aria-label="Twitter" href="https://twitter.com/dreamstechnologies" target="_blank"><i class="fab fa-twitter"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- /Footer Bottom -->
</footer>
<!-- /Footer -->
<div class="other-product">
<a href="#other_products" data-bs-toggle="offcanvas"><i class="ti ti-shopping-cart-up me-2"></i>Other Products</a>
</div>
<div class="offcanvas offcanvas-end w-100" tabindex="-1" id="other_products">
<div class="offcanvas-header text-center">
<h2 class="offcanvas-title ms-auto" id="offcanvasExampleLabel">Other Products</h2>
<button type="button" class="btn-close custom-btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"><i class="ti ti-x"></i></button>
</div>
<div class="offcanvas-body">
<div class="row">
<div class="col-lg-12">
<div class="product-more pt-0">
<div class="row d-flex align-items-center justify-content-between">
<div class="col-sm-6">
<h3>Other Products</h3>
</div>
<div class="col-auto">
<a class="purchase-now" href="https://themeforest.net/user/dreamstechnologies/portfolio" target="_blank">More Templates</a>
</div>
</div>
</div>
</div>
</div>
<div class="submenu-product-group">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="submenu-head">
<a href="https://1.envato.market/g2J4B" target="_blank">
<div class="product-content">
<img src="assets/img/product/product-02.webp" class="img-fluid" alt="Other Template">
<h4>Doccure</h4>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="submenu-head">
<a href="https://1.envato.market/2rz71O" target="_blank">
<div class="product-content">
<img src="assets/img/product/product-03.webp" class="img-fluid" alt="Other Template">
<h4>DreamsPOS</h4>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="submenu-head">
<a href="https://1.envato.market/Y9G6yj" target="_blank">
<div class="product-content">
<img src="assets/img/product/product-04.webp" class="img-fluid" alt="Other Template">
<h4>Dreamsrent</h4>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="submenu-head">
<a href="https://1.envato.market/LXqVZY" target="_blank">
<div class="product-content">
<img src="assets/img/product/product-05.webp" class="img-fluid" alt="Other Template">
<h4>DreamsLMS</h4>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="submenu-head">
<a href="https://1.envato.market/ZdyPgX" target="_blank">
<div class="product-content">
<img src="assets/img/product/product-06.webp" class="img-fluid" alt="Other Template">
<h4>Kanakku</h4>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="submenu-head">
<a href="https://1.envato.market/DVn3WG" target="_blank">
<div class="product-content">
<img src="assets/img/product/product-07.webp" class="img-fluid" alt="Other Template">
<h4>Kofejob</h4>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="submenu-head">
<a href="https://1.envato.market/52Ndo" target="_blank">
<div class="product-content">
<img src="assets/img/product/product-08.webp" class="img-fluid" alt="Other Template">
<h4>Preskool</h4>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="submenu-head">
<a href="https://1.envato.market/M90zN" target="_blank">
<div class="product-content">
<img src="assets/img/product/product-03.png" class="img-fluid" alt="Other Template">
<h4>Mentoring</h4>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="product-more pt-0">
<div class="row d-flex align-items-center justify-content-between">
<div class="col-sm-6">
<h3>Codecanyon</h3>
</div>
<div class="col-auto">
<a class="purchase-now" href="https://codecanyon.net/user/dreamstechnologies/portfolio" target="_blank">More Products</a>
</div>
</div>
</div>
</div>
</div>
<div class="submenu-product-group">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="submenu-head">
<a href="https://1.envato.market/r7ArB" target="_blank">
<div class="product-content">
<img src="assets/img/product/product-09.webp" class="img-fluid" alt="Other Template">
<h4>Truelysell</h4>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="submenu-head">
<a href="https://1.envato.market/Qy30m6" target="_blank">
<div class="product-content">
<img src="assets/img/product/product-10.webp" class="img-fluid" alt="Other Template">
<h4>Kanakku</h4>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="submenu-head">
<a href="https://1.envato.market/7mxDOA" target="_blank">
<div class="product-content">
<img src="assets/img/product/product-11.webp" class="img-fluid" alt="Other Template">
<h4>Craftesty</h4>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="submenu-head">
<a href="https://1.envato.market/YgKomm" target="_blank">
<div class="product-content">
<img src="assets/img/product/product-12.webp" class="img-fluid" alt="Other Template">
<h4>Dreamchat</h4>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="product-more pt-0">
<div class="row d-flex align-items-center justify-content-between">
<div class="col-sm-6">
<h3>Wordpress</h3>
</div>
<div class="col-auto">
<a class="purchase-now" href="https://themeforest.net/user/dreamstechnologies/portfolio" target="_blank">More Themes</a>
</div>
</div>
</div>
</div>
</div>
<div class="submenu-product-group mb-0">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="submenu-head">
<a href="https://1.envato.market/4PDbmn" target="_blank">
<div class="product-content">
<img src="assets/img/product/product-13.webp" class="img-fluid" alt="Other Template">
<h4>Truelysell</h4>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="submenu-head">
<a href="https://1.envato.market/QO0vV9" target="_blank">
<div class="product-content">
<img src="assets/img/product/product-14.webp" class="img-fluid" alt="Other Template">
<h4>Doccure</h4>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="submenu-head">
<a href="https://1.envato.market/bazxNv" target="_blank">
<div class="product-content">
<img src="assets/img/product/product-15.webp" class="img-fluid" alt="Other Template">
<h4>DreamsLMS</h4>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="submenu-head">
<a href="https://1.envato.market/VmeEYO" target="_blank">
<div class="product-content">
<img src="assets/img/product/product-16.webp" class="img-fluid" alt="Other Template">
<h4>Listee</h4>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="back-to-top">
<a class="back-to-top-icon align-items-center justify-content-center d-flex" href="#top"><i class="fa-solid fa-arrow-up"></i></a>
</div>
<div class="media-icons">
<a href="https://wa.me/919600008844" target="_blank" class="whatsap-icon"><i class="fa-brands fa-whatsapp"></i></a>
<a href="mailto:[email protected]" class="mail-icon"><i class="fa-regular fa-envelope"></i></a>
<a href="https://join.skype.com/invite/KqfsfMbmDu9a" class="skype-icon"><i class="fa-brands fa-skype"></i></a>
</div>
<!-- Cursor -->
<div class="xb-cursor tx-js-cursor">
<div class="xb-cursor-wrapper">
<div class="xb-cursor--follower xb-js-follower"></div>
</div>
</div>
<!-- /Cursor -->
<!--Start of Tawk.to Script-->
<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>
<!--End of Tawk.to Script-->
<!-- Jquery JS -->
<script src="assets/js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap JS -->
<script src="assets/js/bootstrap.bundle.min.js"></script>
<!-- Wow JS -->
<script src="assets/js/wow.min.js"></script>
<!-- MeanMenu Js -->
<script src="assets/js/jquery.meanmenu.min.js"></script>
<!-- Swiper Js -->
<script src="assets/plugins/swiper/swiper-bundle.min.js"></script>
<!-- counterup JS -->
<script src="assets/js/counter.js"></script>
<script src="assets/js/cursor.js"></script>
<!-- Script JS -->
<script src="assets/js/script.js"></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "SoftwareApplication",
"name": "SmartHR",
"applicationCategory": "BusinessApplication",
"applicationSubCategory": "Human Resource Management",
"operatingSystem": "Web-based, Windows, macOS, Linux",
"description": "Complete HR management and payroll software built with Laravel. Streamline recruitment, employee management, attendance tracking, performance reviews, and payroll processing in one unified platform.",
"offers": {
{
"@type": "Offer",
"price": "24.00",
"priceCurrency": "USD",
"priceValidUntil": "2025-12-02 T23:59",
"availability": "https://schema.org/InStock",
"discount": "30%",
"originalPrice": "35.00"
"url": "https://smarthr.co.in/demo/laravel/"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.90",
"reviewCount": "10",
"bestRating": "5",
},
"featureList": [
"Laravel 12",
"Scss",
"Bootstrap 5",
"CSS",
"NPM",
"Layouts",
"Plugins",
"Router",
"Apex Chart",
"Authentication",
"Vite",
"Data Tables",
],
"screenshot": "https://smarthr.co.in/images/screenshot.jpg",
"softwareVersion": "1.0",
"datePublished": "2024-01-01",
"author": {
"@type": "Organization",
"name": "SmartHR",
"url": "https://smarthr.co.in"
},
},
{
"@type": "Product",
"name": "SmartHR Laravel HR Management Template",
"image": "https://smarthr.co.in/images/product-image.jpg",
"description": "Professional HR management Laravel admin template with comprehensive features for employee management, payroll, recruitment, and workforce analytics.",
"brand": {
"@type": "Brand",
"name": "SmartHR"
},
],
"category": "HR Management Software"
},
"contactPoint": {
"@type": "ContactPoint",
"contactType": "Customer Support",
"email": "[email protected]",
"availableLanguage": ["English", "Hindi"]
},
]
},
{
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What is included in the SmartHR template?",
"acceptedAnswer": {
"@type": "Answer",
"text": "All HTML files, Laravel files, CSS Files, SCSS Files, JS Files, comprehensive documentation, reliable technical support system, lifetime template updates, and full documentation."
}
},
{
"@type": "Question",
"name": "What is the difference between Regular and Extended License?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Regular License means your end product is distributed for free. Extended License allows building a single end product where end users can be charged, such as a subscription or fixed price SaaS application."
}
},
{
"@type": "Question",
"name": "Does SmartHR support multi-location management?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes, SmartHR supports multi-location workforce management with centralized control and location-specific reporting capabilities."
}
}
]
}
]
}
</script>
</body>
</html>