Basic Elements

Buttons

Pick Your Style
Pick Your Size
Pick Your Color
Links

Input

Form Controls
Checkboxes
Radios
Toggle Buttons
Sliders

Navigations

Cards

Card with Badges
Card custom with badges
Left
Right

Card with Badges

Card badges on left and right

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

Card link Another card link
Card custom with badges
Default Primary Success Info Warning Danger

Card with Badges

Card badges on left and right

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

Card link Another card link
Card with Ribbons
Left
Right
Card custom with badges

Card with Ribbons

Card badges on left and right

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

Card link Another card link
Info
Danger
Card custom with badges

Card with Ribbons

Card badges on left and right

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

Card link Another card link

Progress Bars

Primary
25%
Success
60%
Info
75%
Warning
40%
Danger
90%

Paginations

Badges

Primary Secondary Success Danger Warning Info

Tabs

Tabs Standard

1. This is Photoshop's version of Lorem IpThis is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean mas Cum sociis natoque penatibus et magnis dis.....

2.Cras consequat in enim ut efficitur. Nulla posuere elit quis auctor interdum praesent sit amet nulla vel enim amet. Donec convallis tellus neque, et imperdiet felis amet.

3. This is Photoshop's version of Lorem IpThis is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean mas Cum sociis natoque penatibus et magnis dis.....

4.Cras consequat in enim ut efficitur. Nulla posuere elit quis auctor interdum praesent sit amet nulla vel enim amet. Donec convallis tellus neque, et imperdiet felis amet.

Tabs Bottom

1. This is Photoshop's version of Lorem IpThis is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean mas Cum sociis natoque penatibus et magnis dis.....

2.Cras consequat in enim ut efficitur. Nulla posuere elit quis auctor interdum praesent sit amet nulla vel enim amet. Donec convallis tellus neque, et imperdiet felis amet.

3. This is Photoshop's version of Lorem IpThis is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean mas Cum sociis natoque penatibus et magnis dis.....

4.Cras consequat in enim ut efficitur. Nulla posuere elit quis auctor interdum praesent sit amet nulla vel enim amet. Donec convallis tellus neque, et imperdiet felis amet.

Tabs Left

Carriage quitting securing be appetite it declared. High eyes kept so busy feel call in. Would day nor ask walls known. But preserved advantage are but and certainty earnestly enjoyment. Passage weather as up am exposed. And natural related man subject. Eagerness get situation his was delighted.

Fulfilled direction use continual set him propriety continued. Saw met applauded favourite deficient engrossed concealed and her. Concluded boy perpetual old supposing. Farther related bed and passage comfort civilly. Dashwoods see frankness objection abilities the. As hastened oh produced prospect formerly up am. Placing forming nay looking old married few has. Margaret disposed add screened rendered six say his striking confined.

When be draw drew ye. Defective in do recommend suffering. House it seven in spoil tiled court. Sister others marked fat missed did out use. Alteration possession dispatched collecting instrument travelling he or on. Snug give made at spot or late that mr.

Luckily friends do ashamed to do suppose. Tried meant mr smile so. Exquisite behaviour as to middleton perfectly. Chicken no wishing waiting am. Say concerns dwelling graceful six humoured. Whether mr up savings talking an. Active mutual nor father mother exeter change six did all.

Tabs Right

Carriage quitting securing be appetite it declared. High eyes kept so busy feel call in. Would day nor ask walls known. But preserved advantage are but and certainty earnestly enjoyment. Passage weather as up am exposed. And natural related man subject. Eagerness get situation his was delighted.

Fulfilled direction use continual set him propriety continued. Saw met applauded favourite deficient engrossed concealed and her. Concluded boy perpetual old supposing. Farther related bed and passage comfort civilly. Dashwoods see frankness objection abilities the. As hastened oh produced prospect formerly up am. Placing forming nay looking old married few has. Margaret disposed add screened rendered six say his striking confined.

When be draw drew ye. Defective in do recommend suffering. House it seven in spoil tiled court. Sister others marked fat missed did out use. Alteration possession dispatched collecting instrument travelling he or on. Snug give made at spot or late that mr.

Luckily friends do ashamed to do suppose. Tried meant mr smile so. Exquisite behaviour as to middleton perfectly. Chicken no wishing waiting am. Say concerns dwelling graceful six humoured. Whether mr up savings talking an. Active mutual nor father mother exeter change six did all.

Jumbotron

Jumbotron with Image Background

Hello World!

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information


It uses utility classes for typography and spacing to space content out within the larger container.

Learn More

Jumbotron with Video Background

Hello World!

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information


It uses utility classes for typography and spacing to space content out within the larger container.

Learn More

Alert

Typography

Heading
Heading 1

Venus User Interface

Heading 2

Venus User Interface

Heading 3

Venus User Interface

Heading 4

Venus User Interface

Heading 5
Venus User Interface
Heading 6
Venus User Interface
Display titles
Display 1

Venus User Interface

Display 2

Venus User Interface

Display 3

Venus User Interface

Display 4

Venus User Interface

Paragraphs
Paragraph

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.

Lead text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.

Quote

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

Someone famous in Source Title
Muted text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

Primary text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

Info text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

Success text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

Warning text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

Danger text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

Images

Image Rounded
Rounded Image
Image Circle
Circle Image

Javascript components

Modal
Popovers
Tooltips
Carousel

FontAwesome Icons

Get vector icons and social logos on your website with Font Awesome, the web's most popular icon set and toolkit.