The our team page contains few elements not described in the other articles.
Hiring offers
Code for the above module is following:
<div class="gk-desc"> <h2>We are hiring</h2> <dl> <dt data-sr="enter bottom and move 50px" >Project Manager</dt> <dd data-sr="enter bottom and move 50px wait .2s"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur dui at tempor elementum. Aenean convallis metus nec nibh varius hendrerit. Ut varius purus lectus, a pharetra mi blandit at. Integer ante leo, iaculis ut odio sit amet, dignissim pretium quam.</p><a href="#">Apply</a></dd> <dt data-sr="enter bottom and move 50px wait .5s">Support Engineer</dt> <dd data-sr="enter bottom and move 50px wait .7s"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur dui at tempor elementum. Aenean convallis metus nec nibh varius hendrerit. Ut varius purus lectus, a pharetra mi blandit at. Integer ante leo, iaculis ut odio sit amet, dignissim pretium quam.</p><a href="#">Apply</a></dd> </dl> </div>
Text and parallax photo
Above module uses the following code:
<div class="gk-big-text"> <h2 data-sr="enter top and move 50px" >Everything is designed <br />Few things are designed well</h2> <small data-sr="enter bottom and move 50px">Our philosophy</small> </div>
It is a module with big-spaces parallax-bg suffixes and background-image.
Logotypes
This module uses below HTML code:
<div class="gk-desc"> <p><em>We've been featured in the press by these great websites</em></p> <p> <img src="/images/demo/logo1.jpg" alt="Logo I" data-sr="enter bottom and move 50px wait .2s" /> <img src="/images/demo/logo2.jpg" alt="Logo II" data-sr="enter bottom and move 50px wait .3s" /> <img src="/images/demo/logo3.jpg" alt="Logo III" data-sr="enter bottom and move 50px wait .4s" /> <img src="/images/demo/logo4.jpg" alt="Logo IV" data-sr="enter bottom and move 50px wait .5s" /> <img src="/images/demo/logo5.jpg" alt="Logo V" data-sr="enter bottom and move 50px wait .6s" /> </p> </div>