LogoLogoLogo
ExecutiveReceptionDoctorNurseLaboratoryPharmacyBillingEmergency
/

No pages match “”.

Favorites5

All Patients
Appointments
Emergency
Billing
Laboratory

Recent

Pages you open appear here.

  • MAIN MENU
    • Dashboard
      • Dashboard
      • Executive Dashboard
      • Doctor Dashboard
      • Nurse Dashboard
      • Reception Dashboard
      • Laboratory Dashboard
      • Pharmacy Dashboard
      • Billing Dashboard
    • Applications
      • Chat
      • Calendar
      • Email
      • File Manager
      • Notes
      • To Do
    • Layouts
      • Mini Sidebar
      • Hidden Menu
      • Full Width
      • RTL
    • Patients
      • All Patients
      • Add Patient
      • Patient Profile
      • Admissions
      • Discharges
      • OPD Patients
      • IPD Patients
      • Patient Visits
      • Medical History
      • Patient Documents
      • Insurance Details
      • Family Members
      • Feedback
    • Doctors
      • All Doctors
      • Add Doctor
      • Doctor Profile
      • Specializations
      • Doctor Schedule
      • Availability
      • Leave Requests
      • Consultation Fees
    • Appointments
      • Appointment List
      • Calendar View
      • Book Appointment
      • Queue Management
      • Walk-in Patients
      • Follow-up Appointments
      • Appointment Requests
      • Cancelled Appointments
  • Clinical
    • Pharmacy
      • Pharmacy Dashboard
      • Medicines
      • Categories
      • Suppliers
      • Purchase Orders
      • Inventory
      • Prescriptions
      • Sales
      • Expiry Tracking
      • Stock Alerts
    • Laboratory
      • Laboratory Dashboard
      • Lab Tests
      • Test Categories
      • Test Requests
      • Sample Collection
      • Sample Tracking
      • Test Results
    • Emergency
      • Emergency Dashboard
      • Triage
      • Emergency Patients
      • Trauma Cases
      • Critical Care
    • Wards & Beds
      • Ward List
      • Bed Status
      • Bed Allocation
      • Bed Transfer
      • Occupancy
    • ICU
      • ICU Dashboard
      • ICU Patients
      • ICU Beds
      • Monitoring
      • Critical Alerts
    • Operation Theater
      • Surgery Schedule
      • OT Calendar
      • Surgeons
      • OT Booking
      • Operation Reports
    • Radiology
      • Radiology Dashboard
      • X-Ray
      • MRI
      • CT Scan
      • Ultrasound
      • Scan Requests
      • Reports
    • Blood Bank
      • Blood Inventory
      • Blood Donors
      • Blood Requests
      • Blood Issue
      • Blood Camps
    • Nursing
      • Nurse Dashboard
      • Nursing Notes
      • Vital Signs
      • Medication Administration
      • Care Plans
      • Shift Reports
  • Patient Care
    • Medical Records
      • EMR Dashboard
      • Medical History
      • Diagnoses
      • Prescriptions
      • Allergies
      • Progress Notes
      • Documents
    • Telemedicine
      • Video Consultations
      • Consultation History
      • Waiting Room
      • Scheduled Sessions
    • Diet & Nutrition
      • Diet Plans
      • Meal Planning
      • Nutrition Assessment
      • Dietician
  • Management
    • Billing
      • Billing Dashboard
      • Invoices
      • Payments
      • Estimates
      • Refunds
      • Discounts
      • Tax Settings
    • Insurance
      • Insurance Providers
      • Claims
      • Pre-Authorization
      • Approvals
      • Reimbursements
    • HR & Staff
      • Employees
      • Attendance
      • Leave Management
      • Payroll
      • Departments
      • Designations
      • Shifts
      • Recruitment
      • Performance
    • Inventory
      • Inventory Dashboard
      • Products
      • Categories
      • Suppliers
      • Purchase Orders
      • Stock In
      • Stock Out
      • Transfers
      • Asset Tracking
      • Low Stock
    • Ambulance
      • Ambulance Dashboard
      • Vehicles
      • Drivers
      • Emergency Calls
      • Trips
      • Maintenance
    • Finance
      • Income
      • Expenses
      • Transactions
      • Accounts
      • Bank Accounts
      • Profit & Loss
    • Administration
      • Branches
      • Departments
      • Notice Board
      • Announcements
      • Visitors
      • Complaints
    • Assets
      • Equipment
      • Maintenance
      • Repairs
      • Vendors
      • Asset Categories
  • System
    • Reports
      • Dashboard
      • Patient Reports
      • Appointment Reports
      • Revenue Reports
      • Pharmacy Reports
      • Laboratory Reports
      • Doctor Performance
      • Bed Occupancy
      • Inventory Reports
      • HR Reports
    • Notifications
    • Activity Logs
    • Audit Logs
    • User Mgmt
    • Roles
    • Permissions
    • Backup & Restore
    • Email Templates
    • SMS Templates
    • Settings
  • Authentication
    • Login
    • Register
    • Forgot Password
    • OTP
    • Reset Password
    • Lock Screen
    • Two-Factor Authentication
    • Session Expired
  • ERROR PAGES
    • Error 401
    • Error 403
    • Error 404
    • Error 429
    • Error 500
    • Error 503
    • Maintenance
    • Coming Soon
    • Offline
  • GENERAL PAGES
    • Profile
    • My Account
    • Activity
    • Gallery
    • Help Center
    • Knowledge Base
    • Support Tickets
    • Contact Us
    • Search Results
    • Pricing
    • FAQ
    • Coming Soon
    • Maintenance
    • Privacy Policy
    • Terms & Conditions
    • Starter Page
  • UI INTERFACE
    • Base UI
      • Alerts
      • Accordion
      • Avatar
      • Badges
      • Buttons
      • Button Group
      • Breadcrumb
      • Card
      • Colors
      • Collapse
      • Dropdowns
      • Grid
      • Images
      • Modals
      • Offcanvas
      • Pagination
      • Popovers
      • Progress
      • Tabs
      • Typography
    • Advanced UI
      • Dragula
      • Clipboard
      • Range Slider
      • Lightbox
    • Forms
      • Form Elements
      • Select2
      • Form Editor
      • Form Picker
    • Tables
      • Basic Tables
      • Data Table
    • Charts
      • Apex Charts
      • Chart Js
    • Icons
      • Fontawesome Icons
      • Tabler Icons
      • Lucide
      • Phosphor

