Elements

Typography

HEADERS

H1 HEADING

h2 heading

h3 heading

h4 heading

h5 heading
h6 heading

.H7 CLASS

.lead class

.text-primary

.text-secondary

.text-tertiary

LISTS

  • Over 30 Qualified professionals
  • We offer you our quality services since 2002
  • Fun and educational activities in our daily plan
  • Over 30 Qualified professionals
  • We offer you our quality services since 2002
  • Fun and educational activities in our daily plan
  • Over 30 Qualified professionals
  • We offer you our quality services since 2002
  • Fun and educational activities in our daily plan
  • Over 30 Qualified professionals
  • We offer you our quality services since 2002
  • Fun and educational activities in our daily plan

Navigation

PILLS

PAGINATION

BREADCRUMB

NAV TABS

ACCORDIONS

Donec commodo sodales ex, scelerisque laoreet nibh hendrerit id. In aliquet magna nec lobortis maximus. Etiam rhoncus leo a dolor placerat, nec elementum ipsum convall.

Donec commodo sodales ex, scelerisque laoreet nibh hendrerit id. In aliquet magna nec lobortis maximus. Etiam rhoncus leo a dolor placerat, nec elementum ipsum convall.

Donec commodo sodales ex, scelerisque laoreet nibh hendrerit id. In aliquet magna nec lobortis maximus. Etiam rhoncus leo a dolor placerat, nec elementum ipsum convall.

Indicators

ALERTS

Buttons and Forms

BUTTONS

Button group

Button sizes

FORMS

Input group

Others

Cards

Card example

Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

More

Tables

Firstname Lastname Email
John Doe john@example.com
Mary Moe mary@example.com
July Dooley july@example.com

Overlays

.overlay

Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

.overlay-dark

Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

.overlay-light

Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Background Colors

.bg-primary

Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

.bg-secondary

Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

.bg-tertiary

Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

.bg-light

Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

.bg-dark

Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.