brand
Layout

Choose your preferred layout

layoutlayoutlayout
Navigation

Menu comes in two modes: dark & light

Top Nav

Choose your liked color mode

Scrollable Header
brandbrand

Modal

Modal Components

A JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content. Included below are the modal header, modal body, and modal footer.

Live demo

Toggle a working modal demo by clicking the button below. It will slide down and fade in from the top of the page.

Scrolling long content

When modals become too long for the user’s viewport or device, they scroll independent of the page itself.

Vertically centered

Add .modal-dialog-centeredto .modal-dialogto vertically center the modal.

Optional sizes

Modals have two optional sizes - .modal-lgand .modal-sm, available via modifier classes to be placed on a .modal-dialog.

Modal with elements

Place a popover, a tooltip, forms, an editor or even a carousel within modals as needed.