Hospital Online

81% load

All systems operational · 3 campuses

HelpSupportLogout

Dreams HMS · v1.0.0 Enterprise

logosmall logodark logo
⌘K
Recent searches

No recent searches yet.

Suggestions
PatientsDirectory & registrationAppointmentsToday's scheduleLab resultsPending verificationInvoicesBilling & claimsBed availabilityLive ward map
Emergency
Quick actions
New PatientNew AppointmentEmergency CaseLab RequestDispense MedicineCreate Invoice

Dreams AI

Hospital operations copilot

Ask anything or pick a smart shortcut below.

Language
Appearance

System follows your device preference automatically.

Notification Center

Live across all departments

New patient registered

5 min

John Doe · registered by Secretary M

ClinicalView

Emergency case admitted

11 min

Room 30 · ICU bed assigned

CriticalRespond

Surgery completed

15 min

Operation theatre 2 now clear

ClinicalView

Pharmacy stock alert

22 min

Critical supplies running low

HighReorder

Lab report ready

36 min

PID 102 · blood sample results

ClinicalOpen

Ambulance dispatched

2 hrs

Unit 048 · en route to Highway 2

SystemTrack
View all notifications
Angela Merkel

Angela Merkel

Chief Physician

Shift

Day · 8–5

Dept

Cardiology

On duty · 12 patients today · last active now
My ProfileReportsNotificationsSettings
Logout
Esc

Navigation

Executive Dashboard
Doctor Dashboard
Nurse Dashboard
Reception Dashboard
Laboratory Dashboard
Pharmacy Dashboard
Billing Dashboard

Actions

Register new patient
Book an appointment
Open emergency case
Create lab request
Dispatch ambulance

Records

Patients directory
Doctors directory
Ward & bed status
Medical records

Settings

Open settings
My profile
↑↓navigateEnterselectDreams AI Command

Activity Stream

Hospital-wide · last 24h

New patient John Doe registered at reception

just now

Emergency case admitted to ICU bed 30

6 min ago

Lab report PID-102 verified and released

14 min ago

Pharmacy dispensed 24 prescriptions this hour

