Widget v1

Sidebar Navigation-Widget

Summary

Widgets suit best for the sidebar and can in general contain a variouty of elements. The widget component was optimized for the sidebar v1.

Markup

<div class="widget v1">
    <div class="widget-heading">
        <div class="widget-title">
            <h3><i class="acms-icon acms-icon-newspaper"></i> Widget Title</h3>
        </div>
        <div class="widget-icons">
            <a href=""><i class="acms-icon acms-icon-plus-circle text-primary"></i> </a>
        </div>
    </div>
    <div class="widget-content">
        ...
    </div>
    <div class="widget-footer">
        <button class="button small primary">
            <i class="acms-icon acms-icon-tachometer-alt"></i> 
            <span>Dashboard</span>
        </button>
    </div>
</div>

Example

Widget Title

Widget Title

Messages 1

Sub Title

Messages 2

Sub Title

Messages 3

Sub Title

Widget Title