Choose your preferred layout


Menu comes in two modes: dark & light

Top Nav

Choose your liked color mode

Scrollable Header
brand brand

Form Layout

Default Layout

More complex forms can be built using the grid classes. Use these for form layouts that require multiple columns, varied widths, and additional alignment options.


Full name as displayed on card
Expiration date required

Horizontal Layout

Create horizontal forms with the grid by adding the .row class to form groups and using the .col-*-* classes to specify the width of your labels and controls.

Inline Layout

Use the .form-inline class to display a series of labels, form controls, and buttons on a single horizontal row.

Form with icon

Place an icon inside add-on on either side of an input. You may also place one on right side of an input.