Categories

We provide you quite a nice list of shortcodes. Pick your category from the list below:

Responsive Gridsystem

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!

Familiar with Basic HTML?
Two columns Grid System <div class="row"> <div class="six columns">Content here</div> <div class="six columns">Content here</div> </div> Three columns Grid System <div class="row"> <div class="four columns">Content here</div> <div class="four columns">Content here</div> <div class="four columns">Content here</div> </div> Four columns Grid System <div class="row"> <div class="three columns">Content here</div> <div class="three columns">Content here</div> <div class="three columns">Content here</div> <div class="three columns">Content here</div> </div> This Grid System could be nested as many times as you wish, it always fits and is always responsive

Bonus software for free

We offer you this amazing piece of software completely free of charge.

© 2024 Designed by LiberatedSystems.com. All rights reserved

Scroll