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

Social icons

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.

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-puppy
Author: Eucalyp
.flaticon-dog-food
Author: Eucalyp
.flaticon-collar
Author: Eucalyp
.flaticon-license
Author: Eucalyp
.flaticon-bathing
Author: Eucalyp
.flaticon-canned-food
Author: Eucalyp
.flaticon-canned-food-1
Author: Eucalyp
.flaticon-leash
Author: Freepik
.flaticon-dog-food-bowl
Author: Freepik
.flaticon-face-of-staring-dog
Author: Freepik
.flaticon-dog-face
Author: Freepik
.flaticon-chewing-bone-for-dog
Author: Freepik
.flaticon-border-collie-dog-head
Author: Freepik
.flaticon-angry-dog
Author: Freepik
.flaticon-dog-face-1
Author: Freepik
.flaticon-border-collie-head
Author: Freepik
.flaticon-animal-paw-print
Author: Freepik
.flaticon-dog-bone
Author: Freepik
.flaticon-long-haired-dog-head
Author: Freepik
.flaticon-dog-face-2
Author: Freepik
.flaticon-basset-hound-dog-head
Author: Freepik
.flaticon-plain-dog
Author: Freepik
.flaticon-dog-in-front-of-a-man
Author: Freepik
.flaticon-dog-with-belt-walking-with-a-man
Author: Freepik
.flaticon-man-on-his-knees-to-cuddle-his-dog
Author: Freepik
.flaticon-man-carrying-a-dog-with-a-belt-to-walk
Author: Freepik
.flaticon-man-throwing-a-disc-and-dog-jumping-to-catch-it
Author: Freepik
.flaticon-dog-having-a-bubbles-bath
Author: Freepik
.flaticon-dog-puppy-sitting-in-front-of-his-man
Author: Freepik
.flaticon-dog-checked-by-a-veterinary
Author: Freepik
.flaticon-man-combing-a-dog
Author: Freepik
.flaticon-dog-puppy-and-his-owner-looking-to-opposite-directions
Author: Freepik
.flaticon-dog-playing-with-a-man
Author: Freepik
.flaticon-dog-and-a-man
Author: Freepik
.flaticon-dog-and-pets-house
Author: Freepik
.flaticon-dog-smelling-a-bone
Author: Freepik
.flaticon-dog-with-owner
Author: Freepik
.flaticon-dog-bitting-a-stick-playing-with-a-man
Author: Freepik
.flaticon-paws-up-dog-playing-with-a-man
Author: Freepik
.flaticon-dog-learning-man-instructions
Author: Freepik
.flaticon-dog-with-first-aid-kit-bag
Author: Freepik
.flaticon-bone
Author: Freepik
.flaticon-dog
Author: Freepik
.flaticon-stethoscope
Author: Freepik
.flaticon-veterinary
Author: Freepik
.flaticon-dog-1
Author: Freepik
.flaticon-dog-seating
Author: Freepik
.flaticon-dog-running
Author: Freepik
.flaticon-dog-dish
Author: Freepik
.flaticon-dog-face-3
Author: Freepik
.flaticon-guide-dog
Author: Freepik
.flaticon-dog-collar
Author: Freepik
.flaticon-dog-playing
Author: Freepik
.flaticon-bone-1
Author: Freepik
.flaticon-feeding-the-dog
Author: Freepik
.flaticon-dog-seating-1
Author: Freepik
.flaticon-walking-the-dog
Author: Freepik
.flaticon-dog-seatting
Author: Freepik
.flaticon-dog-running-1
Author: Freepik
.flaticon-german-shepherd
Author: Freepik
.flaticon-washing-the-dog
Author: Freepik
.flaticon-dog-eating
Author: Freepik
.flaticon-dog-playing-1
Author: Freepik
.flaticon-man-dog-and-stick
Author: Freepik
.flaticon-couple-of-dogs
Author: Freepik
.flaticon-dog-urinating
Author: Freepik
.flaticon-man-and-dog
Author: Freepik
.flaticon-treat
Author: Freepik
.flaticon-dog-sleeping
Author: Freepik
.flaticon-dog-and-man-seating
Author: Freepik
.flaticon-dog-walker
Author: Freepik
.flaticon-dog-licking
Author: Freepik
.flaticon-dog-scaping
Author: Freepik
.flaticon-hughing-dog
Author: Freepik
.flaticon-dog-training
Author: Freepik
.flaticon-dog-2
Author: Freepik
.flaticon-dog-training-1
Author: Freepik
.flaticon-walking-the-dog-1
Author: Freepik
.flaticon-dog-training-2
Author: Freepik
.flaticon-running
Author: Freepik
.flaticon-exposition
Author: Freepik
.flaticon-dog-training-3
Author: Freepik
.flaticon-dog-training-4
Author: Freepik
.flaticon-dog-3
Author: Freepik
.flaticon-pets-hotel-symbol-with-a-dog-and-a-cat-in-a-circle-with-one-star
Author: Freepik
.flaticon-pet-hotel-sign-with-a-dog-and-a-cat-under-a-roof-line
Author: Freepik
.flaticon-dog-pet-allowed-hotel-signal
Author: Freepik
.flaticon-dog-pawprint-in-a-house
Author: Freepik
.flaticon-pets-hotel-circular-symbol-with-a-dog-and-a-verification-sign-inside-a-heart
Author: Freepik
.flaticon-thumb-up-on-dog-symbol
Author: Freepik
.flaticon-pets-hotel-house-sign-with-a-paw
Author: Freepik
.flaticon-pet-hotel-symbol-with-three-stars
Author: Freepik
.flaticon-pet-hotel-symbols-of-three-stars-a-semicircle-and-a-bone-black-shape
Author: Freepik
.flaticon-big-dog-black-silhouette-with-verification-sign
Author: Freepik
.flaticon-pets-hotel
Author: Freepik
.flaticon-pet-hotel-sign
Author: Freepik
.flaticon-dog-4
Author: Freepik
.flaticon-pawprints
Author: Freepik
.flaticon-pawprints-1
Author: Freepik
.flaticon-dog-pawprints
Author: Freepik
.flaticon-pet
Author: Freepik
.flaticon-dog-training-5
Author: Freepik
.flaticon-dog-puppy
Author: Freepik
.flaticon-dog-5
Author: Eucalyp
.flaticon-dog-6
Author: Eucalyp
.flaticon-animal
Author: Freepik
.flaticon-running-dog-silhouette
Author: Freepik
.flaticon-sitting-dog
Author: Freepik
.flaticon-dog-silhouette-in-a-sitting-position
Author: Freepik
.flaticon-sitting-dog-1
Author: Luigi Console