show sidebar & content

Masonry Portfolio Example

Flexibly Masonry

1The masonry gallery Template is a flexible width template with a smooth adjustment animation.

Try it and change the width of your browser, the images will flow in place with a sleek transition.

Lazy Loading

2The Masonry Image preloader only loads images until there is no more screen space. If you scroll down new images will be loaded.

And if no more Images are available the loader will tell you so ;)

Infinite Scrolling

3When scrolling down new sets of Images are loaded and appended to the page.

That way you can share galleries with hundreds of pictures with a smooth user experience.

Still Search engine Optimized

4Even though images are loaded with javascript there is a pagination backup solution for non javascript users and search engines.

That way the content can always be accessed and indexed by the google crawler

Supercool Wallpaper
Supercool Wallpaper
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
 A Shoe :)
A Shoe :)
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
BMX
BMX
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
The New York City skyline
The New York City skyline
The New York City skyline from a tour boat
  • Camera: Canon EOS DIGITAL REBEL XTi
  • Created: October 09, 2007 - 23:05
  • Credit: Gary - Fotolia
  • Shutter: 0.004
  • ISO: 100
  • Aperture: 10
  • Focal Length: 18
Nature Wallpaper
Nature Wallpaper
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
July 2010
July 2010
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Work and Play
Work and Play
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Tower Bridge of London
Tower Bridge of London
In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet num.
  • Camera: NIKON D70
  • Created: November 01, 2006 - 15:56
  • Credit: Loic LE BRUSQ - Fotolia
  • Shutter: 0.00125
  • Aperture: 3.5
  • Focal Length: 18
Flashlight Styleswitcher - sample options
Which general color scheme should be used?
Heading Font (Some Example fonts:)
Reset styles