Typography & Alerts

[hero type=”default” title=”Headline Banner”]This is a simple hero unit, a jumbotron-style component for calling extra attention to featured content or information.

[button type=”warning” size=”large” url=”#”]Action Button[/button] [/hero]

[divider type=”dotted”]

Content Box

[contentbox background=”#000000″ padding=”20px 20px 20px 20px”][cols][col size=”1/2″]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.[/col][col size=”1/2″] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti. [/col][/cols] [/contentbox]

[divider type=”dotted”]

 Alerts

[cols][col size=”1/2″]

[alert type=”danger” display=”block”]Oh snap! You got an error![/alert]

[alert type=”danger” display=”block”]

You Have A Decision To Make!

Change this and that an…rus sit amet fermentum.

[button type=”danger” size=”medium” url=”#”]Take this action[/button] [button type=”inverse” size=”medium” url=”#”]Or do this[/button]

[/alert]

[/col][col size=”1/2″]

[alert type=”warning” display=”inline”]Holy guacamole! Best check yo self, yo…ng too good.[/alert]

[alert type=”info” display=”inline”]Heads up! Options fo… attributes.[/alert]

[alert type=”success” display=”block”]Success! You did it, now relax and enjoy it

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

[/alert]

[/col][/cols]