Call Us (800) 755 1000

Shortcodes

Panels

Use the panel shortcode to create panels

Panel Title

Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment.

Panel Title

Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment.

Panel Title

Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment.

markup
[panel]
[heading size="h3" style="underline"]Panel Title[/heading]
Your content here
[/panel]

important
In each of these examples, we've nested the panel code within the column grids .



Style modifiers

You can add style modifiers uk-panel-box-primary and uk-panel-box-secondary to change the visual appearance of the panel. You can also add the uk-panel-title to the heading to adapt the heading styling to the panel.


Primary Panel

Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment.

Secondary Panel

Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment.

markup
[panel style="uk-panel-box-primary"]
[heading size="h3" style="underline uk-panel-title"]Panel Title[/heading]
Your content here
[/panel]

Panel title with Icons

You can also add icons to the panels by using the [icon] shortcode right next to the header.


Primary Panel

Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment.

Secondary Panel

Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment.

markup
[panel style="uk-panel-box-primary"]
[heading size="h3" style="underline uk-panel-title"][icon style="icon-envelope-o"/] Panel Title[/heading]
Your content here
[/panel]

Using panels to define person's biodata

A pretty neat way of using panels is creating biodata for a person e.g for company staff. You can use the [person] shortcode to create a panel that gives you the option to add the person's name, the title and the person's avatar.

Charles Finney - Founder

Charles Finney

Founder

Change will not come if we wait for some other person or some other time


Linda Russ - Head of Marketing

Linda Russ

Head of Marketing

Change will not come if we wait for some other person or some other time


George Freeby - Head of ICT

George Freeby

Head of ICT

Change will not come if we wait for some other person or some other time



markup
[person name="George Freeby" title="Head of ICT" avatar="images/demo/avatar/team-1.jpg"]
   <p>Change will not come if we wait for some other person or some other time</p>
   <br/>
   <div class="uk-text-right">
      [icon_button icon="icon-pinterest" url="#" target="_self"][/icon_button]
      [icon_button icon="icon-linkedin" url="#" target="_self"][/icon_button]
      [icon_button icon="icon-facebook" url="#" target="_self"][/icon_button]
</div>
[/person]

Our Location

world-map

Our offices are located all over the globe with multi-lingual assistants to help you out

Life is a series of natural and spontaneous changes. Don't resist them - that only creates sorrow. Let reality be reality.

Our Vision

visionWe build the web
Believe that life is worth living and your belief will help create the fact


visionWe strive to excel
The world owes you nothing. It was here first. If you don't like, change it

Popup Widget

Lorem ipsum dolor sit amet sectetur elit Donec sit amet nibh dolor vivamus non arcu sanctus est penatibus et magnis dis parturient montes consectetur eleifend tempus. Cum sociis natoque penatibus et magnis orem ipsum dolor sit amet sectetur adipiscing elit

Popup B Widget

Lorem ipsum dolor sit amet sectetur elit Donec sit amet nibh dolor vivamus non arcu sanctus est penatibus et magnis dis parturient montes consectetur eleifend tempus. Cum sociis natoque penatibus et magnis orem ipsum dolor sit amet sectetur adipiscing elit

Popup C Widget

Lorem ipsum dolor sit amet sectetur elit Donec sit amet nibh dolor vivamus non arcu sanctus est penatibus et magnis dis parturient montes consectetur eleifend tempus. Cum sociis natoque penatibus et magnis orem ipsum dolor sit amet sectetur adipiscing elit

Lorem ipsum dolor sit amet sectetur elit Donec sit amet nibh dolor vivamus non arcu sanctus est penatibus et magnis dis parturient montes consectetur eleifend tempus. Cum sociis natoque penatibus et magnis orem ipsum dolor sit amet sectetur adipiscing elit