Top Panel

This panel contains four module positions: panel1, panel2, panel3 and panel4. If none of these have published modules, the panel will be hidden.

You have control over the panel settings. You can change panel's height (currently 250px), width (100%), background color and panel's button text (open/close).

Open
Tue
18
Jan

We integrated reflection script with this template. So, you can add reflection to your images without editing them in Photoshop.

Beside that, you have full control over the reflection height and opacity.

How to add reflection effect to the picture

reflection effectAdd class="reflect" to any image you'd like to have reflection effect, and you are done!

To control the effect's height, use class="reflect rheight25". In this case, height of the reflection will be 25% of the image height. You can also, control opacity of the reflection. Use class="reflect ropacity60" and opacity will be set to 60%. You can also combine height and opacity, in example class="reflect rheight25 ropacity60".

 

 

 

 

<img class="reflect ropacity60 rheight25" src="images/stories/demo/reflection.jpg" alt="reflection effect">

Reflection Effect

Reflection script is incorporated in template. If you want an image to have it, use class "reflect" for your images. You can also control reflection's height and opacity.

Learn more about it here.

HOT Start

Follow our instructions to make a copy of this demo site to your server.

HOT Start! is available with each template. It allows you to create a copy of this demo.

Lightbox Enabled

jQuery Lightbox available. Click on thumbnail picture will open bigger picture in the Lightbox.

Check out how this feature works on this page.