CSS3 Powered

This template uses modern CSS3 techniques, such as rounded borders and gradient colors, with IE compatibility maintained. ALL colors (including gradients) are customizable in parameters.

reflection effectWe 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

Add 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.

HotStart

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

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

Cross-Browser Compatible

This template uses modern CSS3 functions supported by modern browsers. It uses script that maintain IE7 and IE8 compatibility.

Tested in IE7+, Firefox, Opera, Chrome, Safari and Camino.