28 min ago

Invoice INV-9209 settled — $260 card payment

40 min ago

Surgery completed — theatre 2 now clear

1 hr ago

Ambulance unit 048 dispatched to Highway 2

2 hrs ago

Avatars

Avatar images and placeholders used to represent users and entities.

Circular Avatars

avataravataravataravataravataravatar
	

	
	<div class="flex flex-wrap items-end justify-start lg:justify-between! gap-3 border-dashed border-primary border px-4.5 py-5 rounded-md"> 
		<img class="w-3 h-3 border border-border-color rounded-full" src="assets/img/avatar/avatar-01.jpg" alt="avatar">
		<img class="w-4 h-4 border border-border-color rounded-full" src="assets/img/avatar/avatar-02.jpg" alt="avatar">
		<img class="w-5 h-5 border border-border-color rounded-full" src="assets/img/avatar/avatar-03.jpg" alt="avatar">
		<img class="w-6 h-6 border border-border-color rounded-full" src="assets/img/avatar/avatar-04.jpg" alt="avatar">
		<img class="w-8 h-8 border border-border-color rounded-full" src="assets/img/avatar/avatar-05.jpg" alt="avatar">
		<img class="w-10 h-10 border border-border-color rounded-full" src="assets/img/avatar/avatar-06.jpg" alt="avatar"> 
	</div>

Square Avatars

avataravataravataravataravataravatar
	

	 
	<div class="flex flex-wrap items-end justify-start lg:justify-between! gap-3 border-dashed border-primary border px-4.5 py-5 rounded-md">
		<img class="w-3 h-3 border border-border-color rounded-xs" src="assets/img/avatar/avatar-14.jpg" alt="avatar">
		<img class="w-4 h-4 border border-border-color rounded-xs" src="assets/img/avatar/avatar-15.jpg" alt="avatar">
		<img class="w-5 h-5 border border-border-color rounded-sm" src="assets/img/avatar/avatar-16.jpg" alt="avatar">
		<img class="w-6 h-6 border border-border-color rounded-md" src="assets/img/avatar/avatar-17.jpg" alt="avatar">
		<img class="w-8 h-8 border border-border-color rounded-lg" src="assets/img/avatar/avatar-18.jpg" alt="avatar">
		<img class="w-10 h-10 border border-border-color rounded-lg" src="assets/img/avatar/avatar-19.jpg" alt="avatar"> 
	</div>

Circular Avatars with Placeholder

AIAIAIAIAIAI
AIAIAIAIAIAI
	

	
	<div class="border-dashed border-primary border px-4.5 py-5 rounded-md">
		<div class="flex flex-wrap items-end lg:justify-between justify-start gap-3 lg:mb-12 mb-5">
			<span class="w-4 h-4 bg-primary rounded-full text-xs text-white flex justify-center items-center font-semibold">AI</span>
			<span class="w-5 h-5 bg-primary rounded-full text-xs text-white flex justify-center items-center font-semibold">AI</span>
			<span class="w-6 h-6 bg-primary rounded-full text-xs text-white flex justify-center items-center font-semibold">AI</span>
			<span class="w-8 h-8 bg-primary rounded-full text-[13px] text-white flex justify-center items-center font-semibold">AI</span>
			<span class="w-10 h-10 bg-primary rounded-full text-white flex justify-center items-center font-semibold">AI</span>
			<span class="w-11 h-11 bg-primary rounded-full text-white flex justify-center items-center font-semibold">AI</span>
		</div>
		<div class="flex flex-wrap items-end lg:justify-between justify-start gap-3">
			<span class="w-4 h-4 bg-light border border-border-color rounded-full text-xs text-dark flex justify-center items-center font-semibold">AI</span>
			<span class="w-5 h-5 bg-light border border-border-color rounded-full text-xs text-dark flex justify-center items-center font-semibold">AI</span>
			<span class="w-6 h-6 bg-light border border-border-color rounded-full text-xs text-dark flex justify-center items-center font-semibold">AI</span>
			<span class="w-8 h-8 bg-light border border-border-color rounded-full text-[13px] text-dark flex justify-center items-center font-semibold">AI</span>
			<span class="w-10 h-10 bg-light border border-border-color rounded-full text-dark flex justify-center items-center font-semibold">AI</span>
			<span class="w-11 h-11 bg-light border border-border-color rounded-full text-dark flex justify-center items-center font-semibold">AI</span>
		</div>
	</div>
