Navigation Style

Skin Modes

Default Mode
White Mode
Dark Mode

Header Styles Mode

Light Menu
Dark Menu
Color Menu
Graident Menu
Left-menu Bg-Image

Leftmenu Styles Mode

Light Menu
Dark Menu
Color Menu
Gradient-Color Menu
Loader

Simple Panels

Basic panel example
<div class="expanel expanel-default">
    <div class="expanel-body">
        Basic panel example
    </div>
</div>

Panel with footer

Panel content
<div class="expanel expanel-default">
    <div class="expanel-body">
        Panel content
    </div>
    <div class="expanel-footer">Panel footer</div>
</div>

Panel with heading

Panel heading without title
Panel content

Panel title

Panel content
<div class="row">
    <div class="col-lg-6">
        <div class="expanel expanel-default">
            <div class="expanel-heading">Panel heading without title</div>
            <div class="expanel-body">
                Panel content
            </div>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="expanel expanel-default">
            <div class="expanel-heading">
                <h3 class="expanel-title">Panel title</h3>
            </div>
            <div class="expanel-body">
                Panel content
            </div>
        </div>
    </div>
</div>

Panel with color header

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content
<div class="row">
<div class="col-md-12">
    <div class="expanel expanel-primary">
        <div class="expanel-heading">
            <h3 class="expanel-title">Panel title</h3>
        </div>
        <div class="expanel-body">
            Panel content
        </div>
    </div>
</div>
<div class="col-md-12">
    <div class="expanel expanel-secondary">
        <div class="expanel-heading">
            <h3 class="expanel-title">Panel title</h3>
        </div>
        <div class="expanel-body">
            Panel content
        </div>
    </div>
</div>
<div class="col-md-12">
    <div class="expanel expanel-success">
        <div class="expanel-heading">
            <h3 class="expanel-title">Panel title</h3>
        </div>
        <div class="expanel-body">
            Panel content
        </div>
    </div>
</div>
<div class="col-md-12">
    <div class="expanel expanel-danger">
        <div class="expanel-heading">
            <h3 class="expanel-title">Panel title</h3>
        </div>
        <div class="expanel-body">
            Panel content
        </div>
    </div>
</div>
</div>