• HTML & CSS
  • Angular
  • Collapse
Getting started
  • Welcome
  • Install guide
Layouts
  • Containers
  • Dividers
  • Elevation
  • Flexbox
  • Grid
  • Pages
  • Sections
Styles
  • Colours
  • Typography
Helpers
  • Responsiveness
  • Scrollable
  • Spacing
  • Text
  • Other
Elements
  • Badges
  • Buttons
  • Icons
  • Tables
Components
  • Accordions
  • Alerts
  • Avatars
  • Breadcrumbs
  • Cards
  • Dropdowns
  • Forms
  • Lists & List Group
  • Modals
  • Meta Data
  • Nav
  • Pagination
  • Progress Timeline
  • Sidebar / Drawer
  • Snackbars & Toasts
  • Steppers
  • Tabs
  • Toggle
  • Toolbars
  • Tooltips
Organisms
  • Panel Header
Templates
  • Panel
Other
  • Downloads
  • Changelog

Pages

Common markup to produce Hx/UI page layouts.


Standard Layout

This UI doc is using this layout.



<div class="hx-page">
  <header class="hx-page-header"> </header>
  <main class="hx-page-body"></main>
  <footer class="hx-page-footer"></footer>
</div>