Page 9 of 22
User13 - Custom HTML Module
In the User13 position use our Joomla HTML Module to display the High Flying Action text. Use the following mark up for the Module HTML.
HTML
<div class="span4 offset2 divers"><div data-sr="enter bottom and move 50px over 1s"> <p>HIGH FLYING</p> <h3>ACTION</h3> <p class="small">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ex ea difficultate illae fallaciloquae, ut ait Accius, malitiae natae sunt. Esse enim quam vellet iniquus iustus poterat inpune.</p> <a class="btn btn-primary" href="/index.php/adventures">BOOK YOUR ADVENTURE</a> </div></div>
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
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
For more information on configuring the HTML Module visit the full documentation HERE
