Tiles

Tiles Easily make your own beautiful widgets

With our CSS-Only tiles you can easily show quick stats without the buzz and fuzz of any javascript plugins. It can be clickable if you wrap it in a a tag, or not if it's in a div

Revenue
past 28 days
$75,800
Goals
orders this month
3,690
Items
past 28 days
407
Commision past 28 days
$9,500

9,172

Page Views This week
+121%
S
M
T
W
T
F
S

$25,501

Total Sales This week
-37%
S
M
T
W
T
F
S

812

Total Orders This week
+98%
S
M
T
W
T
F
S

Info Tiles

<a class="info-tile tile-info">
	<div class="tile-heading">
		<div class="pull-left">New Members</div>
		<div class="pull-right"><i class="fa fa-caret-up"></i> 9.8%</div>
	</div>
	<div class="tile-body">
		<div class="pull-left"><i class="fa fa-group"></i></div>
		<div class="pull-right">125</div>
	</div>
</a>

Shortcut Tiles

Shortcut tiles can be used to focus on links and can even contain notifications

<a href="#" class="shortcut-tile tile-info">
	<div class="tile-body">
		<div class="pull-left"><i class="fa fa-home"></i></div>
		<div class="pull-right"><span class="badge">2</span></div>
	</div>
	<div class="tile-footer">
		Project Home
	</div>
</a>
  • Earnings
    $22,500
  • Orders
    4,750
More Sparklines
See all activities
UI Design
12/16
UX Design
8/24
Frontend Development
8/40
Backend Development
24/48
See All
Demo Settings
Fixed Header
Boxed Layout
Collapse Leftbar
Collapse Rightbar
Horizontal Icons
Header Colors
Sidebar Colors
Boxed Layout Options