Square Avatars with Placeholder
AIAIAIAIAIAI
AIAIAIAIAIAI
	

	
	<div class="border-dashed border-primary border px-4.5 py-5 rounded-md">
		<div class="flex flex-wrap items-end lg:justify-between justify-start gap-3 lg:mb-12 mb-5">
			<span class="w-4 h-4 bg-primary rounded-xs text-xs text-white flex justify-center items-center font-semibold">AI</span>
			<span class="w-5 h-5 bg-primary rounded-sm text-xs text-white flex justify-center items-center font-semibold">AI</span>
			<span class="w-6 h-6 bg-primary rounded-md text-xs text-white flex justify-center items-center font-semibold">AI</span>
			<span class="w-8 h-8 bg-primary rounded-lg text-[13px] text-white flex justify-center items-center font-semibold">AI</span>
			<span class="w-10 h-10 bg-primary rounded-lg text-white flex justify-center items-center font-semibold">AI</span>
			<span class="w-11 h-11 bg-primary rounded-xl text-white flex justify-center items-center font-semibold">AI</span>
		</div>
		<div class="flex flex-wrap items-end lg:justify-between justify-start gap-3">
			<span class="w-4 h-4 bg-light border border-border-color rounded-xs text-xs text-dark flex justify-center items-center font-semibold">AI</span>
			<span class="w-5 h-5 bg-light border border-border-color rounded-sm text-xs text-dark flex justify-center items-center font-semibold">AI</span>
			<span class="w-6 h-6 bg-light border border-border-color rounded-md text-xs text-dark flex justify-center items-center font-semibold">AI</span>
			<span class="w-8 h-8 bg-light border border-border-color rounded-lg text-[13px] text-dark flex justify-center items-center font-semibold">AI</span>
			<span class="w-10 h-10 bg-light border border-border-color rounded-lg text-dark flex justify-center items-center font-semibold">AI</span>
			<span class="w-11 h-11 bg-light border border-border-color rounded-xl text-dark flex justify-center items-center font-semibold">AI</span>
		</div>
	</div>
Circular Avatars with Placeholder Icons
	

	
	<div class="border-dashed border-primary border px-4.5 py-5 rounded-md">
		<div class="flex flex-wrap items-end lg:justify-between justify-start gap-3 lg:mb-12 mb-5">
			<span class="w-4 h-4 bg-primary rounded-full text-white flex justify-center items-center"><i class="icon-user"></i> </span>
			<span class="w-5 h-5 bg-primary rounded-full text-white flex justify-center items-center"><i class="icon-user"></i> </span>
			<span class="w-6 h-6 bg-primary rounded-full text-white flex justify-center items-center"><i class="icon-user"></i> </span>
			<span class="w-8 h-8 bg-primary rounded-full text-white flex justify-center items-center"><i class="icon-user"></i> </span>
			<span class="w-10 h-10 bg-primary rounded-full text-white flex justify-center items-center"><i class="icon-user"></i> </span>
			<span class="w-11 h-11 bg-primary rounded-full text-white flex justify-center items-center"><i class="icon-user"></i> </span>
		</div>
		<div class="flex flex-wrap items-end lg:justify-between justify-start gap-3">
			<span class="w-4 h-4 bg-light border border-border-color rounded-full text-dark flex justify-center items-center"><i class="icon-user"></i> </span>
			<span class="w-5 h-5 bg-light border border-border-color rounded-full text-dark flex justify-center items-center"><i class="icon-user"></i> </span>
			<span class="w-6 h-6 bg-light border border-border-color rounded-full text-dark flex justify-center items-center"><i class="icon-user"></i> </span>
			<span class="w-8 h-8 bg-light border border-border-color rounded-full text-dark flex justify-center items-center"><i class="icon-user"></i> </span>
			<span class="w-10 h-10 bg-light border border-border-color rounded-full text-dark flex justify-center items-center"><i class="icon-user"></i> </span>
			<span class="w-11 h-11 bg-light border border-border-color rounded-full text-dark flex justify-center items-center"><i class="icon-user"></i> </span>
		</div>
	</div>
