Please select your page

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?

Interforti Studio. We build businesses online.

Promoting brands, businesses and products through digital media.
Partial Client List:

  • Apple
  • Alice Stienman/Artist
  • Armax Real Estate Development
  • Blue and Gold Ferries
  • Belveron Partners
  • Delizia Brand Olive Oil
  • Dendral/Artificial Intelligence
  • Franz Design Group
  • Gold Willow Coin & Bullion
  • Hacienda Cabo San Lucas
  • Hartman Producitons
  • Intel
  • Island Architecture
  • Knowlton Farms Guesthouse
  • Leslie Higgins Executive Coach
  • Lynne Leahy/Author
  • Muses Inc.
  • Olson Steel
  • Offroad Capital
  • Peter Pan Entertainment
  • MarineFilmWorks.com
  • National Geographic​
  • Navis/Shipping Container Software
  • Nvidia
  • SFBayAdventures.com
  • Silicon Graphics Inc.
  • Suzanne Knowlton Designs
  • Sony
  • Wells Fargo
  • Wolf Coffee
  • 415-902-3804