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.
Buttons
Using Icons
Forms
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
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 MoreCard 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 linkPrimary card title
Some quick example text to build on the card title and make up the bulk of the card's content.
Secondary card title
Some quick example text to build on the card title and make up the bulk of the card's content.
Success card title
Some quick example text to build on the card title and make up the bulk of the card's content.
Danger card title
Some quick example text to build on the card title and make up the bulk of the card's content.
Warning card title
Some quick example text to build on the card title and make up the bulk of the card's content.
Info card title
Some quick example text to build on the card title and make up the bulk of the card's content.
Light card title
Some quick example text to build on the card title and make up the bulk of the card's content.
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 moreProgress Bars
Alerts
Modals
Tooltips
Popovers
Tables
# | First | Last | Handle |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
# | First | Last | Handle |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
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 |