Typography
Headings
This is heading 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean porttitor tortor vitae magna fermentum aliquam quis nec est. Proin gravida, mi sit amet scelerisque sagittis, nulla libero varius ligula, sit amet accumsan justo orci eget lorem. Aliquam nibh leo, gravida ut elementum id, feugiat eu arcu. Etiam in augue nec orci ultricies fringilla vitae vitae tellus.
This is heading 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean porttitor tortor vitae magna fermentum aliquam quis nec est. Proin gravida, mi sit amet scelerisque sagittis, nulla libero varius ligula, sit amet accumsan justo orci eget lorem. Aliquam nibh leo, gravida ut elementum id, feugiat eu arcu. Etiam in augue nec orci ultricies fringilla vitae vitae tellus.
This is heading 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean porttitor tortor vitae magna fermentum aliquam quis nec est. Proin gravida, mi sit amet scelerisque sagittis, nulla libero varius ligula, sit amet accumsan justo orci eget lorem. Aliquam nibh leo, gravida ut elementum id, feugiat eu arcu. Etiam in augue nec orci ultricies fringilla vitae vitae tellus.
This is heading 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean porttitor tortor vitae magna fermentum aliquam quis nec est. Proin gravida, mi sit amet scelerisque sagittis, nulla libero varius ligula, sit amet accumsan justo orci eget lorem. Aliquam nibh leo, gravida ut elementum id, feugiat eu arcu. Etiam in augue nec orci ultricies fringilla vitae vitae tellus.
Unordered list
List:
- Some text
- Some more text
- Some text
- Some text
Ordered list
List:
- First item
- Second item
- Third item
- Fourth item
- Fifth item
Table
Use the class table like this <table class="table" cellpadding="4">
| Table Heading | Table Heading | Table Heading | Table Heading | Table Heading |
|---|---|---|---|---|
| Table 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 | Table data | Table data |
| Table data | Table data | Table data | Table data | Table data |
Buttons
Use the class button added to a regular link and you get a button...
Use the CSS classes button-medium, button-big and button-huge to resize buttons.
Quotes
Use the <blockquote>some text here...</blockquote> element
Proin sapien velit, dapibus non ullamcorper sit amet, auctor vel sapien. Quisque scelerisque rutrum blandit. Curabitur sollicitudin congue erat, vel malesuada libero placerat vel. Phasellus dapibus mauris at lectus congue varius. Quisque pretium pellentesque felis, eget adipiscing sem mattis ac.
Use the <div class="quote"><p>some text here...</p></div>
Proin sapien velit, dapibus non ullamcorper sit amet, auctor vel sapien. Quisque scelerisque rutrum blandit. Curabitur sollicitudin congue erat, vel malesuada libero placerat vel. Phasellus dapibus mauris at lectus congue varius. Quisque pretium pellentesque felis, eget adipiscing sem mattis ac.
Preformatted text
<style media="screen" type="text/css"> Add style rules here </style>
