Elements & Typography
Maritime comes with plenty of typography options, as illustrated below:
This is an H1 Header
Donec leo. Aliquam risus elit, luctus vel, interdum vitae, malesuada eget, elit. Nulla vitae ipsum. Donec ligula ante, bibendum sit amet, elementum quis, viverra eu, ante. Fusce tincidunt. Mauris pellentesque, arcu eget feugiat accumsan, ipsum mi molestie orci, ut pulvinar sapien lorem nec dui.
This is an H2 Header
Donec leo. Aliquam risus elit, luctus vel, interdum vitae, malesuada eget, elit. Nulla vitae ipsum. Donec ligula ante, bibendum sit amet, elementum quis, viverra eu, ante. Fusce tincidunt. Mauris pellentesque, arcu eget feugiat accumsan, ipsum mi molestie orci, ut pulvinar sapien lorem nec dui.
This is an H3 Header
Donec leo. Aliquam risus elit, luctus vel, interdum vitae, malesuada eget, elit. Nulla vitae ipsum. Donec ligula ante, bibendum sit amet, elementum quis, viverra eu, ante. Fusce tincidunt. Mauris pellentesque, arcu eget feugiat accumsan, ipsum mi molestie orci, ut pulvinar sapien lorem nec dui.
This is an H4 Header
Donec leo. Aliquam risus elit, luctus vel, interdum vitae, malesuada eget, elit. Nulla vitae ipsum. Donec ligula ante, bibendum sit amet, elementum quis, viverra eu, ante. Fusce tincidunt. Mauris pellentesque, arcu eget feugiat accumsan, ipsum mi molestie orci, ut pulvinar sapien lorem nec dui.
This is an H5 Header
Donec leo. Aliquam risus elit, luctus vel, interdum vitae, malesuada eget, elit. Nulla vitae ipsum. Donec ligula ante, bibendum sit amet, elementum quis, viverra eu, ante. Fusce tincidunt. Mauris pellentesque, arcu eget feugiat accumsan, ipsum mi molestie orci, ut pulvinar sapien lorem nec dui.
The following is an example of a blockquote (use <blockquote>Your Quote</blockquote>):
Treading the soil of the moon, palpitating its pebbles, tasting the panic and splendor of the event, feeling in the pit of one's stomach the separation from terra - these form the most romantic sensation an explorer has ever known.
This is an example of the pre tag:
#main-content { float: left; width: 100%; overflow: hidden; }
This is an example of the code tag:
#main-content {
float: left;
width: 100%;
overflow: hidden;
}
Head Data | Head Data | Head Data | Head Data |
---|---|---|---|
Table Data | Table Data | Table Data | Table Data |
Table Data | Table Data | Table Data | Table Data |
Table Data | Table Data | Table Data | Table Data |
A standard unordered list:
- Item One
- Item Two
- Item Three
- Item Four
- Item Five
- Item Six
A standard ordered list:
- Item One
- Item Two
- Item Three
- Item Four
- Item Five
- Item Six
This is a check list, called with the class "check":
- Item One
- Item Two
- Item Three
Web Icons courtesy of kyo-tux.deviantart.co