Elements

Typography

Headers

h1 heading

h2 heading

h3 heading

h4 heading

h5 heading
h6 heading

Lists

Basic List
  • Home
  • Products
  • About Us
  • Contact
Custom List
  • Erat volut pat phas ellu
  • Aliquam erat volut pat phas ellu Ibu lum orci eget, viverra elit. Aliquam erat volut pat phas ellus ac sodales felis tiam non
  • Ibu lum orci eget, viverra elit. Aliquam erat volut pat phas ellus ac sodales felis tiam non

Navigation

Pills

Pagination

Nav tabs

Breadcrumb

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

Custom div Shapes

.border-irregular1

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

.border-irregular2

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

Custom colors Background

.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-light

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

.bg-light-custom

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

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Image shapes / hover effect

.rounded
.rounded-circle
.border-double
.hover-opacity

Background icons

.dog-bg1

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.

Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.

.dog-bg2

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.

Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.

.dog-bg3

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.

Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.

.cat-bg1

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.

Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.

.cat-bg2

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.

Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.

.cat-bg3

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.

Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.

.paws-house-bg1

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.

Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.

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