Choose a Color Skin
maincolors burntorange paleblue oliveoil glampink

Basic Elements

Typography

Header h1

Testing Header h2

Testing Section heading

Testing Header h3

Testing Header h4

Testing Header h5
Testing Header h6

.text-primary

.text-secondary

.text-success

.text-danger

.text-warning

.text-info

.text-light

.text-dark

.text-body

.text-muted

.text-white

.text-black-50

.text-white-50

Lists

Basic List

  • Home
  • Products
  • About Us
  • Contact

Custom List

  • Aliquam erat volut pat.
  • Ibu lum orci eget, viverra elit. Aliquam erat volut pat phas ellus ac sodales felis tiam non
  • Erat volut pat phas ellu
  • Aliquam erat volut pat phas ellus ac sodales felis tiam non

Components

Alerts

Badges

Primary Secondary Success Danger Warning Info Light Dark

Progress Bars

Tabs

Aenean ut ex leo. Nulla faucibus turpis sit amet turpis mattis vestibulum et vel enim. Suspendisse magna magna, consectetur at erat non, mattis aliquet elit.

Vivamus finibus lorem diam, sit amet facilisis tellus placerat Aliquam porttitor ut lectus eget imperdiet. Aenean ut ex leo. Nulla faucibus turpis sit amet turpis mattis vestibulum et vel enim. Suspendisse magna magna, consectetur at erat non, mattis aliquet elit.

Fusce at nibh lacinia orci dictum euismod. Praesent vel nisl in quam commodo tristique.

Fusce at nibh lacinia orci dictum euismod. Praesent vel nisl in quam commodo tristique.

Accordions

Aenean ut ex leo. Nulla faucibus turpis sit amet turpis mattis vestibulum et vel enim. Suspendisse magna magna, consectetur at erat non, mattis aliquet elit.

Vivamus finibus lorem diam, sit amet facilisis tellus placerat Aliquam porttitor ut lectus eget imperdiet. Aenean ut ex leo. Nulla faucibus turpis sit amet turpis mattis vestibulum et vel enim. Suspendisse magna magna, consectetur at erat non, mattis aliquet elit.

Fusce at nibh lacinia orci dictum euismod. Praesent vel nisl in quam commodo tristique.

Vivamus finibus lorem diam, sit amet facilisis tellus placerat Aliquam porttitor ut lectus eget imperdiet. Aenean ut ex leo. Nulla faucibus turpis sit amet turpis mattis vestibulum et vel enim. Suspendisse magna magna, consectetur at erat non, mattis aliquet elit.

Fusce at nibh lacinia orci dictum euismod. Praesent vel nisl in quam commodo tristique.

Forms

Form Elements

Field sizes

Selects

Checkbox

Radio

Switch

Other

Pills

Social Media

Collapsible Element

Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.

Tables

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Backgrounds

.bg-primary
.bg-secondary
.bg-success
.bg-danger
.bg-warning
.bg-info
.bg-light
.bg-dark

Cards

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

Card with background

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

Image Effects

Polygon reveal

Outline Color

Outline white

Zoom Hover

All Rights reserved / Aphrodite - Designed by IngridK