Typography
We’ve taken into account all possible typograpgy features you may require and made them as easy and pleasent to use as humanly possible!
Columns
Static and Responsive ColumnsColumns that always stay the same even if you’re using a mobile or a tablet. Scroll below to see columns that adapt to different resolutions
This column is half the size of the screen, and will stay this way on mobile and tablets.
This column is half the size of the screen, and will stay this way on mobile and tablets.
This column is half the size of the screen, and will stay this way on mobile and tablets.
This column is half the size of the screen, and will stay this way on mobile and tablets.
This column is half the size of the screen, and will stay this way on mobile and tablets.
These columns will adapt, on mobile devices they will show as rows, but on tablets they will change into columns
This column is half the size of the screen, and will stay this way on mobile and tablets.
This column is half the size of the screen, and will stay this way on mobile and tablets.
This column is half the size of the screen, and will stay this way on mobile and tablets.
This column is half the size of the screen, and will stay this way on mobile and tablets.
This column is half the size of the screen, and will stay this way on mobile and tablets.
Dropcaps
Simple way of showing off paragraphsAorem ipsum dolor sit amet, consectetur adipiscing elit. Donec varius dui et erat aliquet rutrum. Nunc vitae tincidunt magna. In vitae efficitur enim. Fusce a augue mi. Vivamus a nunc in ante semper iaculis
Borem ipsum dolor sit amet, consectetur adipiscing elit. Donec varius dui et erat aliquet rutrum. Nunc vitae tincidunt magna. In vitae efficitur enim. Fusce a augue mi. Vivamus a nunc in ante semper iaculis
Aorem ipsum dolor sit amet, consectetur adipiscing elit. Donec varius dui et erat aliquet rutrum. Nunc vitae tincidunt magna. In vitae efficitur enim. Fusce a augue mi. Vivamus a nunc in ante semper iaculis
Borem ipsum dolor sit amet, consectetur adipiscing elit. Donec varius dui et erat aliquet rutrum. Nunc vitae tincidunt magna. In vitae efficitur enim. Fusce a augue mi. Vivamus a nunc in ante semper iaculis
Highlights
Highlighting your text in style!List Styles
Ordered, unordered, nested stylesText highlights are an extremly easy way to show something off or to make your text stand out when bold just isn’t enough!
Unordered List
With 3 level nested elements
- List Item 1
- List Item 2
- List Nested 1
- List Nested 2
- List Nested Nested 1
- List Nested Nested 2
- List Nested Nested 3
- List Nested 3
- List Item 3
Ordered List
With 3 level nested elements
- List Item
- List Item
- List Nested 1
- List Nested 2
- List Nested Nested 1
- List Nested Nested 2
- List Nested Nested 3
- List Nested 3
- List Item
Tables
Classic tablesAnd it’s pure CSS3! That means just fill in the data, and the table expands to fit the size you need!
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Filip | Stefansson | filipstefansson | 2 | Victor | Meyer | Pudge | 3 | Mans | Ketola-Backe | mossboll |
Blockquotes
User reviews done with styleWe’ve included a few variations of blockquotes to aid you with whatever you require in your future project. Check them out below!
Heading Variations
This is heading style too!Demo 2
Larger center headings for even more information can be added as well!
Demo 3
Maybe incorporate an icon as well? Makes it even better!