Primary
Danger
Warning
Success
Info
Secondary
Light
Dark

Typography

Headers: 'Taviraj', serif;
Content: 'Proza Libre', sans-serif;

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Example body text

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

You can use the mark tag to highlight text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

<p>Sample text here...</p> <p>And another line of sample text here...</p>
			

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

Someone famous in Source Title

Buttons


Using Icons

Forms

Looks good!
Please provide a valid city.
Using Icons

Navbars

Navs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consectetur nec justo sit amet varius. Mauris a libero ex. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed sed arcu ac urna molestie pharetra quis eget libero.

Nulla a auctor quam, in porttitor lacus. Integer sed faucibus dui. Etiam scelerisque accumsan ante, non elementum risus molestie nec. Vivamus id vehicula ligula. In convallis, elit nec rhoncus tincidunt, purus massa finibus arcu.

...

Cards

Card image cap

Sample Card Title

He seems sinking under the evidence could not only grieve and a visit. The father is to bless and placed in his length hid...

Read More

Card title

Card subtitle

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

Card link Another link
Header
Primary card title

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

Header
Secondary card title

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

Header
Success card title

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

Header
Danger card title

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

Header
Warning card title

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

Header
Info card title

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

Header
Light card title

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

Header
Dark card title

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

Jumbotron

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

Progress Bars

Alerts

Modals

Tooltips

Popovers

Tables

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Type Column heading Column heading
Active Column content Column content
Default Column content Column content
Primary Column content Column content
Secondary Column content Column content
Success Column content Column content
Danger Column content Column content
Warning Column content Column content
Info Column content Column content
Light Column content Column content
Dark Column content Column content

Datepickers

-

Made with // Nicholas Milot