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

Basic List
  • Over 30 Qualified professionals
  • We offer you our quality services since 2002
  • Fun and educational activities in our daily plan
Custom List
  • Over 30 Qualified professionals
  • We offer you our quality services since 2002
  • Fun and educational activities in our daily plan
Checkmark List
  • 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

Badges

Primary Secondary Success Danger Warning Info Light Dark

Progress bars

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.

Background Patterns

.pattern1

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

.pattern2

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

Image ornaments

Stars ornament
Rainbow ornament
Bubbles ornament

Icons

Usage example: <i class="icon-name-here"></i>

flaticon-teddy-bear
Author: Freepik
flaticon-pencils
Author: Freepik
flaticon-classroom
Author: Freepik
flaticon-classroom-1
Author: Freepik
flaticon-block-with-letters
Author: Freepik
flaticon-kindergarten
Author: Freepik
flaticon-boy
Author: Freepik
flaticon-puzzle
Author: Freepik
flaticon-girl
Author: Freepik
flaticon-balloon-playing
Author: Freepik
flaticon-children
Author: Freepik
flaticon-kids
Author: Freepik
flaticon-jumping-rope
Author: Freepik
flaticon-football
Author: Freepik
flaticon-flowers
Author: Freepik
flaticon-swing
Author: Freepik
flaticon-clamber
Author: Freepik
flaticon-sand-box
Author: Freepik
flaticon-bicycle
Author: Freepik
flaticon-skipping-rope
Author: Freepik
flaticon-playing
Author: Freepik
flaticon-kids-1
Author: Freepik
flaticon-learning
Author: Freepik
flaticon-playing-1
Author: Freepik
flaticon-football-1
Author: Freepik
flaticon-studying
Author: Freepik
flaticon-kids-2
Author: Freepik
flaticon-learning-1
Author: Freepik
flaticon-baby-girl
Author: Pixel perfect
flaticon-baby-boy
Author: Pixel perfect
flaticon-block
Author: Pixel perfect
flaticon-baby
Author: Pixel perfect
flaticon-feeding-bottle
Author: Pixel perfect
flaticon-block-1
Author: Pixel perfect
flaticon-graduation-hat
Author: Freepik
flaticon-school
Author: Freepik
flaticon-calculator
Author: Freepik
flaticon-pen
Author: Freepik
flaticon-blackboard
Author: Freepik
flaticon-teacher
Author: Freepik
flaticon-walking-to-school
Author: Freepik
flaticon-books-stack-of-three
Author: Freepik
flaticon-open-book
Author: Freepik
flaticon-open-book-1
flaticon-kids-couple
Author: Freepik
flaticon-children-1
Author: Freepik
flaticon-maternity
Author: Freepik
flaticon-baby-boy-1
Author: Freepik
flaticon-smiling-baby
Author: Freepik
flaticon-abc-block
Author: Good Ware
flaticon-baby-face
Author: Freepik
flaticon-feeding-bottle-1
Author: Freepik
flaticon-baby-food
Author: Kiranshastry
flaticon-baby-food-1
Author: Freepik
flaticon-feeding
Author: Smashicons
flaticon-food
Author: Smashicons
flaticon-friendship
Author: Freepik
flaticon-family
Author: Freepik
flaticon-calendar-with-a-clock-time-tools
Author: SimpleIcon
flaticon-alarm-clock
Author: Smashicons
flaticon-help
Author: Good Ware
flaticon-conversation
Author: Freepik
flaticon-conversation-1
flaticon-cubes
Author: Freepik
flaticon-cubes-1
Author: Freepik
flaticon-teddy-bear-1
Author: Freepik
flaticon-crayon
Author: Freepik
flaticon-notebook
Author: Freepik
flaticon-jigsaw
Author: Freepik
flaticon-bib
Author: Freepik
flaticon-watercolor
Author: Freepik

Image shapes / hover effect

.rounded
.rounded-circle
.img-thumbnail
.rotate1
.img-zoom-hover
.hover-opacity
.hover-border
.blob
.blob2
.moving-blob