Whitehall

A Bootstrap 5.3 theme inspired by the Whitehall Design System.

1. Navbar example

2. Buttons & Button groups example

3. Typography example

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lead paragraph: Whitehall style typography.

Body text: 16px base size. Bold text and italics. A standard link.

A well-known quote, contained in a blockquote element.

Official source in Source Title

Muted text.

Primary text.

Success text.

Danger text.

4. Tables example

Case reference Date Status
123456 24 Oct 2023 Complete
789012 25 Oct 2023 Pending

5. Forms example

This field is required.

6. Navs, Tabs & Breadcrumbs example

7. Alerts example

8. Badges example

New Update Success Urgent

9. Progress & Spinners example

10. List groups example

  • Currently selected
  • Second item
  • Third item

11. Cards example

Case Update

Status has changed to 'Approved'.

View details
Warning

Payment is overdue.

12. Accordions example

Follow the instructions on the official guidance page.

13. Carousel example

14. Modals example

15. Offcanvas example

Navigation
Side navigation links go here.

16. Popovers & Tooltips example

17. Toasts example

18. Placeholders example

19. Misc example