File: /mnt/data/smarthr-co-in/demo/laravel/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="SmartHR is a modern Laravel 12 & Bootstrap 5 HRMS admin template with dashboards for payroll, employee management, recruitment, attendance, and projects. Responsive and developer-friendly.">
<meta name="keywords" content="laravel hrms template, laravel 12 admin dashboard, bootstrap 5 hr template, hr management laravel, payroll management laravel, employee management system, recruitment dashboard, project management template, hr admin panel, smarthr laravel template">
<meta name="author" content="Dreams Technologies">
<meta name="robots" content="index, follow">
<title>SmartHR - Laravel 12 HRMS & Project Management Admin Template</title>
<!-- Facebook Open Graph -->
<meta property="og:url" content="https://smarthr.dreamstechnologies.com/laravel/">
<meta property="og:type" content="website">
<meta property="og:title" content="SmartHR - Laravel 12 HRMS & Project Management Admin Template">
<meta property="og:description" content="SmartHR is a Laravel 12 & Bootstrap 5 HRMS admin template with payroll, recruitment, employee, and project dashboards. Build responsive HR systems with ease.">
<meta property="og:image" content="https://smarthr.dreamstechnologies.com/laravel/assets/img/ogmeta.jpg">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="smarthr.dreamstechnologies.com">
<meta property="twitter:url" content="https://smarthr.dreamstechnologies.com/laravel/">
<meta name="twitter:title" content="SmartHR - Laravel 12 HRMS & Project Management Admin Template">
<meta name="twitter:description" content="SmartHR is a Laravel 12 & Bootstrap 5 HRMS template with employee, payroll, attendance, and recruitment dashboards. Try demo and build HR solutions faster.">
<meta name="twitter:image" content="https://smarthr.dreamstechnologies.com/laravel/assets/img/ogmeta.jpg">
<!-- Canonical -->
<link rel="canonical" href="https://smarthr.dreamstechnologies.com/laravel/">
<!-- Favicon -->
<link rel="shortcut icon" href="assets/img/favicon.png">
<!-- Apple Icon -->
<link rel="apple-touch-icon" href="assets/img/apple-icon.png">
<!-- Font Family -->
<link href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<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.min.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://1.envato.market/WZmG3" 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>
</ul>
</nav>
<div class="header-btn d-flex align-items-center">
<a href="https://1.envato.market/WZmG3" 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">
<div>
<div class="banner-tag-info d-inline-flex align-items-center mb-3">
<span class="d-block flex-shrink-0 me-2">Latest Release</span>
<p>Laravel 12 & Bootstrap 5 HRMS Template</p>
</div>
<h1>
Powerful <span class="text-primary">HR Management</span> & Project Dashboard in <span class="text-primary span-border">Laravel 12</span>
</h1>
<p class="mb-4">
<strong>SmartHR</strong> is a compact, developer ready <strong>Laravel 12 HRMS & project management admin template</strong> built with <strong>Bootstrap 5</strong>. Quickly launch employee management, payroll, attendance, recruitment,
and project tracking with a responsive, SEO-friendly admin dashboard.
</p>
<div class="d-flex align-items-center">
<a href="https://smarthr.dreamstechnologies.com/laravel/template/public/" target="_blank" rel="noopener" class="btn btn-dark d-inline-flex align-items-center" aria-label="View SmartHR Live Demo">
<i class="ti ti-player-play me-2" aria-hidden="true"></i>Live Demo
</a>
<a href="https://1.envato.market/WZmG3" target="_blank" rel="noopener" class="btn btn-primary d-inline-flex align-items-center" aria-label="View SmartHR Pricing on Envato">
<i class="ti ti-crown me-2" aria-hidden="true"></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.svg" class="img-fluid" alt="SmartHR Laravel 12 HRMS Template dashboard preview">
</span>
</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="">
</div>
<div class="container">
<div class="section-header text-center">
<h2 class="text-white mb-2">Why SmartHR Laravel 12?</h2>
<p class="text-white">Built with Bootstrap 5, SmartHR delivers a fast, responsive HRMS dashboard packed with core 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="">
</span>
<h5 class="mb-2">Unique Dashboard</h5>
<p class="text-truncate line-clamb-2">Track attendance, leave, payroll, and performance at a glance.</p>
</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="">
</span>
<h5 class="mb-2">Smart Recruitment</h5>
<p class="text-truncate line-clamb-2">Post jobs, track candidates, and manage interviews with ease.</p>
</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="">
</span>
<h5 class="mb-2">Self Service Access</h5>
<p class="text-truncate line-clamb-2">Employees can update info, request leave, and view payslips anytime.</p>
</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="">
</span>
<h5 class="mb-2">Easy Reports</h5>
<p class="text-truncate line-clamb-2">Export payroll, expenses, and performance data instantly.</p>
</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="">
</span>
<h5 class="mb-2">Customizable UI</h5>
<p class="text-truncate line-clamb-2">Modify layouts, colors, and components to fit your brand.</p>
</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="">
</span>
<h5 class="mb-2">Responsive Design</h5>
<p class="text-truncate line-clamb-2">Seamlessly optimized for desktop, tablet, and mobile devices.</p>
</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 src="assets/img/bg/section-bg-04.png" class="sec-bg-2" alt="">
</div>
<div class="container">
<div class="section-header text-center">
<h2 class="mb-2">
<span class="text-primary">Intuitive Dashboards</span> for Smarter HR
</h2>
<p>
SmartHR’s <strong>Laravel 12 & Bootstrap 5 templates</strong> unify payroll, workforce, projects, and performance in a single platform.
</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=""></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=""></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=""></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=""></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=""></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 12</span> Key Features
</h2>
<p>
Powerful tools and modern functionality integrated to build a scalable HRMS with ease.
</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=""></span>
</div>
<div class="bg-primary p-1 rounded-bottom">
<h6 class="text-white fw-medium">Laravel 12</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=""></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=""></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=""></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=""></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=""></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=""></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=""></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=""></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=""></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=""></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=""></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 -->
<!-- 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">Ready to Use Pages</span> for Faster Development
</h2>
<p>
Launch projects quickly with a wide range of customizable templates designed for HRMS workflows.
</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 row-gap-3">
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-dashboard7" role="tabpanel">
<div class="row row-gap-3">
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-dashboard8" role="tabpanel">
<div class="row row-gap-3">
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-dashboard9" role="tabpanel">
<div class="row row-gap-3">
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-hover mb-0">
<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>
</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=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Inner Pages Section -->
<!-- Footer -->
<footer class="footer-bg">
<!-- 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 2025 © <a href="https://dreamstechnologies.com/" class="text-primary" target="_blank">Dreams Technologies</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="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>
<!-- Media -->
<div class="media-icons">
<a href="https://wa.me/919600008844" class="whatsap-icon" target="_blank" rel="noopener noreferrer" aria-label="WhatsApp">
<i class="fa-brands fa-whatsapp" aria-hidden="true"></i>
</a>
<a href="mailto:[email protected]" class="mail-icon" aria-label="Email">
<i class="fa-regular fa-envelope" aria-hidden="true"></i>
</a>
</div>
<!-- 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>
<script>
(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", "tc2este3oo");
</script>
<!-- Jquery JS -->
<script src="assets/js/jquery-3.7.1.min.js" defer></script>
<!-- Bootstrap JS -->
<script src="assets/js/bootstrap.bundle.min.js" defer></script>
<!-- Wow JS -->
<script src="assets/js/wow.min.js" defer></script>
<!-- MeanMenu Js -->
<script src="assets/js/jquery.meanmenu.min.js" defer></script>
<!-- Swiper Js -->
<script src="assets/plugins/swiper/swiper-bundle.min.js" defer></script>
<!-- Script JS -->
<script src="assets/js/script.min.js" defer></script>
</body>
</html>