Typography Features
Features that are vital to any template, easy to use and copy paste code. You can just copy and paste these features into boxes or into repsonsive boxes!
1/1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi bibendum accumsan ante.
Proin luctus congue sodales. Pellentesque vel mollis odio, ac facilisis arcu.
Etiam rutrum sem non risus condimentum, quis iaculis ligula facilisis.
1/1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi bibendum accumsan ante.
Proin luctus congue sodales. Pellentesque vel mollis odio, ac facilisis arcu.
Etiam rutrum sem non risus condimentum, quis iaculis ligula facilisis.
1/2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi bibendum accumsan ante.
Proin luctus congue sodales. Pellentesque vel mollis odio.
2/2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi bibendum accumsan ante.
Proin luctus congue sodales. Pellentesque vel mollis odio.
1/3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi bibendum accumsan ante.
Proin luctus congue sodales.
2/3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi bibendum accumsan ante.
Proin luctus congue sodales.
3/3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi bibendum accumsan ante.
Proin luctus congue sodales.
Sample of input fields
Simple classses that generate all kinds of input fields for your needs, nicely animated and built with only one line of code.
Regular Fields
Simple text fields with focus effects. Text removed or added back depending if values inserted.
Icon Fields
Simple text fields with focus effects. Text removed or added back depending if values inserted.
Sample of text highlights
Text highlights are an awesome way to emphesize something important you want to show off!
This is a highlightand this is the text
This is a highlightand this is the text
This is a highlightand this is the text
This is a highlightand this is the text
This is a highlightand this is the text
This is a highlightand this is the text
This is a highlightand this is the text
This is a highlightand this is the text
Icon lists
Icon lists are absolutely awesome! They are very simple to use and they're retina!
- Address icon
- Block icon
- Bookmark icon
- Briefcase icon
- Bubble icon
- Buy icon
- Calendar icon
- Clipboard icon
- Clock icon
- Delete icon
- Diagram icon
- Document icon
- Down icon
- Flag icon
- Folder icon
- Gear icon
- Globe icon
- Heart icon
- Help icon
- Info icon
- Key icon
- Left icon
- Letter icon
- Monitor icon
- Pencil icon
- Plus icon
- Present icon
- Print icon
- Right icon
- Save icon
- Search icon
- Shield icon
- Statistics icon
- Stop icon
- Tick icon
- Trash icon
- Up icon
- User icon
- Walet icon
- Warning icon
- Home icon
- Label icon
- List item 1
- List item 2
- List item 3
- List item 4
- List item 5
- List item 1
- List item 2
- List item 3
- List item 4
- List item 5
Code structures
Maybe you're a developer and want to add code, maybe not, it's still an included option!
Simple notifications!
These notifications can be shown but they cannot be dismissed by tapping or closing!
Red notification!
Green notification!
Yellow notification!
Blue notification!
Left text.
This is a simple paragrahp aligned to the left side of the screen! This is a simple paragrahp aligned to the left side of the screen!
Center text.
This is a simple paragraph aligned to the center part of the screen! This is a simple paragraph aligned to the center part of the screen!
Right text.
This is a simple paragraph aligned to the right side of the screen! This is a simple paragraph aligned to the right side of the screen!
How about a 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 |