Hi, I’m glad you like the theme :)
I have attached content form demo Contact page, just paste it in Text tab and then switch to Drag and Drop, you will have page exactly like demo :)
1. To add a form you first need to create it at Contact menu item (Contact form 7 plugin must be installed). We have used this content for form:
[text* your-name placeholder "Your Name *"]
[email* your-email placeholder "Your Email *"]
[text your-subject placeholder "Subject"]
[textarea your-message placeholder "Your Message"]
[submit "Send"]
Than add Contact form 7 shortcode in page content, or via Drag and Drop tab, just write form ID.
2. We used class column_title_left like
[h_DD type="3" class="column_title_left"]Contact info[/h_DD]
3. We have used this code in Text/HTML element (switch to Show source with last icon in editor before paste):
<table>
<tr>
<td>
<p class="contact_page_info">[icon_DD name="envelope" size="16px" color="#939fa6" box="1" padding="5px" background="#f5f7f8"][/icon_DD][email protected]</p>
<p class="contact_page_info">[icon_DD name="home" size="16px" color="#939fa6" box="1" padding="5px" background="#f5f7f8"][/icon_DD]Little Lonsdale St, Talay Victoria 8011</p>
<p class="contact_page_info">[icon_DD name="globe" size="16px" color="#939fa6" box="1" padding="5px" background="#f5f7f8"][/icon_DD]somewebsitehere.net</p>
</td>
<td>
<p class="contact_page_info">[icon_DD name="phonealt" size="16px" color="#939fa6" box="1" padding="5px" background="#f5f7f8"][/icon_DD]1 (800) 557-4541</p>
<p class="contact_page_info">[icon_DD name="draft" size="16px" color="#939fa6" box="1" padding="5px" background="#f5f7f8"][/icon_DD]1 (800) 555-3315</p>
</td>
</tr>
</table>
I hope this helps :)
Cheers