This section will guide you to set up the contact page like demo site
Info Required Modules: Webform, PHP filter.
Step 1 Go to Content > Click "Add content" link > Click webform link, and Add Contact us webform with following properties:
<div class="google-map">
<iframe width="940" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=d&source=s_d&saddr=Los+Angeles,+CA,+United+States&daddr=&hl=en&geocode=&aq=0&oq=lo&sll=37.0625,-95.677068&sspn=36.452734,86.572266&mra=ls&ie=UTF8&t=m&ll=34.073706,-118.240013&spn=0.099533,0.322723&z=12&iwloc=ddw0&output=embed"></iframe>
<br />
<small>
<a href="https://maps.google.com/maps?f=d&source=embed&saddr=Los+Angeles,+CA,+United+States&daddr=&hl=en&geocode=&aq=0&oq=lo&sll=37.0625,-95.677068&sspn=36.452734,86.572266&mra=ls&ie=UTF8&t=m&ll=34.073706,-118.240013&spn=0.099533,0.322723&z=12&iwloc=ddw0" style="color:#0000FF;text-align:left">View Larger Map</a>
</small>
</div>
<div class="contact-us">
<h3>How to contact us</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.</p>
<div class="contact-info">
<div class="adr">
<h3>Office</h3>
<p class="street-address">123 Main st. <br><span class="locality">Los Angeles</span>, <abbr title="California" class="region">CA</abbr>, <span class="postal-code">90012</span>, <span class="country-name">U.S.A</span></p></div>
<div class="info">
<h3>Contact info</h3>
<p><span class="phone">Office: (315) 457-0000</span>
<span class="fax">Fax: (315) 457-1324</span>
<span class="email">Email: <a href="mailto:help @ themebrain.com">help @ themebrain.com</a></span>
</p>
</div>
</div>
</div>
At comment tab, set following value:
Step 2 Click "Save" button. New window is open, at Form components tabs, add some fields following properties:
Step 3 Click "Save" button.