Contacts page

Contacts page

To setup similar Contacts page, create a new page with “Contact page” page template and paste the following code in the ‘text’ editor. Use Theme Options for setting up contact map url and layouts.
If you need to have the same page as on live demo, you need to have installed Contact Form 7 plugin.

[row_fluid][span8][separator headline=”h3″ title=”Where you can find us” style=”left” width_style=”short” margin=”25″]
Nulla adipiscing egestas turpis. In vitae porta neque, ut adipiscing mauris. Cras a consequat tortor, in placerat dolor. Vivamus at odio interdum, convallis enim vel, consectetur felis. Aenean vestibulum sem non laoreet dignissim. Quisque vel justo pellentesque, imperdiet lacus sit amet, fermentum tellus. Nulla nec vehicula dolor. Integer eu euismod. Nam hendrerit, erat vel convallis tincidunt, nibh tortor interdum nisi, t laoreet velit felis in magna. Ut ac nisl eu lacus rhoncus luctus. Vivamus vitae dui sed risus pellentesque varius.<br />
[contact-form-7 404 "Not Found"]
[/span8][span4]
[separator headline=”h3″ title=”More information” style=”left” width_style=”short” margin=”25″]
<h6>Main office</h6>
Telephone:+1 (123) 456-78-90<br />
Fax: +1 (023) 123-45-67<br />
Address:1234 Los Angeles, Washington St .128.<br />
info@companyname.com</p>
<h6>Support information</h6>
Telephone:+1 (123) 456-78-90<br />
Fax: +1 (023) 123-45-67<br />
Address:1234 Los Angeles, Washington St .128.<br />
info@companyname.com</p>
<h6>Press inquiries</h6>
Telephone:+1 (123) 456-78-90<br />
Fax: +1 (023) 123-45-67<br />
Address:1234 Los Angeles, Washington St .128.<br />
info@companyname.com<br />
[/span4]
[/row_fluid]

Contact alternative

To setup similar page, create a new page with “Page: No sidebar” page template and paste the following code in the ‘text’ editor.

<div class="row">[span6]
[separator headline=”h3″ title=”Contact Informations” style=”left” width_style=”short”]
[map address=”NY, USA” type=”roadmap” width=”100%” height=”320px” zoom=”15″ scrollwheel=”false” scale=”true” zoom_pancontrol=”true”]
[separator headline=”h3″ title=”Address” style=”left”]
Lake Park Avenue<br />
Botanic district, The Little City<br />
Australia</p>
<strong>Phone:</strong> (123) 456-78-90<br />
<strong>Fax:</strong> +3 8 (023) 123-45-67<br />
<strong>Email:</strong> info@companyname.com<br />
<strong>Web:</strong> companyname.com<br />
[/span6][span6]
[separator headline=”h3″ title=”Send us a Message” style=”left”]
[box]<div role="form" class="wpcf7" id="wpcf7-f243-p414-o1" lang="en-US" dir="ltr">
<div class="screen-reader-response"></div>
<form action="/knowledgebase/contacts-page/#wpcf7-f243-p414-o1" method="post" class="wpcf7-form" novalidate="novalidate">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="243" />
<input type="hidden" name="_wpcf7_version" value="4.6.1" />
<input type="hidden" name="_wpcf7_locale" value="en_US" />
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f243-p414-o1" />
<input type="hidden" name="_wpnonce" value="2d54d00c5f" />
</div>
Your Name (required)<br />
    <span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" /></span> </p>
Your Email (required)<br />
    <span class="wpcf7-form-control-wrap user-email1"><input type="email" name="user-email1" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" /></span> </p>
Subject<br />
    <span class="wpcf7-form-control-wrap your-subject"><input type="text" name="your-subject" value="" size="40" class="wpcf7-form-control wpcf7-text" aria-invalid="false" /></span> </p>
Theme<br />
    <span class="wpcf7-form-control-wrap your-theme"><input type="text" name="your-theme" value="" size="40" class="wpcf7-form-control wpcf7-text" aria-invalid="false" /></span> </p>
Url of the page in question<br />
    <span class="wpcf7-form-control-wrap your-url"><input type="url" name="your-url" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-url wpcf7-validates-as-url" aria-invalid="false" /></span> </p>
Your Message<br />
    <span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false"></textarea></span> </p>
<input type="submit" value="Send" class="wpcf7-form-control wpcf7-submit" /></p>
<div class="wpcf7-form-control-wrap"><div data-sitekey="6Lc0_RQTAAAAAGbAKI2d9Ahi8CDy40Qh53dTe7lF" data-size="compact" class="wpcf7-form-control g-recaptcha wpcf7-recaptcha"></div>
<noscript>
	<div style="width: 302px; height: 422px;">
		<div style="width: 302px; height: 422px; position: relative;">
			<div style="width: 302px; height: 422px; position: absolute;">
				<iframe src="https://www.google.com/recaptcha/api/fallback?k=6Lc0_RQTAAAAAGbAKI2d9Ahi8CDy40Qh53dTe7lF" frameborder="0" scrolling="no" style="width: 302px; height:422px; border-style: none;">
				</iframe>
			</div>
			<div style="width: 300px; height: 60px; border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px;">
				<textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid #c1c1c1; margin: 10px 25px; padding: 0px; resize: none;">
				</textarea>
			</div>
		</div>
	</div>
</noscript>
</div><br />
<div class="wpcf7-response-output wpcf7-display-none"></div></form></div>[/box]
[/span6]</div>

Leave A Comment?

You must be logged in to post a comment.