Square Avatars with Placeholder Icons
	

	
	<div class="border-dashed border-primary border px-4.5 py-5 rounded-md">
		<div class="flex flex-wrap items-end lg:justify-between justify-start gap-3 lg:mb-12 mb-5">
			<span class="w-4 h-4 bg-primary rounded-xs text-white flex justify-center items-center"><i class="icon-user"></i> </span>
			<span class="w-5 h-5 bg-primary rounded-sm text-white flex justify-center items-center"><i class="icon-user"></i> </span>
			<span class="w-6 h-6 bg-primary rounded-md text-white flex justify-center items-center"><i class="icon-user"></i> </span>
			<span class="w-8 h-8 bg-primary rounded-lg text-white flex justify-center items-center"><i class="icon-user"></i> </span>
			<span class="w-10 h-10 bg-primary rounded-lg text-white flex justify-center items-center"><i class="icon-user"></i> </span>
			<span class="w-11 h-11 bg-primary rounded-xl text-white flex justify-center items-center"><i class="icon-user"></i> </span>
		</div>
		<div class="flex flex-wrap items-end lg:justify-between justify-start gap-3">
			<span class="w-4 h-4 bg-light border border-border-color rounded-xs text-dark flex justify-center items-center"><i class="icon-user"></i> </span>
			<span class="w-5 h-5 bg-light border border-border-color rounded-sm text-dark flex justify-center items-center"><i class="icon-user"></i> </span>
			<span class="w-6 h-6 bg-light border border-border-color rounded-md text-dark flex justify-center items-center"><i class="icon-user"></i> </span>
			<span class="w-8 h-8 bg-light border border-border-color rounded-lg text-dark flex justify-center items-center"><i class="icon-user"></i> </span>
			<span class="w-10 h-10 bg-light border border-border-color rounded-lg text-dark flex justify-center items-center"><i class="icon-user"></i> </span>
			<span class="w-11 h-11 bg-light border border-border-color rounded-xl text-dark flex justify-center items-center"><i class="icon-user"></i> </span>
		</div>
	</div>
Circular Avatar Group
imgimgimg +8
imgimgimg +8
imgimgimg +8 
	

	
	<div>
		<div class="flex flex-wrap lg:justify-between! justify-center gap-10 items-end border-dashed border-primary border px-4.5 py-5 rounded-md">
			<div class="avatar-list-stacked">
			<img class="w-6 h-6 inline-flex items-center justify-center font-medium hover:-translate-y-[0.188rem] hover:z-1 transition-transform duration-150 ease-in-out -me-3.5 align-middle rounded-full border border-border-color" src="assets/img/avatar/avatar-27.jpg" alt="img"> 
			<img class="w-6 h-6 inline-flex items-center justify-center font-medium hover:-translate-y-[0.188rem] hover:z-1 transition-transform duration-150 ease-in-out -me-3.5 align-middle rounded-full border border-border-color" src="assets/img/avatar/avatar-28.jpg" alt="img"> 
			<img class="w-6 h-6 inline-flex items-center justify-center font-medium hover:-translate-y-[0.188rem] hover:z-1 transition-transform duration-150 ease-in-out -me-3.5 align-middle rounded-full border border-border-color" src="assets/img/avatar/avatar-29.jpg" alt="img"> 
			<a class="w-6 h-6 inline-flex items-center justify-center font-medium hover:-translate-y-[0.188rem] hover:z-1 transition-transform duration-150 ease-in-out -me-3.5 align-middle rounded-full border border-border-color text-[12px] bg-light text-dark" href="javascript:void(0);"> +8 </a>
		</div>
		<div class="avatar-list-stacked">
			<img class="w-8 h-8 inline-flex items-center justify-center font-medium hover:-translate-y-[0.188rem] hover:z-1 transition-transform duration-150 ease-in-out -me-3.5 align-middle rounded-full border border-border-color" src="assets/img/avatar/avatar-01.jpg" alt="img"> 
			<img class="w-8 h-8 inline-flex items-center justify-center font-medium hover:-translate-y-[0.188rem] hover:z-1 transition-transform duration-150 ease-in-out -me-3.5 align-middle rounded-full border border-border-color" src="assets/img/avatar/avatar-02.jpg" alt="img"> 
			<img class="w-8 h-8 inline-flex items-center justify-center font-medium hover:-translate-y-[0.188rem] hover:z-1 transition-transform duration-150 ease-in-out -me-3.5 align-middle rounded-full border border-border-color" src="assets/img/avatar/avatar-03.jpg" alt="img"> 
			<a class="w-8 h-8 inline-flex items-center justify-center font-medium hover:-translate-y-[0.188rem] hover:z-1 transition-transform duration-150 ease-in-out -me-3.5 align-middle rounded-full border border-border-color text-[13px] bg-light text-dark" href="javascript:void(0);"> +8 </a>
		</div>
		<div class="avatar-list-stacked pr-4.5">
			<img class="w-10 h-10 inline-flex items-center justify-center font-medium hover:-translate-y-[0.188rem] hover:z-1 transition-transform duration-150 ease-in-out -me-3.5 align-middle rounded-full border border-border-color" src="assets/img/avatar/avatar-04.jpg" alt="img"> 
			<img class="w-10 h-10 inline-flex items-center justify-center font-medium hover:-translate-y-[0.188rem] hover:z-1 transition-transform duration-150 ease-in-out -me-3.5 align-middle rounded-full border border-border-color" src="assets/img/avatar/avatar-05.jpg" alt="img"> 
			<img class="w-10 h-10 inline-flex items-center justify-center font-medium hover:-translate-y-[0.188rem] hover:z-1 transition-transform duration-150 ease-in-out -me-3.5 align-middle rounded-full border border-border-color" src="assets/img/avatar/avatar-06.jpg" alt="img"> 
			<a class="w-10 h-10 inline-flex items-center justify-center font-medium hover:-translate-y-[0.188rem] hover:z-1 transition-transform duration-150 ease-in-out -me-3.5 align-middle rounded-full border border-border-color text-[14px] bg-light text-dark" href="javascript:void(0);"> +8 </a>
		</div> 
	</div>
