Blank Page

Starter Template

Use this page as a starting point for creating new pages. Copy, rename, and start building.

Quick Start
1
Copy this file

Duplicate blank.html and rename it (e.g., my-page.html)

2
Update the title

Change the <title> tag and page header breadcrumb

3
Add your content

Replace the starter content below with your own components

4
Add to navigation

Link your new page in the sidebar menu

Page Structure
  • Header — Navigation bar with search & profile
  • Sidebar — Icon bar + navigation panel
  • Main Content — Your page content area
  • Footer — Copyright and links
Available Classes
  • .main-content — Page content wrapper
  • .page-header — Title & breadcrumb
  • .card — Content panel component
  • .dashboard-grid — Responsive widget grid
Tips
  • Use Bootstrap 5 utility classes for layout
  • Light & dark modes work via CSS variables
  • Icons: Phosphor Icons
  • Check other pages for common patterns
Sidebar Navigation Snippet
HTML 
<li>
  <a class="panel-link" href="my-page.html">
    My New Page
  </a>
</li>
Your Content Here

Replace this section with your page content. Use cards, tables, charts, forms, or any Bootstrap components.