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


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.

hot designationWith this module, you can make some content of your page to stand out. The module is organized in "slots". For each content unit of the module (slot), you can have:

  • A small picture
  • A big picture
  • Heading and piece of text
  • Link to the full article (optional)

hot designation parametersThe idea of this module is not to catch existing Joomla articles as Hot Joomla Carousel Pro, but to allow users to add content (heading, pair of images and few sentences of text) into the module itself. The content units (slots) can be linked to the existing articles if needed.

You have full control over the module dimensions (width and height), number of slots displayed on slide. You can also set small and big images dimensions and animation properties. The "Read more" text for linked articles can be changed and titles can be linked or plain.

Regarding the module styling, for both headings and plain text, you can change font color, font family, size, weight (normal or bold) and style (normal or italic).

In order to be displayed in rotation, each slot should be enabled (select Enable Slot: On). You can rotate up to 15 slots per page.

You can see how the Hot Designation module works live on this page. Also, you can check the screen shots of the module backend to get better idea what you can do with this module.


All buyers of Hot DesignNow template will get Hot Designation module FREE (regular price is $15).

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.


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.