Zentools - Grid

Overview

The Zentools grid layout is a classic multi-column responsive grid that scales to fit your template.

 

 Features

  • A flexible grid based on 1 to 12 columns
  • Create columns within columns.

A simple grid 

The list and the grid layouts also have the option to filter the item results via the categories of the items displayed. When this setting is enabled a list of available categories is automatically displayed above the module content.


  • /media/zengridframework/imagecache/_7244408-e77a6610d5e454e62571c6a98955e78f.jpg

    Agave Life

    10 Jul, 10

    Agave Life

    7244408

    Donec mollis orci vel turpis tempus aliquam. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.

  • /media/zengridframework/imagecache/tribal-face-and-arms-hands-2f5e6b27f6fbfdaa85e520d79ccc100f.jpg

    A tree too far

    10 Jul, 10

    A tree too far

    tribal-face-and-arms-hands

    Donec mollis orci vel turpis tempus aliquam. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.

  • /media/zengridframework/imagecache/two-businesspeople-sitting-in-office-lobby-smiling-92da57d348144936091a812ac95fafaa.jpg

    Macro Flower

    10 Jul, 10

    Macro Flower

    two-businesspeople-sitting-in-office-lobby-smiling

    Donec mollis orci vel turpis tempus aliquam. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.

  • /media/zengridframework/imagecache/handsome-african-american-male-9eff3b44e3b7683d5da194fe1185d3e5.jpg

    Lorem Ipsum dolor sit amet

    10 Jul, 10

    Lorem Ipsum dolor sit amet

    handsome-african-american-male

    Integer commodo dolor eget tellus convallis eget sollicitudin justo feugiat. Donec laoreet aliquam quam, a porttitor dolor feugiat ut. Donec pellentesque purus vel dolor cursus aliquet. Quisque non tellus in ante pellentesque viverra ac ut enim. Vivamus pretium convallis suscipit. Pellentesque aliquam sollicitudin urna sed suscipit. Quisque dignissim ligula quis nisi feugiat id euismod arcu vestibulum. Sed in volutpat nibh. Vestibulum lectus purus, semper et placerat et, eleifend ut massa. Nulla leo odio, congue non fermentum in, vestibulum vitae dolor.

    Nunc sit amet urna non augue sodales semper non et velit. Nullam sodales dapibus tempor. Aliquam quis turpis sed nulla convallis feugiat. Vestibulum laoreet venenatis iaculis. Vivamus augue erat, sagittis vestibulum aliquet non, blandit ac sem. Sed eros tellus, dapibus eu auctor ac, sodales ac est. Aliquam neque lacus, fringilla quis sagittis lobortis, bibendum eget tellus. Nam blandit adipiscing nisi eget suscipit. Mauris auctor lobortis enim sit amet ullamcorper. Morbi nulla lorem, auctor at varius eu, hendrerit eget lectus. Suspendisse nec auctor nulla.

  • /media/zengridframework/imagecache/_5010009-693df126d114d774afb0c6a15c1401b1.jpg

    Less than Zero

    10 Jul, 10

    Less than Zero

    5010009

    Donec mollis orci vel turpis tempus aliquam. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.

  • /media/zengridframework/imagecache/_4148807-6a604ded06b863a382a6a15401acc6f7.jpg

    Shadows of Remembrance

    23 Jun, 10

    Shadows of Remembrance

    4148807

    This is the start and this is the end. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.

Lots of columns

  • /media/zengridframework/imagecache/adventure-ed5707a80f20d138d8463882b9e69194.jpg
    adventure

    adventure


    Notice: Undefined property: stdClass::$modaltext in /home/bamboo/public_html/zentools/modules/mod_zentools/tmpl/default.php on line 471
  • /media/zengridframework/imagecache/beautiful-brunette-5d24af7211f8b1a6897c69bf343fe01d.jpg
    beautiful

    beautiful


    Notice: Undefined property: stdClass::$modaltext in /home/bamboo/public_html/zentools/modules/mod_zentools/tmpl/default.php on line 471
  • /media/zengridframework/imagecache/beautiful-young-girl-4e76041624e9b0f6c2285917599cff78.jpg
    beautiful

    beautiful


    Notice: Undefined property: stdClass::$modaltext in /home/bamboo/public_html/zentools/modules/mod_zentools/tmpl/default.php on line 471
  • /media/zengridframework/imagecache/blond-boxing-woman-in-black-punching-bag-f9c2b55df82be871df5d2110ebe9cf72.jpg
    blond

    blond


    Notice: Undefined property: stdClass::$modaltext in /home/bamboo/public_html/zentools/modules/mod_zentools/tmpl/default.php on line 471
  • /media/zengridframework/imagecache/butterfly-scouting-bd0c73379c6919e3c69be6f3da07fd65.jpg
    butterfly

    butterfly


    Notice: Undefined property: stdClass::$modaltext in /home/bamboo/public_html/zentools/modules/mod_zentools/tmpl/default.php on line 471
  • /media/zengridframework/imagecache/cigar-on-drink-7f445e7672e9c030170426c893569669.jpg
    cigar

    cigar


    Notice: Undefined property: stdClass::$modaltext in /home/bamboo/public_html/zentools/modules/mod_zentools/tmpl/default.php on line 471

Columns within columns

  • images/stories/democontent/lenmetcalfe/_7244408.jpg
    Agave Life

    Donec mollis orci vel turpis tempus aliquam. Sus

    Agave Life

    7244408

    Donec mollis orci vel turpis tempus aliquam. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.

  • images/stories/democontent/stockimages/tribal-face-and-arms-hands.jpg
    A tree too far

    Donec mollis orci vel turpis tempus aliquam. Sus

    A tree too far

    tribal-face-and-arms-hands

    Donec mollis orci vel turpis tempus aliquam. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.

  • images/stories/democontent/stockimages/handsome-african-american-male.jpg
    Lorem Ipsum dolor si..

    Integer commodo dolor eget tellus convallis eget

    Lorem Ipsum dolor sit amet

    handsome-african-american-male

    Integer commodo dolor eget tellus convallis eget sollicitudin justo feugiat. Donec laoreet aliquam quam, a porttitor dolor feugiat ut. Donec pellentesque purus vel dolor cursus aliquet. Quisque non tellus in ante pellentesque viverra ac ut enim. Vivamus pretium convallis suscipit. Pellentesque aliquam sollicitudin urna sed suscipit. Quisque dignissim ligula quis nisi feugiat id euismod arcu vestibulum. Sed in volutpat nibh. Vestibulum lectus purus, semper et placerat et, eleifend ut massa. Nulla leo odio, congue non fermentum in, vestibulum vitae dolor.

    Nunc sit amet urna non augue sodales semper non et velit. Nullam sodales dapibus tempor. Aliquam quis turpis sed nulla convallis feugiat. Vestibulum laoreet venenatis iaculis. Vivamus augue erat, sagittis vestibulum aliquet non, blandit ac sem. Sed eros tellus, dapibus eu auctor ac, sodales ac est. Aliquam neque lacus, fringilla quis sagittis lobortis, bibendum eget tellus. Nam blandit adipiscing nisi eget suscipit. Mauris auctor lobortis enim sit amet ullamcorper. Morbi nulla lorem, auctor at varius eu, hendrerit eget lectus. Suspendisse nec auctor nulla.

  • images/stories/democontent/lenmetcalfe/_4148807.jpg
    Shadows of Remembran..

    This is the start and this is the end. Suspendis

    Shadows of Remembrance

    4148807

    This is the start and this is the end. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.