☀️

Nav











Tabs

Tab 1 Tab 2 Tab 3


Tab 1 Tab 2 Tab 3

Card

Card title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercit.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercit.

Ipsa magnam consequatur itaque, mollitia non quam voluptate consequuntur dignissimos recusandae ea quas, nobis, debitis officia iure minus et dolore, reprehenderit sapiente iste. Eligendi eveniet ut qui at, deleniti enim!

Tag

One Two Three Small Large

Grid

.col
.col
.col
.col
.col-1
.col-1
.col-1
.col-1
.col-1
.col-1
.col-1
.col-1
.col-1
.col-1
.col-1
.col-1
.col-2
.col-2
.col-2
.col
.col-3
.col-3
.col-3
.col-3
.col-4
.col-4
.col-4
.col-5
.col-5
.col
.col-6
.col-6
.col-7
.col
.col-1
.col-8
.col
.col-1
.col-9
.col
.col-1
.col-10
.col
.col-11
.col
.col-12

Responsive grids:

.col-12.col-6-md.col-4-lg
.col-6.col-3-md.col-4-lg
.col-6.col-3-md.col-4-lg
.col.col-6-lg
.col.col-3-lg
.col.col-3-lg
.hide-sm
.hide-md
.hide-lg

Helpers

Text color

Primary

Light

Grey

Dark

Error

Success

Background color

.bg-primary
.bg-light
.bg-grey
.bg-dark
.bg-success
.bg-error

Responsive Helpers

.hide-xs
.hide-sm
.hide-md
.hide-lg

Icons