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

Starship
Starship
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Color Poster
Color Poster
Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luere cubilia Curae.
Rainy Day
Rainy Day
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Nice Fruits
Nice Fruits
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
Asgard
Asgard
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Neon Power
Neon Power
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
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
Impact Tutorial
Impact Tutorial
Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luere cubilia Curae.
Flashlight Styleswitcher - sample options
Which general color scheme should be used?
Heading Font (Some Example fonts:)
Reset styles