Contact Info | Blinker - Documentation | JoomShaper

Blinker

Updated Last: 11 July 2014

Contact Info

We use Custom Html module to create the contact info section here. Also we used icons to improve appearance and UX.

Source Code

<div class="span4 wow fadeIn" data-wow-duration="500ms" data-wow-delay="300ms">
<div class="single-contact">
<div class="contact-icon">[icon name="phone" /]</div>
<div class="contact-text">
<p>CUSTOMER CARE</p>
<h3>8654-32-9600</h3>
</div>
</div>
</div>
<div class="span4 wow fadeIn" data-wow-duration="500ms" data-wow-delay="600ms">
<div class="single-contact">
<div class="contact-icon">[icon name="envelope-alt" /]</div>
<div class="contact-text">
<p>MAIL INFO</p>
<h3>[email protected]</h3>
</div>
</div>
</div>
<div class="span4 wow fadeIn" data-wow-duration="500ms" data-wow-delay="900ms">
<div class="single-contact">
<div class="contact-icon">[icon name="time" /]</div>
<div class="contact-text">
<p>Work Time</p>
<h3>Mon. - Fri. (10:00 - 22:00)</h3>
</div>
</div>
</div>