LogoLogo
CTRL + /

CRM

ContactsDealsPipeline
CompaniesLeadsActivities
  • Main
  • Dashboard
    • Admin Dashboard
    • Employee Dashboard
    • Deals Dashboard
    • Leads Dashboard
  • Super Admin
    • Dashboard
    • Companies
    • Subscriptions
    • Packages
    • Domain
    • Purchase Transaction
  • Application
    • Chat
    • Calls
      • Voice Call
      • Video Call
      • Outgoing Call
      • Incoming Call
      • Call History
    • Calendar
    • Email
    • To Do
    • Notes
    • Social Feed
    • File Manager
    • Kanban
    • Invoices
  • Layouts
    • Horizontal
    • Detached
    • Modern
    • Two Column
    • Hovered
    • Boxed
    • Horizontal Single
    • Horizontal Overlay
    • Horizontal Box
    • Menu Aside
    • Transparent
    • Without Header
    • RTL
    • Dark
  • Projects
    • Clients
    • Projects
      • Projects
      • Tasks
      • Task Board
    • Crm
      • Contacts
      • Companies
      • Deals
      • Leads
      • Pipeline
      • Analytics
      • Activities
    • Employee
      • Employees List
      • Employees Grid
      • Employees Details
      • Departments
      • Designations
      • Policies
    • Tickets
      • Tickets
      • Tickets Detail
    • Holidays
    • Attendance
      • Leaves (Admin)
      • Leaves (Employee)
      • Leave Settings
      • Attendance (Admin)
      • Attendance (Employee)
      • Timesheet
      • Shift & Schedule
      • Overtime
    • Performance
      • Performance Indicator
      • Performance Review
      • Performance Appraisal
      • Goal List
      • Goal Type
    • Training
      • Training List
      • Trainers
      • Training Type
    • Promotion
    • Resignation
    • Termination
  • Administration
    • Requirment
      • Jobs
      • Candidates
      • Referrals
    • Sales
      • Estimates
      • Invoices
      • Payments
      • Expenses
      • Provident Fund
      • Taxes
    • Accounting
      • Categories
      • Budgets
      • Budget Expenses
      • Budget Revenues
    • Payroll
      • Employee Salary
      • Payslip
      • Payroll Items
    • Assets
      • Assets
      • Asset Categories
    • Help & Supports
      • Knowledge Base
      • Activities
    • User Management
      • Users
      • Roles & Permissions
    • Reports
      • Expense Report
      • Invoice Report
      • Payment Report
      • Project Report
      • Task Report
      • User Report
      • Employee Report
      • Payslip Report
      • Attendance Report
      • Leave Report
      • Daily Report
    • General Settings
      • Profile
      • Security
      • Notifications
      • Connected Apps
    • Website Settings
      • Business Settings
      • SEO Settings
      • Localization
      • Prefixes
      • Preferences
      • Appearance
      • Language
      • Authentication
      • AI Settings
    • App Settings
      • Salary Settings
      • Approval Settings
      • Invoice Settings
      • Leave Type
      • Custom Fields
    • System Settings
      • Email Settings
      • Email Templates
      • SMS Settings
      • SMS Templates
      • OTP
      • GDPR Cookies
      • Maintenance Mode
    • Financial Settings
      • Payment Gateways
      • Tax Rate
      • Currencies
    • Other Settings
      • Custom CSS
      • Custom JS
      • Cronjob
      • Storage
      • Ban IP Address
      • Backup
      • Clear Cache
  • Pages
    • Starter
    • Profile
    • Gallery
    • Search Results
    • Timeline
    • Pricing
    • Coming Soon
    • Under Maintenance
    • Under Construction
    • API Keys
    • Privacy Policy
    • Terms & Conditions
    • Pages
    • Blogs
      • All Blogs
      • Categories
      • Comments
      • Blog Tags
    • Locations
      • Countries
      • States
      • Cities
    • Testimonials
    • FAQ’S
    • Login
      • Cover
      • Illustration
      • Basic
    • Register
      • Cover
      • Illustration
      • Basic
    • Forgot Password
      • Cover
      • Illustration
      • Basic
    • Reset Password
      • Cover
      • Illustration
      • Basic
    • Email Verification
      • Cover
      • Illustration
      • Basic
    • 2 Step Verification
      • Cover
      • Illustration
      • Basic
    • Lock Screen
    • 404 Error
    • 500 Error
    • Base UI
      • Alerts
      • Accordions
      • Avatar
      • Badges
      • Borders
      • Buttons
      • Button Group
      • Breadcrumb
      • Cards
      • Carousel
      • Colors
      • Dropdowns
      • Grid
      • Images
      • Lightbox
      • Media
      • Modals
      • Offcanvas
      • Pagination
      • Progress Bars
      • Placeholders
      • Spinner
      • Range Slider
      • Toasts
      • Tooltip
      • Typography
      • Videos
    • Advanced UI
      • Ribbon
      • Clipboard
      • Drag & Drop
      • Rating
      • Text Editor
      • Counter
      • Scrollbar
      • Timeline
    • Forms
      • Basic Inputs
      • Checkbox & Radios
      • Input Groups
      • Grid & Gutters
      • Form Select
      • Input Masks
      • File Uploads
      • Horizontal Form
      • Vertical Form
      • Floating Labels
      • Form Validation
    • Tables
      • Basic Tables
      • Data Tables
    • Charts
      • Apex Charts
      • Prime Charts
      • Chart JS
    • Icons
      • Fontawesome Icons
      • Feather Icons
      • Ionic Icons
      • Material Icons
      • pe7 Icons
      • Simpleline Icons
      • Themify Icons
      • Weather Icons
      • Typicon Icons
      • Flag Icons

