I have amended the module with the following markup. It is basically the same as the original, with a couple of mods.
- Code: Select all
<p>When it comes to recruiting contract personnel for upcoming projects, clients only seem to be interested in the qualifications, experience and the amount they have to fork out for the candidate. Although these are indeed crucial to a successful job placement, our core team of professionals pride themselves on integrity, ethical behaviour and standards as well as other personable traits that sometimes get overlooked. <br /><em><strong>Ideal Engineering Services</strong></em> acknowledge these developed traits and guarantees that you will be pleasantly surprised.</p>
<p><img src="images/photos/icons/picture7.png" alt="Professional" width="177" height="177" data-fallback="images/photos/icons/picture7.png" data-styles="true" data-scrollreveal="enter bottom and move 315px over 0.66s wait 0.1s" /></p>
<p><img src="images/photos/icons/picture9.png" alt="Dedicated" width="177" height="177" data-fallback="images/photos/icons/picture9.png" data-styles="true" data-scrollreveal="enter bottom and move 630px over 1.33s wait 0.1s" /></p>
<p><img src="images/photos/icons/picture12.png" alt="Qualified" width="177" height="177" data-fallback="images/photos/icons/picture12.png" data-styles="true" data-scrollreveal="enter bottom and move 945px over 2s wait 0.1s" /></p>
<div class="gkCols" data-cols="3">
<div class="gk-point">
<h4>Professional & Corteous</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper tellus sit amet nibh fringilla aliquet sit amet in leo.</p>
</div>
<div class="gk-point">
<h4>Dedicated & Committed</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper tellus sit amet nibh fringilla aliquet sit amet in leo.</p>
</div>
<div class="gk-point">
<h4>Qualified & Experienced</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper tellus sit amet nibh fringilla aliquet sit amet in leo.</p>
</div>
</div>
I am having trouble having the icons pop up across the screen. I have edited the position and have divided it into equal portions as per the 1260px frame, but they all pop up one under the other. I thought by providing the different positions, this would pop up in a horizontal line one after the other (as I have also delayed the pop up to come up .66 sec one after the other.
Refer to the following url to see what is happening.
http://www.idealengineeringservices.com/
Thanks.
