See what you've got, a new Message. These are possible Messages and Messages Boxes to highlight important content and show customers what's really amazing and highlighted! Use them on every place of your content using our out of the box shortcode system.

  • Four color variations to choose from using a simple shortcode
  • System messages are equipped with a cross to close the message when don't needed
  • Awesome typography option to display really important infos to the viewers of the website

Demo Messages

This is a basic message.
This is a error message.
This is a success message.
This is a info message.

Demo Panels

Duis mollis panel-white, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Duis mollis panel-templatecolor, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.


How to use

You can use this Shortcodes (Messages, Icons and more) everywhere in your content, click here to find out more.

Messages

{message | Style: basic, error, success, info}Your Text goes here{/message} {message | success}This is a green success message{/message}

Boxes

{panel-white}Your Content goes here{/panel} {panel-templatecolor}Your Content goes here{/panel}

This responsive Joomla Template comes with many different Module Positions and Module Styles based on the Position of the Module. See the graphics below for more Informations:


Module Positions for Content


Here we have an really awesome Photo Gallery for you, it's based on the Magnific Popup, a powerful and awesome Content Lightbox, so with this to scripts the layout is fully responsive and the images, videos and other content is looking great.

  • Full responsive layout of this Image Gallery
  • This extension creates automatically Thumbnails (small images) for you
  • Many included options in this plugin, also four layout variations
  • Simple Navigation using your Keyboard to switch to the next or previous Image

Demo - Basic



Demo - Cut



Demo - Plain



Demo - Rounded



How to use

This function is made with an Joomla plugin which is included in the download package of this theme. You find an detailed documentation in the Backend of this Plugin, but it's really easy to use and to create stunning responsive Image gallerys.

The Galleries above are made with the following Shortcodes:

{ wsview src=[/images/sampledata/portfolio] width=[182] thumb=[default] } { wsview src=[/images/sampledata/portfolio] width=[163] thumb=[cut] } { wsview src=[/images/sampledata/portfolio] width=[150] thumb=[plain] } { wsview src=[/images/sampledata/portfolio] width=[180] thumb=[rounded] }

Also we integrated some nice pricing tables for your business plans into this template. Of course, they working very well with responsive webdesign so no matter about sizes or alignments of the tables. This is a Light Version of the GO Pricing Tables from Granthweb.

  • Use a maximum of five pricing tables per row, fully responsive
  • Use as many as you wish, also several times on one page
  • Well styled with CSS3 so problems with table constucts on your website
  • Nice effect when hover the pricing table or highlight one item

Pricing Table 1 ( 5 columns, Style 1, Enlarge Effect )


Pricing Table 2 ( 3 columns, Style 2, Enlarge Effect deactivated )


Pricing Table 3 ( 4 columns, Style 1, Enlarge Effect, Space Level 3, no default Highlight )


How to use

These Pricing Tables are made with a nice and simple Joomla Module with a lot of options, so no worries about usage! You can insert the in Content using the following Syntax:

{loadposition name-of-the-pseudo-modulposition}

We included an easy to use Grid System in this template for you using our Shortcode System so it's very easy for you to use Columns everywhere in Content or in modules.

  • Works in every Wysiwig Editor using our shortcodes, so no loses of div or span classes
  • Hundreds of variations are possible, made columns where ever you want and how often you like
  • Columns works everywhere cause they are based on percentages values

Demo


2
2
2
2
2
2
3
3
3
3
4
4
4
6
6
12

3 Columns Layout

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.


2 Columns Layout

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.


4 Columns Layout

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.


How to use

You can use this Shortcodes everywhere in your content, click here to find out more.

{row} {col4}Your Content goes here.{/col} {col4}Your Content goes here.{/col} {col4}Your Content goes here.{/col} {/row} {row} {col6}Your Content goes here.{/col} {col6}Your Content goes here.{/col} {/row}
{row} {col2}Your Content goes here.{/col} {col2}Your Content goes here.{/col} {col2}Your Content goes here.{/col} {col2}Your Content goes here.{/col} {col2}Your Content goes here.{/col} {col2}Your Content goes here.{/col} {/row}

Attention: made columns like you want, but remember that the end value of your columns always should be fit to twelve!