Loading the content... Loading depends on your connection speed!

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.

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
  • 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

Code structures

Maybe you're a developer and want to add code, maybe not, it's still an included option!

<p class="test1">Simple code!</p> <p class="test2">Simple code!</p>

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

Share Page

Facebook Twitter Google Pinterest Text Email
Close