Applications

CalendarTo DoNotesFile ManagerKanbanInvoices
5

Notifications (2)

Mark all as read
Today
  • This Week
  • Last Week
  • Last Month
Profile

Shawnperformance in Math is below the threshold.

Just Now
Profile

Sylvia added appointment on 02:00 PM

10 mins ago
DenyApprove
Profile

New student record Georgeis created by Teressa

2 hrs ago
Profile

A new teacher record for Elisa

09:45 AM
CancelView All
Img
img
Kevin Larry

[email protected]

My ProfileSettingsStatusMy AccountKnowledge Base
Logout
My ProfileSettingsLogout
LogoLogoLogo
Img
Adrian Herman

System Admin

  • Menu
  • Chats
  • Inbox
Img
Adrian Herman

System Admin

CTRL + /
5
5
  • Main Menu
    • DashboardHot
      • Admin Dashboard
      • Employee Dashboard
      • Deals Dashboard
      • Leads Dashboard
    • Applications
    • Super Admin
  • LAYOUT
    • Horizontal
    • Detached
    • Modern
    • Two Column
    • Hovered
    • Boxed
    • Horizontal Single
    • Horizontal Overlay
    • Horizontal Box
    • Menu Aside
    • Transparent
    • Without Header
    • RTL
    • Dark
  • PROJECTS
    • Clients
    • Projects
  • CRM
    • Contacts
    • Companies
    • Deals
    • Leads
    • Pipeline
    • Analytics
    • Activities
  • HRM
    • Employees
    • Tickets
    • Holidays
    • Attendance
    • Performance
    • Training
    • Promotion
    • Resignation
    • Termination
  • RECRUITMENT
    • Jobs
    • Candidates
    • Refferals
  • Finance & Accounts
    • Sales
    • Accounting
    • Payroll
  • Administration
    • Assets
    • Help & Supports
    • User Management
    • Reports
    • Settings
  • Content
    • Pages
    • Blogs
    • Locations
    • Testimonials
    • FAQ’S
  • Pages
    • Starter
    • Profile
    • Gallery
    • Search Results
    • Timeline
    • Pricing
    • Coming Soon
    • Under Maintenance
    • Under Construction
    • API Keys
    • Privacy Policy
    • Terms & Conditions
  • Authentication
    • Login
    • Register
    • Forgot Password
    • Reset Password
    • Email Verification
    • 2 Step Verification
    • Lock Screen
    • 404 Error
    • 500 Error
  • UI Interface
    • Base UI
    • Advanced Ui
    • Charts
    • Icons
    • Forms
    • Tables
    • Maps
  • Extras
    • Documentation
    • Change Logv1.5.7
  • Main
  • Dashboard
    • Admin Dashboard
    • Employee Dashboard
    • Deals Dashboard
    • Leads Dashboard
  • Super Admin
    • Dashboard
    • Companies
    • Subscriptions
    • Packages
    • Domain
    • Purchase Transaction
  • Application
    • Chat
    • Calls
      • Voice Call
      • Video Call
      • Outgoing Call
      • Incoming Call
      • Call History
    • Calendar
    • Email
    • To Do
    • Notes
    • Social Feed
    • File Manager
    • Kanban
    • Invoices
  • Layouts
    • Horizontal
    • Detached
    • Modern
    • Two Column
    • Hovered
    • Boxed
    • Horizontal Single
    • Horizontal Overlay
    • Horizontal Box
    • Menu Aside
    • Transparent
    • Without Header
    • RTL
    • Dark
  • Projects
    • Clients
    • Projects
      • Projects
      • Tasks
      • Task Board
    • Crm
      • Contacts
      • Companies
      • Deals
      • Leads
      • Pipeline
      • Analytics
      • Activities
    • Employee
      • Employees List
      • Employees Grid
      • Employees Details
      • Departments
      • Designations
      • Policies
    • Tickets
      • Tickets
      • Tickets Detail
    • Holidays
    • Attendance
      • Leaves (Admin)
      • Leaves (Employee)
      • Leave Settings
      • Attendance (Admin)
      • Attendance (Employee)
      • Timesheet
      • Shift & Schedule
      • Overtime
    • Performance
      • Performance Indicator
      • Performance Review
      • Performance Appraisal
      • Goal List
      • Goal Type
    • Training
      • Training List
      • Trainers
      • Training Type
    • Promotion
    • Resignation
    • Termination
  • Administration
    • Requirment
      • Jobs
      • Candidates
      • Referrals
    • Sales
      • Estimates
      • Invoices
      • Payments
      • Expenses
      • Provident Fund
      • Taxes
    • Accounting
      • Categories
      • Budgets
      • Budget Expenses
      • Budget Revenues
    • Payroll
      • Employee Salary
      • Payslip
      • Payroll Items
    • Assets
      • Assets
      • Asset Categories
    • Help & Supports
      • Knowledge Base
      • Activities
    • User Management
      • Users
      • Roles & Permissions
    • Reports
      • Expense Report
      • Invoice Report
      • Payment Report
      • Project Report
      • Task Report
      • User Report
      • Employee Report
      • Payslip Report
      • Attendance Report
      • Leave Report
      • Daily Report
    • General Settings
      • Profile
      • Security
      • Notifications
      • Connected Apps
    • Website Settings
      • Business Settings
      • SEO Settings
      • Localization
      • Prefixes
      • Preferences
      • Appearance
      • Language
      • Authentication
      • AI Settings
    • App Settings
      • Salary Settings
      • Approval Settings
      • Invoice Settings
      • Leave Type
      • Custom Fields
    • System Settings
      • Email Settings
      • Email Templates
      • SMS Settings
      • SMS Templates
      • OTP
      • GDPR Cookies
      • Maintenance Mode
    • Financial Settings
      • Payment Gateways
      • Tax Rate
      • Currencies
    • Other Settings
      • Custom CSS
      • Custom JS
      • Cronjob
      • Storage
      • Ban IP Address
      • Backup
      • Clear Cache
  • Pages
    • Starter
    • Profile
    • Gallery
    • Search Results
    • Timeline
    • Pricing
    • Coming Soon
    • Under Maintenance
    • Under Construction
    • API Keys
    • Privacy Policy
    • Terms & Conditions
    • Pages
    • Blogs
      • All Blogs
      • Categories
      • Comments
      • Blog Tags
    • Locations
      • Countries
      • States
      • Cities
    • Testimonials
    • FAQ’S
    • Login
      • Cover
      • Illustration
      • Basic
    • Register
      • Cover
      • Illustration
      • Basic
    • Forgot Password
      • Cover
      • Illustration
      • Basic
    • Reset Password
      • Cover
      • Illustration
      • Basic
    • Email Verification
      • Cover
      • Illustration
      • Basic
    • 2 Step Verification
      • Cover
      • Illustration
      • Basic
    • Lock Screen
    • 404 Error
    • 500 Error
    • Base UI
      • Alerts
      • Accordions
      • Avatar
      • Badges
      • Borders
      • Buttons
      • Button Group
      • Breadcrumb
      • Cards
      • Carousel
      • Colors
      • Dropdowns
      • Grid
      • Images
      • Lightbox
      • Media
      • Modals
      • Offcanvas
      • Pagination
      • Progress Bars
      • Placeholders
      • Spinner
      • Range Slider
      • Toasts
      • Tooltip
      • Typography
      • Videos
    • Advanced UI
      • Ribbon
      • Clipboard
      • Drag & Drop
      • Rating
      • Text Editor
      • Counter
      • Scrollbar
      • Timeline
    • Forms
      • Basic Inputs
      • Checkbox & Radios
      • Input Groups
      • Grid & Gutters
      • Form Select
      • Input Masks
      • File Uploads
      • Horizontal Form
      • Vertical Form
      • Floating Labels
      • Form Validation
    • Tables
      • Basic Tables
      • Data Tables
    • Charts
      • Apex Charts
    • Icons
      • Fontawesome Icons
      • Feather Icons
      • Ionic Icons
      • Material Icons
      • pe7 Icons
      • Simpleline Icons
      • Themify Icons
      • Weather Icons
      • Typicon Icons
      • Flag Icons
