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
1/2
This column is half the size of the screen, and will stay this way on mobile and tablets.
2/2
This column is half the size of the screen, and will stay this way on mobile and tablets.
1/3
This column is half the size of the screen, and will stay this way on mobile and tablets.
2/3
This column is half the size of the screen, and will stay this way on mobile and tablets.
3/3
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
1/2
This column is half the size of the screen, and will stay this way on mobile and tablets.
2/2
This column is half the size of the screen, and will stay this way on mobile and tablets.
1/3
This column is half the size of the screen, and will stay this way on mobile and tablets.
2/3
This column is half the size of the screen, and will stay this way on mobile and tablets.
3/3
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
Corem 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
Dorem 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!Text highlights are an extremly easy way to show something off or to make your text stand out when bold just isn't enough!
Highlighting text is really easy to use!
Highlighting text is really easy to use!
Highlighting text is really easy to use!
Highlighting text is really easy to use!
Highlighting text is really easy to use!
Highlighting text is really easy to use!
List Styles
Ordered, unordered, nested, and with icons.Text 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
Icons List
With 3 level nested elements
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
Check & Radio
Classic checkboxes and radio buttons.Text Fields
Necessary, easy to use, and styled!Regular Input Fields
Simple fields that clear on focus, and with on focus effects.
Icon Input Fields
Simple fields that clear on focus, with effects and icons.
Text and Icon Input Fields
Simple fields that clear on focus, with effects and icons.
Table
The classic, oldschool tr th table!And it's pure CSS3! That means just fill in the data, and the table expands to fit the size you need!
TABLE | PLUS | PRO |
---|---|---|
ONE | Yes | Yes |
TWO | No | Yes |
THREE | No | No |
VALUE | $9.99 | $109.99 |
Blockquotes
User reviews, done with style!We've included a few variations of blockquotes to aid you with whatever you require in your future project. Check them out below!
Next Style Prev StyleHeading 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!