Page 11 of 15
User25 - JoomlaXTC HTML Module
In the User25 position use our JoomlaXTC HTML Module to display the Our Gallery circle and text. Use the following mark up for the Module HTML.
HTML
<center><a href="/component/content/article/1-stock-images?Itemid=1478"><div data-sr='reset wait 0.2s scale up 60%'><div class="circle"> <div class="circle__inner"> <div class="circle__wrapper"> <div class="circle__content">VIEW OUR GALLERY<br><br> <i class="fa fa-angle-down ibounce" style="font-size:46px;"></i> </div> </div> </div> </div> </a> </center>
Understanding the mark up:
In the HTMLwe are linking to a Joomla article usng our JoomlaXTC Image Gallery Plugin to display a gallery of images.
To create the animations we use scrollreveal.js markup. The scroll to reveal markup uses straightforward and easy to understand data-sr classes. For more information on the scroll to reveal markup, please view the examples: Scroll Reveal Keywords
NOTE: Make sure if you are using a WYSIWYG editor that you have HTML Stripping off or you may lose the HTML markup when saving
For more information on configuring the HTML Module visit the full documentation HERE
