Theme starter UI Kit

Current version of theme use Bootstrap v5.1.1. You can use all Bootstrap classes. You can find custom classes which built in the same way as Bootstrap core.

Documentation: Bootstrap

Icons: Bootstrap Icons

Headings

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading

h6. Bootstrap heading

Font Family

default

Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur minus modi ipsa officia culpa? Sint nulla exercitationem optio minima dolor.

.font-monospace (alt font)

Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur minus modi ipsa officia culpa? Sint nulla exercitationem optio minima dolor.

Font Weight

.fw-light 300

.fw-normal 400

.fw-medium 500

.fw-bold 700

.fst-italic

.fst-normal

Text Decoration

.text-decoration-underline

.text-decoration-line-through

.text-decoration-none

Line Height

.lh-2-2

.lh-2-1

.lh-2

.lh-1-9

.lh-1-8

.lh-1-7

.lh-1-6

.lh-1-5

.lh-1-4

.lh-1-3

.lh-1-2

.lh-1-1

.lh-1

.lh-0-9

.lh-0-8

.lh-0

Text wrapping and overflow

.text-wrap Lorem ipsum dolor sit amet.

.text-nowrap Lorem ipsum dolor.

Word break

.text-break OneLongWord_mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm

Text transform

.text-lowercase Lowercased text.

.text-uppercase Uppercased text.

.text-capitalize CapiTaliZed text.

Link Decoration

default link styles
.link-decoration-dotted
.link-decoration-underline
.text-decoration-none
.link-hover-underline
.link-hover-decoration-none
.link-decoration-disabled

Cursors

.cursor-pointer

.cursor-not-allowed

.cursor-wait

.cursor-text

.cursor-default

.cursor-auto

Theme Colors

In addition, you can use Bootstrap colors.

.bg-primary

.bg-secondary

.bg-white

.bg-light

.bg-light-secondary

.bg-dark

.bg-dark-secondary

.bg-accent

.bg-accent-secondary

.bg-success

.bg-danger

.bg-warning

.bg-info

.bg-inactive

.bg-inactive-secondary

Text Colors

.text-primary

.text-secondary

.text-white

.text-light

.text-light-secondary

.text-dark

.text-dark-secondary

.text-accent

.text-accent-secondary

.text-success

.text-danger

.text-warning

.text-info

.text-inactive

.text-inactive-secondary

Border-radius Sizes

.rounded-0

.rounded-1

.rounded-2

.rounded-3

Borders

Border Color

In addition, you can use Bootstrap colors.

.border-primary

.border-secondary

.border-white

.border-light

.border-light-secondary

.border-dark

.border-dark-secondary

.border-accent

.border-accent-secondary

.border-success

.border-danger

.border-warning

.border-info

.border-inactive

.border-inactive-secondary

Borders Responsive

.border-top-xl-1
.border-end-xl-1
.border-bottom-xl-1
.border-start-xl-1

Button Styles

.btn-alt-primary

Button Text Button Text Button 1

.btn-alt-secondary

Button Text Button Text Button 1

List Styles

.list-reset
A first item
A second item
A third item
A fourth item
And a fifth one

A first item
A second item
A third item
A fourth item
And a fifth one

A first item

A first item
A second item

A second item
A third item

A first item
A second item
A third item
A fourth item
And a fifth one

A first item

A first item
A second item

A second item
A third item

Social Links

Icons for social media you can find in Bootstrap Icons

.social-list .social-list-primary

.social-list .social-list-secondary

.social-list .social-list-dark

.social-list .social-list-white

.social-list .social-list-black-white

Pagination

Gravity Forms

You should add custom CSS class .custom-gravity-form

Lorem ipsum dolor sit amet consectetur. Porttitor etiam posuere.

First Name*

Last Name*

Phone

List

Message

File Upload

Max. file size: 50 MB.

Checkboxes

First Choice

Second Choice

Third Choice

Radio buttons