The section “Contact Us” include 3 parts : the header and the info and the form.
The header area
Create new custom HTML module and following these steps :
– Show Title : Hide
– Position : full-6
– Module Class Suffix : st-module-special
– Click the “toggle editor”, add the sample HTML code then edit to suit with your content
<div id="st-contact-us">
<h3 class="st-module-heading">Contact Us</h3>
<p>Nam tincidunt, purus at scelerisque consectetur.</p>
</div>
The Info area
Create new custom HTML module and following these steps :
– Show Title : Hide
– Position : user-custom-1
– Module Class Suffix : st-contact-info
– Click the “toggle editor”, add the sample HTML code then edit to suit with your content
<p>We always look forward to meet new awesome people and discuss brilliant project ideas. Come visit us! We have a great place to sit.</p>
<p>MEET US. <br> 1234 Street - City Name <br> New York, United States</p>
<p>(+123) 345 678</p>
<p><a href="mailto:info@example.com">info@example.com</a></p>
The Form
Create new ST Contact module
– Show Title : Hide
– Position : user-custom-2
– Module Class Suffix : st-contact-style-1