Help is on the way!

Browse our Documentation, Search the Knowledge Base, Still need help? Send us a support ticket.

User13 - JoomlaXTC HTML Module





In the User 13 position use our JoomlaXTC HTML Module to display the iphones and text list. Use the following mark up for the Module HTML.


HTML


<div class="row-fluid">
<div class="span6 phoneslides">
<div data-sr="reset enter bottom and hustle 250px over 1s" class="iphone1">
<img src="/images/phone1.png">
</div>
<div data-sr="reset enter bottom and hustle 250px over 1.5s" class="iphone2">
<img src="/images/phone2.png">
</div>
<div data-sr="reset enter bottom and hustle 250px over 2s" class="iphone3">
<img src="/images/phone3.png">
</div></div>
<div class="span6 sidetext col1">
<h3 class="moduletitle">
<span class="first_word">USER</span><span class="rest">FRIENDLY</span>
</h3>
<div class="user1_lenzy">
<p>LENZY includes over 200 intuitive and user friendly presets and features.</p>
<br><br>
<div data-sr="reset wait 0.1s enter right please, and hustle 120px over 1s">
<i class="fa fa-camera"></i>
<h2>User Friendly Interface</h2>
<p>This is the text one p and contains some information about the app. This is simple HTML markup.</p>
</div>
<div data-sr="reset wait 0.2s enter right please, and hustle 120px over 1s">
<i class="fa fa-user"></i>
<h2>100 User Presents</h2>
<p>This is the text one p and contains some information about the app. This is simple HTML markup.</p>
</div>
<div data-sr="reset wait 0.3s enter right please, and hustle 120px over 1s">
<i class="fa fa-apple"></i>
<h2>iOS11 Compatible</h2>
<p>This is the text one p and contains some information about the app. This is simple HTML markup.</p>
</div>
</div>
 <a data-sr="reset wait 0.5s enter left please, and hustle 120px over 1s" href="/index.php/blog/featured/left-featured" style="text-decoration:underline;">+ VIEW THE COMPLETE FEATURE LIST</a>
</div>

</div>

To create the animations we use scrollreveal.js markup. The scroll to reveal markup uses straightforward and easy to understand data-sr classes.

Use double pipes '||' in the title to use the first word / rest words colors. Use the Module Class Suffix: nopad

For more information on configuring the HTML Module visit the full documentation HERE



Didn't find an Answer?

If you didn't find the answer you were looking for from the links above.




SUBMIT SUPPORT TICKET

Didn't find an Answer?

If you didn't find the answer you were looking for from the links above.




SUBMIT SUPPORT TICKET