profile
Logo
LogoLogo
Welcome to SmartHR
Img
Adrian Herman

System Admin

    • APPLICATION
    • Voice Call
    • Video Call
    • Outgoing Call
    • Incoming Call
    • Call History
    • Calendar
    • Email
    • To Do
    • Notes
    • File Manager
    • Kanban
    • Invoices
    • SUPER ADMIN
    • Dashboard
    • Companies
    • Subscriptions
    • Packages
    • Domain
    • Purchase Transaction
    • LAYOUT
    • Horizontal
    • Detached
    • Modern
    • Two Column
    • Hovered
    • Boxed
    • Horizontal Single
    • Horizontal Overlay
    • Horizontal Box
    • Menu Aside
    • Transparent
    • Without Header
    • RTL
    • Dark
    • PROJECTS
    • Clients
    • Projects
      • Projects
      • Tasks
      • Task Board
    • CRM
    • Contacts
    • Companies
    • Deals
    • Leads
    • Pipeline
    • Analytics
    • Activities
    • HRM
    • Employees
      • Employee Lists
      • Employee Grid
      • Employee Details
      • Departments
      • Designations
      • Policies
    • Tickets
      • Tickets
      • Ticket Details
    • Holidays
    • Attendance
      • Leaves
        • Leaves (Admin)
        • Leave (Employee)
        • Leave Settings
      • Attendance (Admin)
      • Attendance (Employee)
      • Timesheets
      • Shift & Schedule
      • Overtime
    • Performance
      • Performance Indicator
      • Performance Review
      • Performance Appraisal
      • Goal List
      • Goal Type
    • Training
      • Training List
      • Trainers
      • Training Type
    • Promotion
    • Resignation
    • Termination
    • FINANCE & ACCOUNTS
    • Sales
      • Estimates
      • Invoices
      • Payments
      • Expenses
      • Provident Fund
      • Taxes
    • Accounting
      • Categories
      • Budgets
      • Budget Expenses
      • Budget Revenues
    • Payroll
      • Employee Salary
      • Payslip
      • Payroll Items
    • ADMINISTRATION
    • Assets
      • Assets
      • Asset Categories
    • Help & Supports
      • Knowledge Base
      • Activities
    • User Management
      • Users
      • Roles & Permissions
    • Reports
      • Expense Report
      • Invoice Report
      • Payment Report
      • Project Report
      • Task Report
      • User Report
      • Employee Report
      • Payslip Report
      • Attendance Report
      • Leave Report
      • Daily Report
    • General Settings
      • Profile
      • Security
      • Notifications
      • Connected Apps
    • Website Settings
      • Business Settings
      • SEO Settings
      • Localization
      • Prefixes
      • Preferences
      • Appearance
      • Language
      • Authentication
      • AI Settings
    • App Settings
      • Salary Settings
      • Approval Settings
      • Invoice Settings
      • Leave Type
      • Custom Fields
    • System Settings
      • Email Settings
      • Email Templates
      • SMS Settings
      • SMS Templates
      • OTP
      • GDPR Cookies
      • Maintenance Mode
    • Financial Settings
      • Payment Gateways
      • Tax Rate
      • Currencies
    • Other Settings
      • Custom CSS
      • Custom JS
      • Cronjob
      • Storage
      • Ban IP Address
      • Backup
      • Clear Cache
    • CONTENT
    • Pages
    • Blogs
      • All Blogs
      • Categories
      • Comments
      • Blog Tags
    • Locations
      • Countries
      • States
      • Cities
    • Testimonials
    • FAQ’S
    • PAGES
    • Starter
    • Profile
    • Gallery
    • Search Results
    • Timeline
    • Pricing
    • Coming Soon
    • Under Maintenance
    • Under Construction
    • API Keys
    • Privacy Policy
    • Terms & Conditions
    • AUTHENTICATION
    • Login
      • Cover
      • Illustration
      • Basic
    • Register
      • Cover
      • Illustration
      • Basic
    • Forgot Password
      • Cover
      • Illustration
      • Basic
    • Reset Password
      • Cover
      • Illustration
      • Basic
    • Email Verification
      • Cover
      • Illustration
      • Basic
    • 2 Step Verification
      • Cover
      • Illustration
      • Basic
    • Lock Screen
    • 404 Error
    • 500 Error
    • UI INTERFACE
    • Base UI
      • Alerts
      • Accordion
      • Avatar
      • Badges
      • Border
      • Buttons
      • Button Group
      • Breadcrumb
      • Card
      • Carousel
      • Colors
      • Dropdowns
      • Grid
      • Images
      • Lightbox
      • Media
      • Modals
      • Offcanvas
      • Pagination
      • Popovers
      • Progress
      • Placeholders
      • Spinner
      • Sweet Alerts
      • Tabs
      • Toasts
      • Tooltips
      • Typography
      • Video
      • Sortable
      • Swiperjs
    • Advanced UI
      • Ribbon
      • Clipboard
      • Drag & Drop
      • Range Slider
      • Rating
      • Text Editor
      • Counter
      • Scrollbar
      • Sticky Note
      • Timeline
    • Forms
      • Form Elements
        • Basic Inputs
        • Checkbox & Radios
        • Input Groups
        • Grid & Gutters
        • Form Select
        • Input Masks
        • File Uploads
        • Form Picker
      • Layouts
        • Horizontal Form
        • Vertical Form
        • Floating Labels
      • Form Validation
      • Select2
      • Form Wizard
      • Form Picker
    • Tables
      • Basic Tables
      • Data Table
    • Charts
      • Apex Charts
      • Chart C3
      • Chart Js
    • Icons
      • Fontawesome Icons
      • Bootstrap Icons
      • Remix Icons
      • Ionic Icons
      • Material Icons
      • Pe7 Icons
      • Themify Icons
      • Weather Icons
      • Typicon Icons
      • Flag Icons
      • Bootstrap Icons
    • Maps
      • Leaflet
    • EXTRAS
    • Documentation
    • Change Log
    • Multi Level
      • Multilevel 1
      • Multilevel 2
        • Multilevel 2.1
        • Multilevel 2.2
          • Multilevel 2.2.1
          • Multilevel 2.2.2
      • Multilevel 3
    Logo
    5
    5
    Welcome to SmartHR
    Img
    Adrian Herman

    System Admin

    Dashboard

    Application

    Super Admin

    Layouts

    Projects

    Crm

    Hrm

    Finance & Accounts

    Administration

    Content

    Pages

    Authentication

    UI Interface

      DocumentationChange Logv4.0.2

      Theme Customizer

      Choose your themes & layouts etc.

      imgRTL

      Pattern
      Colors

      Reset
      Buy Product

      Grid

      Grid options

      Bootstrap grid system allow all six breakpoints, and any breakpoints you can customize.

      Extra small

      <576px

      Small

      ≥576px

      Medium

      ≥768px

      Large

      ≥992px

      Extra large

      ≥1200px

      Extra extra large

      ≥1400px
      Grid behaviorHorizontal at all timesCollapsed to start, horizontal above breakpoints
      Max container widthNone (auto)540px720px960px1140px1320px
      Class prefix.col-.col-sm-.col-md-.col-lg-.col-xl-.col-xxl-
      # of columns12
      Gutter width1.5rem (.75rem on left and right)
      NestableYes
      OffsetsYes
      Column orderingYes
      Grid for column

      You may use predefined grid classes. Using .col-md-* you can set the grid system.

      col-md-1
      col-md-2
      col-md-2
      col-md-3
      col-md-4
      col-md-5
      col-md-7
      col-md-6
      col-md-6
      col-md-8
      col-md-4
      col-md-9
      col-md-3
      col-md-10
      col-md-2
      col-md-12
      Vertical alignment

      You can use the align-items-* class to set the vertical alignment.

      one column
      two column
      one column
      two column
      one column
      two column
      Horizontal alignment

      You can use the justify-content-* class to set the horizontal alignment.

      One column
      Two column
      One column
      Two column
      One column
      Two column
      Nesting

      To nest your content with the default grid, add a new.row and set of .col-sm-* columns within an existing .col-sm-* column.

      Level 1: .col-3
      Level 2: .col-5
      Level 2: .col-7
      Level 1: .col-2
      Level 1: .col-10
      Level 2: .col-4
      Order

      Using .order class, you can set the order position.

      First Item (order-3)
      Second Item (order-first)
      Third Item (order-last)
      Fourth Item (order-2)
      fifth Item (order-5)
      sixth Item (order-4)
      Offset

      You can offset the grid column using .offset-* grid class.

      col-5 offset-3
      col-2 offset-2
      col-4 offset-2
      col-3 offset-2
      Column wrapping
      .col-9
      .col-4
      Since 9 + 4 = 13 > 12, this 4-column-wide div gets wrapped onto a new line as one contiguous unit.
      .col-6
      Subsequent columns continue along the new line.
      Margin utilities

      With the move to flexbox in v4, you can use margin utilities like .me-autoto force sibling columns away from one another.

      .col-md-4
      .col-md-4 .ms-auto
      .col-md-3 .ms-md-auto
      .col-md-3 .ms-md-auto
      .col-auto .me-auto
      .col-auto
      Column breaks
      .col-6 .col-sm-3
      .col-6 .col-sm-3
      .col-6 .col-sm-3
      .col-6 .col-sm-3

      You may also apply this break at specific breakpoints with our responsive display utilities.

      .col-6 .col-sm-4
      .col-6 .col-sm-4
      .col-6 .col-sm-4
      .col-6 .col-sm-4
      Standalone column classes

      The .col-* classes can also be used outside a.row to give an element a specific width. Whenever column classes are used as non direct children of a row,the paddings are omitted.

      .col-3: width of 25%
      .col-sm-9: width of 75% above sm breakpoint

      The classes can be used together with utilities to create responsive floated images. Make sure to wrap the content in a .clearfix wrapper to clear the float if the text is shorter.

      ...

      A paragraph of placeholder text. We're using it here to show the use of the clearfix class. We're adding quite a few meaningless phrases here to demonstrate how the columns interact here with the floated image.

      As you can see the paragraphs gracefully wrap around the floated image. Now imagine how this would look with some actual content in here, rather than just this boring placeholder text that goes on and on, but actually conveys no tangible information at. It simply takes up space and should not really be read.

      And yet, here you are, still persevering in reading this placeholder text, hoping for some more insights, or some hidden easter egg of content. A joke, perhaps. Unfortunately, there's none of that here.