Square Avatar Group
imgimgimg +8
imgimgimg +8
imgimgimg +8 
	

	
	<div>
		<div class="flex flex-wrap lg:justify-between! justify-center gap-10 items-end border-dashed border-primary border px-4.5 py-5 rounded-md">
			<div class="avatar-list-stacked">
				<img class="w-6 h-6 inline-flex items-center justify-center font-medium hover:-translate-y-[0.188rem] hover:z-1  transition-transform duration-150 ease-in-out -me-3.5  align-middle rounded-md border border-border-color" src="assets/img/avatar/avatar-06.jpg" alt="img"> 
				<img class="w-6 h-6 inline-flex items-center justify-center font-medium hover:-translate-y-[0.188rem] hover:z-1  transition-transform duration-150 ease-in-out -me-3.5  align-middle rounded-md border border-border-color" src="assets/img/avatar/avatar-07.jpg" alt="img"> 
				<img class="w-6 h-6 inline-flex items-center justify-center font-medium hover:-translate-y-[0.188rem] hover:z-1  transition-transform duration-150 ease-in-out -me-3.5  align-middle rounded-md border border-border-color" src="assets/img/avatar/avatar-08.jpg" alt="img"> 
				<a class="w-6 h-6 inline-flex items-center justify-center font-medium hover:-translate-y-[0.188rem] hover:z-1  transition-transform duration-150 ease-in-out -me-3.5  align-middle rounded-md border border-border-color text-[12px] bg-light text-dark" href="javascript:void(0);"> +8 </a>
			</div>
			<div class="avatar-list-stacked">
				<img class="w-8 h-8 inline-flex items-center justify-center font-medium hover:-translate-y-[0.188rem] hover:z-1  transition-transform duration-150 ease-in-out -me-3.5  align-middle rounded-lg border border-border-color" src="assets/img/avatar/avatar-09.jpg" alt="img"> 
				<img class="w-8 h-8 inline-flex items-center justify-center font-medium hover:-translate-y-[0.188rem] hover:z-1  transition-transform duration-150 ease-in-out -me-3.5  align-middle rounded-lg border border-border-color" src="assets/img/avatar/avatar-10.jpg" alt="img"> 
				<img class="w-8 h-8 inline-flex items-center justify-center font-medium hover:-translate-y-[0.188rem] hover:z-1  transition-transform duration-150 ease-in-out -me-3.5  align-middle rounded-lg border border-border-color" src="assets/img/avatar/avatar-11.jpg" alt="img"> 
				<a class="w-8 h-8 inline-flex items-center justify-center font-medium hover:-translate-y-[0.188rem] hover:z-1  transition-transform duration-150 ease-in-out -me-3.5  align-middle rounded-lg border border-border-color text-[13px] bg-light text-dark" href="javascript:void(0);"> +8 </a>
			</div>
			<div class="avatar-list-stacked pr-4.5">
				<img class="w-10 h-10 inline-flex items-center justify-center font-medium hover:-translate-y-[0.188rem] hover:z-1  transition-transform duration-150 ease-in-out -me-3.5  align-middle rounded-lg border border-border-color" src="assets/img/avatar/avatar-12.jpg" alt="img"> 
				<img class="w-10 h-10 inline-flex items-center justify-center font-medium hover:-translate-y-[0.188rem] hover:z-1  transition-transform duration-150 ease-in-out -me-3.5  align-middle rounded-lg border border-border-color" src="assets/img/avatar/avatar-13.jpg" alt="img"> 
				<img class="w-10 h-10 inline-flex items-center justify-center font-medium hover:-translate-y-[0.188rem] hover:z-1  transition-transform duration-150 ease-in-out -me-3.5  align-middle rounded-lg border border-border-color" src="assets/img/avatar/avatar-14.jpg" alt="img"> 
				<a class="w-10 h-10 inline-flex items-center justify-center font-medium hover:-translate-y-[0.188rem] hover:z-1  transition-transform duration-150 ease-in-out -me-3.5  align-middle rounded-lg border border-border-color text-[14px] bg-light text-dark" href="javascript:void(0);"> +8 </a>
			</div> 
		</div> 
	</div>
