Tiles

Tiles Exclusively on Avalon

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

9,172

Page Views This week

+121%

$25,501

Total Sales This week

-37%

Info Tiles

<a class="info-tiles tiles-info">
    <div class="tiles-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="tiles-body">
        <div class="pull-left"><i class="fa fa-group"></i></div>
        <div class="pull-right">125</div>
    </div>
</a>

New Members

9.8%

125

Info Tiles: Sparkline Variants

Info Tiles: Easy Pie Chart Variant

Shortcut Tiles

<a href="#" class="shortcut-tiles tiles-info">
    <div class="tiles-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="tiles-footer">
        Project Home
    </div>
</a>