Typography Examples
Here are some additional examples of typography classes ready to use. This is a paragraph with a dropcap, simply use the "dropcap" class. This template is build with awesome fonts. Vitae fringilla id, tempor vitae nulla. Ut vitae risus nulla. Nam enim erat, posuere in mattis at, hendrerit sed risus. Nunc molestie rhoncus eros et vestibulum. Donec aliquet, eros interdum tempus molestie, risus diam elementum sapien, eu aliquet sem erat ac sem diam ac luctus.
This is a heading 1 tag
Nullam lacus enim, consequat in tristique at, sollicitudin commodo sapien. Aenean tempor, augue sed lobortis consectetur, orci neque adipiscing metus, at hendrerit libero odio nec mi. Ut consequat, ipsum sed malesuada iaculis, dui purus elementum ante, sed consequat lacus nulla et arcu. In hac habitasse platea dictumst.
This is a heading using the h2 tag
Phasellus scelerisque scelerisque est non fringilla. Donec aliquet, eros interdum tempus molestie, risus diam elementum sapien, eu aliquet sem erat ac sem. Vivamus facilisis diam et sem pharetra nec volutpat tellus feugiat. Ut justo dolor, porta quis vestibulum ac, hendrerit quis justo. Nam malesuada ante at nulla interdum pharetra.
This is a heading using the h3 tag
Praesent pulvinar nulla ut urna sollicitudin eget sollicitudin tellus vehicula. Duis dapibus ullam corper ullamcorper. Praesent pulvinar, tellus sit amet rhoncus porta, turpis justo eleifend elit, sit amet ultricies tortor mauris vel erat.
This is a heading using the h4 tag
Vestibulum viverra hendrerit urna, et tincidunt metus aliquam ut. Proin tempus nisi non arcu convallis non accumsan nibh rhoncus. Maecenas molestie, quam ut scelerisque.
This is a heading using the h5 tag
Sed pharetra facilisis nunc. Curabitur non felis vel dui tempus auctor vel ac nulla. Duis tempus interdum lectus, ut cursus enim luctus eu. Phasellus suscipit sodales laoreet.
This is a heading using the h6 tag
Morbi placerat egestas massa, at eleifend odio sagittis quis. Mauris fermentum auctor ipsum, eget pretium lectus convallis sed. Nulla facilisi. Sed ac tortor quam.
Colored Borders
Nulla quis metus a dolor feugiat porta. Phasellus sapien magna, gravida congue fermentum vel, gravida sit amet sapien. Quisque elit est, ullamcorper ac hendrerit eget, porta id enim. Phasellus in velit velit. Vestibulum sed elit ut arcu condimentum.
Praesent a dolor sem. Sed scelerisque, tellus id pulvinar tristique, erat eros rutrum mi, id adipiscing arcu sem vel est. Ut ac turpis ipsum. Mauris leo nulla, vestibulum id bibendum nec, auctor eu quam. Suspendisse commodo, enim quis porttitor.
Nulla quis metus a dolor feugiat porta. Phasellus sapien magna, gravida congue fermentum vel, gravida sit amet sapien. Quisque elit est, ullamcorper ac hendrerit eget, porta id enim. Phasellus in velit velit. Vestibulum sed elit ut arcu.
Curabitur vulputate, massa sit amet mollis sodales, arcu quam scelerisque augue, ac elementum velit mauris ac tellus. Nunc dapibus mollis ante a sollicitudin. Nullam adipiscing ante sed nisi mattis eget consectetur nibh aliquam. Ut porttitor leo id.
Quisque varius, erat nec fermentum aliquam, erat urna venenatis orci, in semper lorem ante at dolor. Quisque scelerisque mattis magna ut lobortis. Cras porttitor scelerisque ligula eget condimentum. Aenean tempor sapien augue.
Vestibulum sed elit ut arcu. Donec leo dui, mollis ut volutpat et, suscipit a mauris. Etiam molestie, purus id dapibus volutpat, nunc nisl ornare odio, sit amet ornare erat augue ac tortor. Phasellus adipiscing volutpat aliquam. Maecenas rutrum venenatis.
Message Boxes
This is a del message with a red background.
This is an ok message with a green background.
This is an info message with a blue background.
This is an alert message with a yellow background.
Some Basic Lists
- This is the 1st item of an unordered list which is using the "list" class
- This is the 2nd item of an unordered list which is using the "list" class
- This is the 3rd item of an unordered list which is using the "list" class
- This is the 1st item of an unordered list which is using the "list2" class
- This is the 2nd item of an unordered list which is using the "list2" class
- This is the 3rd item of an unordered list which is using the "list2" class
- This is the 1st item of an ordered list which is using the "num" class
- This is the 2nd item of an ordered list which is using the "num" class
- This is the 3rd item of an ordered list which is using the "num" class
- This is the 1st item of an ordered list which is using the "num2" class
- This is the 2nd item of an ordered list which is using the "num2" class
- This is the 3rd item of an ordered list which is using the "num2" class
Tables
This is a table caption
| Title 1 | Title 2 | Title 3 | Title 4 |
|---|
| Cell 1 | Cell 2 | Cell 3 | Cell 4 |
| Cell 1 | Cell 2 | Cell 3 | Cell 4 |
| Cell 1 | Cell 2 | Cell 3 | Cell 4 |
| Cell 1 | Cell 2 | Cell 3 | Cell 4 |
