Blank Page
Getting Started
Use this page as a starting point for creating new pages. Simply copy this file, rename it, and start building your content.
1
Copy this file
Duplicate blank.html and rename it (e.g., my-page.html)
2
Update the page settings
Modify the {% set page = 'blank' %} and {% block title %}
3
Add your content
Replace this content with your own components and layout
4
Update navigation
Add your new page to the sidebar navigation in sidebar.html
Adding to Sidebar Navigation
<li class="nav-item">
<a class="nav-link" href="my-page.html">
<i class="bi bi-file-earmark"></i>
<span>My New Page</span>
</a>
</li>Common Components
Quick Reference
Page Header
.page-header
Page Title
.page-title
Breadcrumb
.breadcrumb
Card
.card
Card Header
.card-header
Card Body
.card-body
Theme Features
Dark Mode
Automatic light/dark theme switching
Responsive
Mobile-first responsive design
CSS Variables
Easy customization via CSS properties
Bootstrap 5
Built on the latest Bootstrap