Typography Shortcodes

Stratus includes a custom plugin with 25+ shortcodes based on Bootstrap


Jumbotron

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

Learn More

 

Highlighted Text

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

 

Tooltips

Nulla pulvinar, tellus vitae feugiat pretium, sapien nulla 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, nunc vel rutrum 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 on right

 

Description Lists

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
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

 

Lead Text

Make a sentence or paragraph stand out with lead text.

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

The problem with quotes on the internet is you can’t always be sure if their authenticity.

Abraham LincolnUS President

The problem with quotes on the internet is you can’t always be sure if their authenticity.

Abraham LincolnUS President

 

Columns

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.

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.

 

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.

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.

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.

 

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

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

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

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

 

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

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

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

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

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

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