案例

Typography Features

Every possible typographical feature you can imagine in a desktop template, recreated to keep their flexibility and design on a mobile screen!

Sample of text columns

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.

Text Highlights

This is a highlightand this is the text

Retina List Icons

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

Speach Bubbles

John Doe says:

This is just an awesome bubble! It's quite cute isn't it?

Jane Doe replied:

Yeap! It's awesome isn't it and it's not that hard to use! And they act like bubbles, only expanding to 75% of width!

John Doe says:

Awesome stuff!

Jane Doe replied:

Yeap! It's awesome isn't it and it's not that hard to use! And they act like bubbles, only expanding to 75% of width!

Small Buttons

Button Button Button Button Button Button Button Button Button Button Button

Big Buttons

Button Button Button Button Button Button Button Button Button Ico Button Ico Button

Horiziontal CSS3 Square Charts

A red chart 10%

A yellow chart 30%

A blue chart 50%

And a green chart! 90%

Horizontal CSS3 Rounded Charts

A red chart 90%

A yellow chart 50%

A blue chart 30%

And a green chart! 10%

Code Structures

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

Simple Notifications

A red notification!

A green notification!

A yellow notification!

A 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!

Pure CSS3 Table

CSS Tables are awsome, no code needs to be used other than the default HTML template!

TABLE	PLUS	PRO
ONE	Yes	Yes
TWO	No	Yes
THREE	No	No
VALUE	$9.⁹⁹	$109.⁹⁹