Typology

This theme has some nice typology options

Simple typology

Duis egestas eros sit amet dui malesuada eleifend. Proin semper pulvinar lacus ut iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam eleifend nisi at dui aliquam sed sagittis massa imperdiet read more

This is a bold text. If you want to emphasis something put<em>or use html posuere cubilia Curae; Etiam eleifend nisi at dui aliquam sed sagittis massa imperdiet read more

Nice tables
Tag Example Info
<strong> bold something Simple bold
<em> emphasis something Similar to italic
<abbr> html Abbreviations, use titleattribute to expand the text

Some subtitle

Nam leo mi, porttitor sed semper nec, semper ac ligula. Suspendisse suscipit, leo a fermentum tincidunt

  • Class aptent taciti sociosqu ad
  • lectus ac elit laoreet rutrum dictum
  • Nunc posuere justo et sem lacinia
  1. text
  2. text
  3. text

Buttons







Links

Read more Read more Read more

Read more Read more Read more

Read more Read more Read more

Read more Read more Read more

Black link normal
Normal link
Black link

Input button







Pagination

Inline labels

Default Testing the inline thing

Success

Warning

Important

Info

Inverse

Inline labels - fixed width

Default Testing the inline thing

Success

Warning

Important

Info

Inverse

Inline badges

Used to show unread stuff or alert numbers

1 2 4 6 8 10

Striped bars

Similar to the solid colors, we have varied striped progress bars.

Full width

Nam leo mi, porttitor sed semper nec, semper ac ligula. Suspendisse suscipit, leo a ferment um tincidunt, turpis odio rutrum

Nam leo mi, porttitor sed semper nec, semper ac ligula. Suspendisse suscipit, leo a ferment um tincidunt, turpis odio rutrum

Nam leo mi, porttitor sed semper nec, semper ac ligula. Suspendisse suscipit, leo a ferment um tincidunt, turpis odio rutrum

Code tag

This is an inline code tag: ionice -c 2 -n 0 your_command - best effort high priority

Pre tag
    make a .tar tarball without compression:
    tar -cvf archive.tar /home/path-to-folder

    extract a .tar tarball:
    tar -xvf  archive.tar -C /home/where-do-you-want-it/
    
Pre tag - left bar
    make a .tar tarball without compression:
    tar -cvf archive.tar /home/path-to-folder

    extract a .tar tarball:
    tar -xvf  archive.tar -C /home/where-do-you-want-it/
    
Pre tag - right bar
    make a .tar tarball without compression:
    tar -cvf archive.tar /home/path-to-folder

    extract a .tar tarball:
    tar -xvf  archive.tar -C /home/where-do-you-want-it/
    
Pre tag - no bar
    make a .tar tarball without compression:
    tar -cvf archive.tar /home/path-to-folder

    extract a .tar tarball:
    tar -xvf  archive.tar -C /home/where-do-you-want-it/
    
Blockquote tag - left
Note: dui dolor, venenatis vitae hendrerit eu, tincidunt vel nisi. Vestibulum quis lorem sem, sed consectetur metus. In eget faucibus dui. Praesent dignissim tincidunt adipiscing. Duis quis orci enim. Praesent et lacus quis lectus tempus ultrices. Aenean id dui est. Phasellus viverra rhoncus tempor. Someone famous in Body of work
Blockquote tag - right
Note: dui dolor, venenatis vitae hendrerit eu, tincidunt vel nisi. Vestibulum quis lorem sem, sed consectetur metus. In eget faucibus dui. Praesent dignissim tincidunt adipiscing. Duis quis orci enim. Praesent et lacus quis lectus tempus ultrices. Aenean id dui est. Phasellus viverra rhoncus tempor. Someone famous in Body of work

Image - no align

Duis egestas eros sit amet dui malesuada eleifend. Proin semper pulvinar lacus ut iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam eleifend nisi at dui aliquam sed sagittis massa imperdiet

Image - centered

Duis egestas eros sit amet dui malesuada eleifend. Proin semper pulvinar lacus ut iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam eleifend nisi at dui aliquam sed sagittis massa imperdiet

Image - left

Duis egestas eros sit amet dui malesuada eleifend. Proin semper pulvinar lacus ut iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam eleifend nisi at dui aliquam sed sagittis massa imperdiet

Duis egestas eros sit amet dui malesuada eleifend. Proin semper pulvinar lacus ut iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam eleifend nisi at dui aliquam sed sagittis massa imperdiet click here

Duis egestas eros sit amet dui malesuada eleifend. Proin semper pulvinar lacus ut iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam eleifend nisi at dui aliquam sed sagittis massa imperdiet read more

Image - right

Duis egestas eros sit amet dui malesuada eleifend. Proin semper pulvinar lacus ut iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam eleifend nisi at dui aliquam sed sagittis massa imperdiet

Duis egestas eros sit amet dui malesuada eleifend. Proin semper pulvinar lacus ut iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam eleifend nisi at dui aliquam sed sagittis massa imperdiet read more

Duis egestas eros sit amet dui malesuada eleifend. Proin semper pulvinar lacus ut iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam eleifend nisi at dui aliquam sed sagittis massa imperdiet read more

Image - left

Duis egestas eros sit amet dui malesuada eleifend. Proin semper pulvinar lacus ut iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam eleifend nisi at dui aliquam sed sagittis massa imperdiet

Duis egestas eros sit amet dui malesuada eleifend. Proin semper pulvinar lacus ut iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam eleifend nisi at dui aliquam sed sagittis massa imperdiet click here

Duis egestas eros sit amet dui malesuada eleifend. Proin semper pulvinar lacus ut iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam eleifend nisi at dui aliquam sed sagittis massa imperdiet read more

Image - right

Duis egestas eros sit amet dui malesuada eleifend. Proin semper pulvinar lacus ut iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam eleifend nisi at dui aliquam sed sagittis massa imperdiet

Duis egestas eros sit amet dui malesuada eleifend. Proin semper pulvinar lacus ut iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam eleifend nisi at dui aliquam sed sagittis massa imperdiet read more

Duis egestas eros sit amet dui malesuada eleifend. Proin semper pulvinar lacus ut iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam eleifend nisi at dui aliquam sed sagittis massa imperdiet read more

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5
This is heading 6

Colored table

Tag Example Info
<strong> bold something Simple bold
<em> emphasis something Similar to italic
<abbr> html Abbreviations, use titleattribute to expand the text
<strong> bold something Simple bold
<em> emphasis something Similar to italic
<abbr> html Abbreviations, use titleattribute to expand the text

Description

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

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.