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
  • All pets are neutered and vaccinated
  • All pets are examined by a vet and treated as required
  • We help to match you with a pet that meet you needs
Custom List
  • All pets are neutered and vaccinated
  • All pets are examined by a vet and treated as required
  • We help to match you with a pet that meet you needs
Checkmark List
  • All pets are neutered and vaccinated
  • All pets are examined by a vet and treated as required
  • We help to match you with a pet that meet you needs

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.

.pattern3

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

.pattern4-right

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

.pattern4-left

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

Image shapes / hover effect

.rounded
.rounded-circle
.img-thumbnail
.img-rotate-outline
.img-zoom-hover
.hover-opacity

Pet icons

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

flaticon-game
Author: Freepik
flaticon-animals-15
Author: Freepik
flaticon-cross
Author: Freepik
flaticon-animal-13
Author: Freepik
flaticon-shape
Author: Freepik
flaticon-cat-toy
Author: Freepik
flaticon-pet-lotion
Author: Freepik
flaticon-cat-in-black-silhouette
Author: Freepik
flaticon-cat-2
flaticon-ashera-cat
Author: Freepik
flaticon-animals-14
Author: Freepik
flaticon-animals-13
Author: Freepik
flaticon-animals-12
Author: Metropolicons
flaticon-silhouette
Author: Freepik
flaticon-animal-12
Author: TutsPlus
flaticon-black-cat
Author: Freepik
flaticon-animal-prints
Author: Freepik
flaticon-garden
Author: Freepik
flaticon-dog-20
Author: Freepik
flaticon-dog-19
Author: Freepik
flaticon-people-2
Author: Freepik
flaticon-animals-11
Author: Freepik
flaticon-people-1
Author: Freepik
flaticon-dog-18
Author: Freepik
flaticon-people
Author: Freepik
flaticon-animals-10
Author: Freepik
flaticon-dog-17
Author: Freepik
flaticon-man
Author: Freepik
flaticon-animal-11
Author: Freepik
flaticon-animal-10
Author: Freepik
flaticon-dog-16
Author: Freepik
flaticon-animals-9
Author: Freepik
flaticon-animal-9
Author: TutsPlus
flaticon-dog-15
Author: Metropolicons
flaticon-animals-8
Author: Freepik
flaticon-dog-14
Author: Freepik
flaticon-easter-bunny
Author: Freepik
flaticon-grooming-1
Author: Freepik
flaticon-pawprint-4
Author: Freepik
flaticon-pawprint-3
Author: Freepik
flaticon-cat-1
Author: Freepik
flaticon-dog-with-belt-walking-with-a-man
Author: Freepik
flaticon-dog-13
Author: Freepik
flaticon-grooming
Author: Freepik
flaticon-prize-badge-with-paw-print
Author: Freepik
flaticon-dog-12
Author: Freepik
flaticon-dog-11
Author: Freepik
flaticon-pawprint-2
Author: Freepik
flaticon-dog-seating
Author: Freepik
flaticon-dog-10
Author: Freepik
flaticon-plain-dog
Author: Freepik
flaticon-jack-russell-terrier
Author: Freepik
flaticon-dog-9
Author: Freepik
flaticon-walking-with-dog
Author: Freepik
flaticon-pet
Author: Becris
flaticon-face-of-staring-dog
Author: Freepik
flaticon-dog-with-floppy-ears-1
Author: Freepik
flaticon-face-of-a-dog-with-sleepy-eyes
Author: Freepik
flaticon-dog-bone-1
Author: Freepik
flaticon-dog-with-big-and-pointy-ears
Author: Freepik
flaticon-dog-head
Author: Freepik
flaticon-border-collie-head
Author: Freepik
flaticon-bulldog-head
Author: Freepik
flaticon-basset-hound-dog-head
Author: Freepik
flaticon-dog-face
Author: Freepik
flaticon-veterinarian-hospital
flaticon-rat
Author: Freepik
flaticon-cat
Author: Freepik
flaticon-dog-8
Author: Freepik
flaticon-animal-8
Author: Freepik
flaticon-hamster-1
flaticon-animals-7
Author: Freepik
flaticon-dog-training-3
Author: Freepik
flaticon-dog-training-2
Author: Freepik
flaticon-walking-the-dog
Author: Freepik
flaticon-dog-training-1
Author: Freepik
flaticon-dog-training
Author: Freepik
flaticon-dog-7
Author: Freepik
flaticon-dog-6
Author: Freepik
flaticon-dog-5
flaticon-animals-6
Author: Freepik
flaticon-animal-7
Author: Freepik
flaticon-siamese-cat
Author: Freepik
flaticon-toyger-cat
Author: Freepik
flaticon-pets
Author: Freepik
flaticon-bulldog
Author: Freepik
flaticon-poodle
Author: Freepik
flaticon-border-collie
Author: Freepik
flaticon-basset-houd
Author: Freepik
flaticon-dachshund
Author: Freepik
flaticon-kurzhaar
Author: Freepik
flaticon-bernese-mountain
Author: Freepik
flaticon-dog-puppy
Author: Freepik
flaticon-dog-kennel
Author: Freepik
flaticon-mouse
Author: Freepik
flaticon-turtle
Author: Freepik
flaticon-pet-carrier
Author: Freepik
flaticon-pet-food
Author: Freepik
flaticon-dog-bone
Author: Freepik
flaticon-aquarium
Author: Freepik
flaticon-bird
Author: Freepik
flaticon-laying-cat
Author: Freepik
flaticon-pet-friendly
Author: Freepik
flaticon-animals-5
Author: Freepik
flaticon-animals-4
Author: Freepik
flaticon-pawprint-1
Author: Freepik
flaticon-food
Author: Freepik
flaticon-animals-3
Author: Freepik
flaticon-dog-4
Author: Freepik
flaticon-animals-2
Author: Freepik
flaticon-animal-6
Author: Freepik
flaticon-veterinary
Author: Freepik
flaticon-syringe
Author: Freepik
flaticon-medical
Author: Freepik
flaticon-pet-shelter
Author: Freepik
flaticon-brush
Author: Freepik
flaticon-animal-5
Author: Freepik
flaticon-animal-4
Author: Freepik
flaticon-animals-1
Author: Freepik
flaticon-vet-with-cat
Author: Freepik
flaticon-guinea-pig-heag
Author: Freepik
flaticon-animals
Author: Freepik
flaticon-angry-bulldog-face
Author: Freepik
flaticon-dog-with-chubby-cheeks
Author: Freepik
flaticon-chewing-bone-for-dog
Author: Freepik
flaticon-dog-food-bowl
Author: Freepik
flaticon-doberman-dog-head
Author: Freepik
flaticon-dog-with-floppy-ears
Author: Freepik
flaticon-long-haired-dog-head
Author: Freepik
flaticon-animal-paw-print
Author: Freepik
flaticon-dog-with-first-aid-kit-bag
Author: Freepik
flaticon-play
Author: Freepik
flaticon-dog-and-pets-house
Author: Freepik
flaticon-man-combing-a-dog
Author: Freepik
flaticon-dog-in-front-of-a-man
Author: Freepik
flaticon-scissors
Author: Freepik
flaticon-dog-3
Author: Freepik
flaticon-dog-2
Author: Freepik
flaticon-pet-hotel-sign-with-a-dog-and-a-cat-under-a-roof-line
Author: Freepik
flaticon-circle
Author: Freepik
flaticon-dog-1
Author: Freepik
flaticon-pet-hotel-symbols-of-three-stars-a-semicircle-and-a-bone-black-shape
Author: Freepik
flaticon-pets-hotel-symbol-with-a-dog-and-a-cat-in-a-circle-with-one-star
Author: Freepik
flaticon-animal-3
Author: Freepik
flaticon-animal-2
Author: Freepik
flaticon-sign
Author: Freepik
flaticon-dog-pet-allowed-hotel-signal
Author: Freepik
flaticon-zynga-logotype
Author: SimpleIcon
flaticon-dog
Author: Freepik
flaticon-animal-1
Author: Freepik
flaticon-pawprint
Author: Freepik
flaticon-sitting-rabbit
Author: Freepik
flaticon-track
Author: Freepik
flaticon-hamster
Author: Freepik
flaticon-animal
Author: Freepik