Colors options

Colors options

Mails 9
VIEW ALL MAILS
Chat
  • Some text
    Aenean vulputate eleifend.
    10:10 AM, Today Anna Veber
  • Some text
    Aenean vulputate eleifend.
    10:12 AM, Today Vincent
Headings

All HTML headings, h1 through h6, are available. .h1 through .h6 classes are also available, for when you want to match the font styling of a heading but still want your text to be displayed inline.

This is a headind 1

This is a headind 2

This is a headind 3

This is a headind 4

This is a headind 5
This is a headind 6

This is a headind 1

This is a headind 2

This is a headind 3

This is a headind 4

This is a headind 5
This is a headind 6
Body Text

Donec vitae sapien ut libero venenatis faucibus.p


Etiam sit amet orci eget eros faucibus tincidunt.small


Donec sodales sagittis magna.em


Fusce vulputate eleifend sapien. em

Contextual Text Colors

Vestibulum ante ipsum primis in faucibus orci.text-primary


In ac dui quis mi consectetuer. text-success


Etiam imperdiet imperdiet orci. text-info


Curabitur ligula sapien, tincidunt non. text-warning


Sed cursus turpis vitae tortor.text-danger

Addresses

Twitter, Inc.
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890
Full Name
first.last@example.com
Blockquotes

Wrap blockquote tag around any HTML as the quote. For straight quotes, we recommend a p tag. Add a footer for identifying the source.

Name of Autor

Nunc egestas, augue at pellentesque laoreet, felis eros vehicula leo, at malesuada velit leo quis pede. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Nunc nulla.

Unordered list

Add list class to ul tag

  • Proin sapien ipsum
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
Ordered list

Add list class to ol tag

  1. Etiam ut purus mattis
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
  5. Nulla volutpat aliquam velit
    1. Phasellus iaculis neque
    2. Purus sodales ultricies
    3. Vestibulum laoreet porttitor sem
    4. Ac tristique libero volutpat at
  6. Faucibus porta lacus fringilla vel
  7. Aenean sit amet erat nunc
  8. Eget porttitor lorem
Unstyled list

Add list-unstyled class to ul tag

  • Phasellus volutpat.
  • Officiis modi ipsum officia ad!
  • Atque nisi fugit repellat ratione.
  • Eveniet tenetur reiciendis eaque.
  • Aperiam accusamus quas nisi?
    • Assumenda, ipsa hic vel sed?
    • Quaerat praesentium error.
    • Magni, excepturi nulla adipisci.
  • Nesciunt, reprehenderit provident cupiditate atque!
  • Sit, nobis similique beatae aut.
  • Eum, debitis veniam laudantium dolor.
Description

A list of terms with their associated descriptions

Description lists
A description list is perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Malesuada porta
Etiam porta sem malesuada magna mollis euismod.
Horizontal description

Make terms and descriptions in <dl>line up side-by-side. Starts off stacked like default <dl> s, but when the navbar expands, so do these.


Description lists
A description list is perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Malesuada porta
Etiam porta sem malesuada magna mollis euismod.
Felis euismod semper eget lacinia
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.