Explore Templates
Page Header
Check our page header component.
Basic example
Basic example of page header.
Subheading
Page Title
Page header with breadcrumb
You can add breadcrumb with page header component.
Page Title
Page header with text
You can add text line using <p> tag.
Page Title
This is a dummy text for more context.
Page header simple
Remove icon avatar for simple page header layout.
Page Title
This is a dummy text for more context.
Page header with stats
Add stats block using .pg-stats-group.
Page Title
Statistics●Statistics Number
Page header with badge
Add the badge element with header to enhance the layout.
Page Title
BadgeThis is a dummy text for more context.
Page header with tabs
Add the class .pg-header-wth-tab with .hk-pg-header, to add tabs in page header.
Page Title
This is a dummy text for more context.
Page header dark
Add the class .pg-header-dark with .hk-pg-header, to add dark mode.
Page Title
This is a dummy text for more context.
Page header with image
Add the class .pg-header-wth-img with .hk-pg-header, to add image background.
Page Title
This is a dummy text for more context.