Page 7 of 22
Inset - JoomlaXTC HTML Module
In the inset position use our JoomlaXTC HTML Module to display the hero text image. Use the following mark up for the Module HTML.
HTML
<div class="inset_logo"> <center> <div data-sr='reset wait 0.5s enter left please, and hustle 200px over 1.5s' > <img src="/images/airflowlogo.png" alt="Airflow"> </div> <div data-sr='reset wait 0.5s enter right please, and hustle 200px over 1.5s' class="inset_logo_text"> <h2>AIRFLOW</h2> <br> <p>HIGH FLYING ADVENTURES </p> </div> </center> </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
