Loading...

Panel boxes View all kinds of Panel boxes examples below.

Panel boxes

Panel boxes are modular components that use the framework grid system to create components.

Common styles

Framework inherited

The core color helpers can be applied to all kind of elements from buttons to icons, headers, headings, etc. They do not change when you switch to a different theme from the same template.

Theme inherited

These are the template default color schemes and are used site wide to consistently style common elements. For the primary color you must add .bg-primaryand for the secondary color you must add .ui-state-default. Note that theme two styles change based on what color scheme you choose for your template.

Basic

Use the markups below to create panel boxes.

Overview

Example panel box

183,579,180,311,240,180,311,450,302,370,210,610

Bucharest

Romania

Johnny Anderson
Frondend Developer
23 º
High
7 º
Low
18 º
  • 1,456

    Friends

  • 593

    Likes

  • 356

    Followers

  • 981

    Tweets

Meta boxes

Use the markups below to add meta boxes to panels. To align the text at the bottom use the .meta-box-bottomCSS class.

Ultimate backend programmer

Alex Rosenberg

Lorem ipsum dolor sic amet dixit tu dolor sic amet dixit tu

You can put here other elements or texts !

Ultimate backend programmer

Alex Rosenberg

Lorem ipsum dolor sic amet dixit tu dolor sic amet dixit tu

You can put here other elements or texts !

Ultimate backend programmer

Alex Rosenberg

Lorem ipsum dolor sic amet dixit tu dolor sic amet dixit tu

You can put here other elements or texts !
Online
Idle
Offline
Cloud status
Latest transfers
Tasks for today
Pending notifications New