Shortcodes – Typography

[jumbotron background=’#f6f6f6′ color=’#000′]

Jumbotron

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

[button text=”Learn More” url=”#” type=”info”][/button]
[/jumbotron]

 

Highlighted Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam [highlight color=”primary”]pellentesque venenatis leo[/highlight] id tincidunt. Aliquam erat volutpat. Phasellus blandit [highlight color=”info”]non nisl nec cursus[/highlight]. Maecenas neque odio, venenatis eget dolor eget, pharetra eleifend erat. [highlight color=”success”]Nunc urna eros[/highlight], tincidunt pellentesque sem id, mattis eleifend nisi. Cras [highlight color=”warning”]tincidunt tincidunt aliquam[/highlight]. Morbi id ligula est. Nulla sed commodo erat. Vestibulum fermentum luctus molestie. Donec in arcu a [highlight color=”danger”]elit laoreet venenatis[/highlight]. Vivamus gravida tristique nibh, sed volutpat tortor dictum eu.

 

Tooltips

Nulla pulvinar, tellus vitae feugiat pretium, [tooltip_text tooltip_text=”A top tooltip” tooltip_placement=”top” link=”#” target=”_self”]sapien nulla[/tooltip_text] libero, non suscipit sapien quam ac magna. Nulla efficitur leo ut eros malesuada, eget convallis dui auctor. Ut iaculis, lectus ac pretium consequat, magna nisi feugiat nisl, at finibus magna sem nec mi. Nunc tincidunt, [tooltip_text tooltip_text=”A bottom tooltip” tooltip_placement=”bottom” link=”#” target=”_self”]nunc vel rutrum[/tooltip_text] volutpat, dolor sapien luctus libero, vel vulputate lacus ante in massa. Integer eu convallis massa, id suscipit augue. Aliquam at turpis ac velit maximus dapibus. Duis porta pharetra dui sit amet aliquet. Ut ornare gravida consectetur. Praesent justo nisl, congue at risus ut, consequat semper odio.

[tooltip tooltip_text=”Tooltip on right” tooltip_placement=”right” button_text=”Tooltip on right” button_type=”standard” button_size=”default” link=”#” target=”_self”]

 

Description Lists

[hr_list_wrap]
[hr_list title=’Description lists’]A description list is perfect for defining terms.[/hr_list]
[hr_list title=’Euismod’]Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.[/hr_list]
[hr_list title=’Malesuada porta’]Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.[/hr_list]
[/hr_list_wrap]

 

Lead Text

[lead align=’default’]Make a sentence or paragraph stand out with lead text.[/lead]

Etiam nec dolor in sapien lobortis pellentesque. Nulla blandit magna bibendum semper posuere. Aenean in tempus nisi, in consectetur risus. Nulla facilisi. Morbi semper ligula ac purus rhoncus, vitae tincidunt nunc aliquet. Vivamus sagittis lacus vel augue laoreet rutrum.

 

Blockquotes

[blockquote name=’Abraham Lincoln’ cite=’US President’ ]The problem with quotes on the internet is you can’t always be sure if their authenticity.[/blockquote]
[blockquote name=’Abraham Lincoln’ cite=’US President’ reverse=’on’]The problem with quotes on the internet is you can’t always be sure if their authenticity.[/blockquote]

 

Columns

[row]
[column span=”6″]

Etiam nec dolor in sapien lobortis pellentesque. Nulla blandit magna bibendum semper posuere. Aenean in tempus nisi, in consectetur risus. Nulla facilisi. Morbi semper ligula ac purus rhoncus, vitae tincidunt nunc aliquet. Fusce euismod, metus id porttitor lobortis, neque quam molestie sem, posuere efficitur augue diam venenatis massa.

[/column]
[column span=”6″]

Etiam nec dolor in sapien lobortis pellentesque. Nulla blandit magna bibendum semper posuere. Aenean in tempus nisi, in consectetur risus. Nulla facilisi. Morbi semper ligula ac purus rhoncus, vitae tincidunt nunc aliquet. Fusce euismod, metus id porttitor lobortis, neque quam molestie sem, posuere efficitur augue diam venenatis massa.

[/column]
[/row]

 

[row]
[column span=”4″]

Etiam nec dolor in sapien lobortis pellentesque. Nulla blandit magna bibendum semper posuere. Aenean in tempus nisi, in consectetur risus. Nulla facilisi. Morbi semper ligula ac purus rhoncus, vitae tincidunt nunc aliquet.

[/column]
[column span=”4″]

Etiam nec dolor in sapien lobortis pellentesque. Nulla blandit magna bibendum semper posuere. Aenean in tempus nisi, in consectetur risus. Nulla facilisi. Morbi semper ligula ac purus rhoncus, vitae tincidunt nunc aliquet.

[/column]
[column span=”4″]

Etiam nec dolor in sapien lobortis pellentesque. Nulla blandit magna bibendum semper posuere. Aenean in tempus nisi, in consectetur risus. Nulla facilisi. Morbi semper ligula ac purus rhoncus, vitae tincidunt nunc aliquet.

[/column]
[/row]

 

[row]
[column span=”3″]

Etiam nec dolor in sapien lobortis pellentesque. Nulla blandit magna bibendum semper posuere. Aenean in tempus nisi, in consectetur risus. Nulla facilisi.

[/column]
[column span=”3″]

Etiam nec dolor in sapien lobortis pellentesque. Nulla blandit magna bibendum semper posuere. Aenean in tempus nisi, in consectetur risus. Nulla facilisi.

[/column]
[column span=”3″]

Etiam nec dolor in sapien lobortis pellentesque. Nulla blandit magna bibendum semper posuere. Aenean in tempus nisi, in consectetur risus. Nulla facilisi.

[/column]
[column span=”3″]

Etiam nec dolor in sapien lobortis pellentesque. Nulla blandit magna bibendum semper posuere. Aenean in tempus nisi, in consectetur risus. Nulla facilisi.

[/column]
[/row]

 

[row]
[column span=”2″]

Etiam nec dolor in sapien lobortis pellentesque. Nulla blandit magna bibendum semper posuere.

[/column]
[column span=”2″]

Etiam nec dolor in sapien lobortis pellentesque. Nulla blandit magna bibendum semper posuere.

[/column]
[column span=”2″]

Etiam nec dolor in sapien lobortis pellentesque. Nulla blandit magna bibendum semper posuere.

[/column]
[column span=”2″]

Etiam nec dolor in sapien lobortis pellentesque. Nulla blandit magna bibendum semper posuere.

[/column]
[column span=”2″]

Etiam nec dolor in sapien lobortis pellentesque. Nulla blandit magna bibendum semper posuere.

[/column]
[column span=”2″]

Etiam nec dolor in sapien lobortis pellentesque. Nulla blandit magna bibendum semper posuere.

[/column]
[/row]