Circular Avatars with Dot
avataravataravataravataravataravatar
	

	
	<div class="border-dashed border-primary border px-4.5 py-5 rounded-md">
		<div class="flex flex-wrap items-end lg:justify-between justify-start gap-3 lg:mb-12 mb-5">
			<span class="w-4 h-4 relative bg-light border border-border-color rounded-full text-dark flex justify-center items-center"><i class="icon-user"></i><span class="-bottom-0.5 -end-0.5 absolute  size-1.5 bg-success border border-white rounded-full"></span></span>
			<span class="w-5 h-5 relative bg-light border border-border-color rounded-full text-dark flex justify-center items-center"><i class="icon-user"></i><span class="bottom-0 end-0 absolute  size-1.5 bg-success border border-white rounded-full"></span></span>
			<span class="w-6 h-6 relative bg-light border border-border-color rounded-full text-dark flex justify-center items-center"><i class="icon-user"></i><span class="bottom-0 end-0 absolute  size-1.5 bg-success border border-white rounded-full"></span></span>
			<span class="w-8 h-8 relative bg-light border border-border-color rounded-full text-dark flex justify-center items-center"><i class="icon-user"></i><span class="bottom-0 end-0 absolute  size-2 bg-success border border-white rounded-full"></span></span>
			<span class="w-10 h-10 relative bg-light border border-border-color rounded-full text-dark flex justify-center items-center"><i class="icon-user"></i><span class="bottom-0.5 end-0.5 absolute  size-2 bg-success border border-white rounded-full"></span></span>
			<span class="w-11 h-11 relative bg-light border border-border-color rounded-full text-dark flex justify-center items-center"><i class="icon-user"></i><span class="bottom-0 end-1.5 absolute  size-2 bg-success border border-white rounded-full"></span></span>
		</div>
		<div class="flex flex-wrap items-end lg:justify-between justify-start gap-3">
			<span class="relative"><img class="w-4 h-4 border border-border-color rounded-full" src="assets/img/avatar/avatar-15.jpg" alt="avatar"><span class="bottom-0 -end-0.5 absolute  size-1.5 bg-success border border-white rounded-full"></span></span>
			<span class="relative"><img class="w-5 h-5 border border-border-color rounded-full" src="assets/img/avatar/avatar-16.jpg" alt="avatar"><span class="bottom-0 end-0 absolute  size-1.5 bg-success border border-white rounded-full"></span></span>
			<span class="relative"><img class="w-6 h-6 border border-border-color rounded-full" src="assets/img/avatar/avatar-17.jpg" alt="avatar"><span class="bottom-0 end-0.5 absolute  size-1.5 bg-success border border-white rounded-full"></span></span>
			<span class="relative"><img class="w-8 h-8 border border-border-color rounded-full" src="assets/img/avatar/avatar-18.jpg" alt="avatar"><span class="bottom-0 end-0.5 absolute  size-2 bg-success border border-white rounded-full"></span></span>
			<span class="relative"><img class="w-10 h-10 border border-border-color rounded-full" src="assets/img/avatar/avatar-19.jpg" alt="avatar"><span class="bottom-0 end-1.5 absolute  size-2 bg-success border border-white rounded-full"></span></span>
			<span class="relative"><img class="w-12 h-12 border border-border-color rounded-full" src="assets/img/avatar/avatar-20.jpg" alt="avatar"><span class="bottom-0 end-1.75 absolute  size-2 bg-success border border-white rounded-full"></span></span>
		</div>  
	</div>
