Help is on the way!

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

User1 - Custom HTML Module





In the User1 position use our Custom HTML Module to display the two columns of text. Use the following mark up for the Module HTML.


HTML


<div class="row-fluid user1_lenzy">
<p>LENZY includes over 200 pro features that make it the number one camera for iOS. </p>
<div class="span3 sidetext col1">
<div data-sr="reset wait 0.1s enter left please, and hustle 120px over 1s">
<i class="fa fa-camera"></i>
<h2>Advanced Camera APP</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 left please, and hustle 120px over 1s">
<span>HD</span>
<h2>HD Lens Emulation</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 left please, and hustle 120px over 1s">
<i class="fa fa-bolt"></i>
<h2>Up to 50x Zoom</h2>
<p>This is the text one p and contains some information about the app. This is simple HTML markup.</p>
</div>
</div>
<div class="span3 sidetext col2">
<div data-sr="reset wait 0.1s enter left please, and hustle 120px over 1s">
<i class="fa fa-battery-full"></i>
<h2>iOS Battery Optimized</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 left please, and hustle 120px over 1s">
<i class="fa fa-picture-o"></i>
<h2>iPhoto Compatible</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 left please, and hustle 120px over 1s">
<i class="fa fa-pied-piper"></i>
<h2>Piper Chat Ready</h2>
<p>This is the text one p and contains some information about the app. This is simple HTML markup.</p>
</div>
</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>


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