The demo for Affinity utilises a large stock of custom code and styling to make the most of every content item and show what Affinity can do. This basically means that the HTML used in the custom modules and content have customisations which employ the characteristics of the template to make the "perfect" content.

This demo content section will take you through some of the content areas and general techniques used to further your understanding and help you realise the true potential of Affinity. If you would like to quickly deploy a replica of our Affinity demo for a new Joomla site, be sure to check out our RocketLauncher package.

Video

The following statement produces the video showcase as seen on Logo Tutorial page, which is using RokCandy syntax:

[video url="images/video/logo.mov" title="RokCandy Video Tutorial" img="images/stories/logo-editing-video.jpg" header="RokCandy Video Tutorial" label="Watch Now!"]Learn how to edit the template logo using Adobe Fireworks.[/video]

Read More Buttons

Read more buttons are automatically generated for content items that use the intro and main text option. However, you can easily insert them manually as witnessed on this demo. Use the following code:

[readon url="insert link here"]Read More...[/readon]

[readon1 url="insert link here"]Read More...[/readon1]