Square Avatars with Dot
avataravataravataravataravataravatar
	

	
	<div class="border-dashed border-primary border px-4.5 py-5 rounded-md">
		<div class="flex flex-wrap items-end lg:justify-between justify-start gap-3 lg:mb-12 mb-5">
			<span class="w-4 h-4 relative bg-light border border-border-color rounded-xs text-dark flex justify-center items-center"><i class="icon-user"></i><span class="bottom-0 end-0 absolute  size-1.5 bg-success border border-white rounded-full"></span></span>
			<span class="w-5 h-5 relative bg-light border border-border-color rounded-sm text-dark flex justify-center items-center"><i class="icon-user"></i><span class="bottom-0 end-0 absolute  size-1.5 bg-success border border-white rounded-full"></span></span>
			<span class="w-6 h-6 relative bg-light border border-border-color rounded-md text-dark flex justify-center items-center"><i class="icon-user"></i><span class="bottom-0 end-0 absolute  size-1.5 bg-success border border-white rounded-full"></span></span>
			<span class="w-8 h-8 relative bg-light border border-border-color rounded-lg text-dark flex justify-center items-center"><i class="icon-user"></i><span class="bottom-0 end-0 absolute  size-2 bg-success border border-white rounded-full"></span></span>
			<span class="w-10 h-10 relative bg-light border border-border-color rounded-lg text-dark flex justify-center items-center"><i class="icon-user"></i><span class="bottom-0 end-0 absolute  size-2 bg-success border border-white rounded-full"></span></span>
			<span class="w-11 h-11 relative bg-light border border-border-color rounded-xl text-dark flex justify-center items-center"><i class="icon-user"></i><span class="bottom-0 end-0 absolute  size-2 bg-success border border-white rounded-full"></span></span>
		</div>
		<div class="flex flex-wrap items-end lg:justify-between justify-start gap-3">
			<span class="relative"><img class="w-4 h-4 border border-border-color rounded-xs" src="assets/img/avatar/avatar-21.jpg" alt="avatar"><span class="bottom-0 end-0 absolute  size-1.5 bg-success border border-white rounded-full"></span></span>
			<span class="relative"><img class="w-5 h-5 border border-border-color rounded-sm" src="assets/img/avatar/avatar-22.jpg" alt="avatar"><span class="bottom-0 end-0 absolute  size-1.5 bg-success border border-white rounded-full"></span></span>
			<span class="relative"><img class="w-6 h-6 border border-border-color rounded-md" src="assets/img/avatar/avatar-23.jpg" alt="avatar"><span class="bottom-0 end-0 absolute  size-1.5 bg-success border border-white rounded-full"></span></span>
			<span class="relative"><img class="w-8 h-8 border border-border-color rounded-lg" src="assets/img/avatar/avatar-24.jpg" alt="avatar"><span class="bottom-0 end-0 absolute  size-2 bg-success border border-white rounded-full"></span></span>
			<span class="relative"><img class="w-10 h-10 border border-border-color rounded-lg" src="assets/img/avatar/avatar-25.jpg" alt="avatar"><span class="bottom-0 end-0 absolute  size-2 bg-success border border-white rounded-full"></span></span>
			<span class="relative"><img class="w-12 h-12 border border-border-color rounded-xl" src="assets/img/avatar/avatar-26.jpg" alt="avatar"><span class="bottom-0 end-0 absolute  size-2 bg-success border border-white rounded-full"></span></span>
		</div>  
	</div>