Hey you!: | Click Here to reverse the page to RTL mode.

Theme ComponentsHome Widgets & Boxes Theme Components

WidgetsVarious Widget Styles

Regular Widget Box

Vestibulum tortor

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.

Widget Box w/Slimscroll

Vestibulum tortor

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.

Wide Box

Vestibulum tortor

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet

Widget Tall Box

Vestibulum tortor

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Box W/Colored Header

Box W/Colored Header

Box W/Colored Header

Tabbed WidgetsVarious Tabbed Widget Styles

Page one

Page two

Page three

Basic Tabs

<div class="widget-tabs">
  <div class="widget-header">
    <ul class="tabs">
      <li>...</li>
    </ul>
  </div>
</div>

Left Colored Tabs

<div class="widget-tabs tabs-left">
  <div class="widget-header">
    <ul class="tabs">
      <li class="red">...</li>
    </ul>
  </div>
</div>

Bottom Colored Tabs

<div class="widget-tabs tabs-bottom">
  <div class="widget-footer">
    <ul class="tabs">
      <li class="green">...</li>
    </ul>
  </div>
</div>

Right Colored Tabs

<div class="widget-tabs tabs-right">
  <div class="widget-header">
    <ul class="tabs">
      <li class="blue">...</li>
    </ul>
  </div>
</div>

BoxesVarious Box Styles

BlueBlue Box

RedRed Box

GreenGreen Box

PurplePurple Wide Box

Regular Colored Boxes

<div class="widget widget-dashboard">
  <div class="widget-body box blue">
    <i class="icon-android"></i>
    <h4 class="info info-vertical">Blue<small>Blue Box</small></h4>
  </div>
</div>

HoverHover Box

Animated on Hover Box

<div class="widget widget-dashboard">
  <div class="widget-body box animatescale">
    <i class="icon-android"></i>
    <h4 class="info info-vertical">..</h4>
  </div>
</div>

IMAGE BOX

Image Box

<div class="widget">
  <div class="widget-featuredbox">
    <div class="widget-header empty"> ... </div>
    <div class="widget-body box" style="background-image:url('..'); ">
    </div>
  </div> 
</div>

IMAGE BOX W/FOOTER

1.410 410 6.152

Image box with a footer

<div class="widget">
  <div class="widget-featuredbox">
    <div class="widget-header empty"> ... </div>
    <div class="widget-body box" style="background-image:url('..'); ">
    </div>
    <div class="widget-footer box"> ... </div>
  </div> 
</div>