Zoo Item Wall

+++++++++++++++++

The ultimate Zoo Content Module

Creative Examples


Not your ordinary content layouts

Hexagon Example

Use CSS3 to create unique image styling and layouts.






Category Example

Use the {mainarea} and {morearea} to create featured layouts.






Category Example 2

A tabbed filtering layout. Simply add the category ID's for the categories in the mark up and CSS.



  • Bibendum sisi teque

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Du...


    Read more
  • Aptent ahet aptent

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Du...


    Read more
  • Dis due monec siam

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Du...


    Read more
  • Aenean ut sem libero

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Du...


    Read more
  • Sui dis sonec diam

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Du...


    Read more
  • Etiam vel sed potenti

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Du...


    Read more
  • Bibendum wisi neque

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Du...


    Read more
  • Elit maecenas rhoncus

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Du...


    Read more
  • Dui dis donec diam

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Du...


    Read more
  • Dlit maecenas

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Du...


    Read more
  • Etiam vel sed potenti

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Du...


    Read more
  • Dis due monec diam

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Du...


    Read more



Testimonial Example

A stylish Testimonial slider with CSS3 page buttons.



Etiam vel sed potenti

Etiam vel sed potenti

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Duo Reges: constructio interrete."

Maecenas elit rhoncus

Maecenas elit rhoncus

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Duo Reges: constructio interrete. Quaesita enim virtus est, non quae relinqueret naturam, sed quae tueretur. Portenta haec esse dicit, neque ea ratione ullo modo posse vivi; Prioris generis est docilitas, memoria; Item de contrariis, a quibus ad genera formasque generum venerunt."

Vel etiam sed potenti

Vel etiam sed potenti

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Duo Reges: constructio interrete. Quaesita enim virtus est, non quae relinqueret naturam, sed quae tueretur. Portenta haec esse dicit, neque ea ratione ullo modo posse vivi; Prioris generis est docilitas, memoria; Item de contrariis, a quibus ad genera formasque generum venerunt."

 1  2  3 



Staff Example

CSS3 styled articles perfect for stylish layouts



Etiam vel sed potenti

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, plac..."

Etiam vel sed potenti

Maecenas elit rhoncus

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, plac..."

Maecenas elit rhoncus

Vel etiam sed potenti

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, plac..."

Vel etiam sed potenti

Aenean ut tem libero

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, plac..."

Aenean ut tem libero




Staff 2 Example

Use the {mainarea} and {morearea} to create featured layouts.






Timeline Example

A CSS3 styled timeline using content



2011-11-10

Etiam vel sed potenti

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, plac...

2011-11-10

Maecenas elit rhoncus

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, plac...

2011-11-10

Vel etiam sed potenti

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, plac...

2011-11-10

Aenean ut tem libero

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, plac...




Tabbed Example

Use the {mainarea} and {morearea} to create multiple layouts per tab.



Aenean ut sem libero

Aenean ut sem libero

Dolor donec sagittis sapien. Ante aptent feugiat adipisicing. Duis interdum sed...

Read more

Accordion Example

Use the {mainarea} and {morearea} to create multiple layouts per tab.



Dolor donec sagittis sapien. Ante aptent feugiat adipisicing. Duis interdum sed...

Read More
Aptent amet aptent Aptent amet aptent
Bibendum wisi neque Bibendum wisi neque
Dis due monec diam Dis due monec diam
Dui dis donec diam Dui dis donec diam
Elit maecenas rhoncus Elit maecenas rhoncus