Powered by Vite for instant hot-module replacement and blazing-fast builds.
Bootstrap 5 SCSS variables make it easy to tailor every color and spacing value.
Looks great on every device — from phones to ultrawide monitors.
This is a starter landing page built with Bootstrap 5 and Vite. Customize the SCSS variables, add your pages, and start building.
Demonstrating classes from
common/css/custom.css
and
page_assets/index/css/main.css
.
main.css
.index-highlight-box
A page-specific callout box styled with a primary-colored left border and the Bootstrap tertiary background token.
.card-hover
— hover for shadow
Hover over this card to see the shadow lift effect from
custom.css
.
The
.card-hover
class adds a smooth
box-shadow
transition on hover.
No JavaScript needed — pure CSS transition using
var(--bs-*)
tokens.
.text-truncate-1
— single-line overflow
This very long sentence will be clipped at the edge of its container and trailed with an ellipsis instead of wrapping to a second line.
Max-width capped at 400 px to make the truncation visible.
Native Bootstrap 5 toasts — uses your theme colors and variables.
A few examples of the available icon styles.