How to create contact address and contact form similar with demo?

aris saifudin
asked 11 years ago

1 Answers

DominicStaff
answered 11 years ago

To create a contact page as our demo, you can log in to Dashboard > Pages > Add new, then add the following code to the Text frame:

   <div class="map"><iframe src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=123+Main+st.++Los+Angeles,+CA,+90012,+U.S.A+&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=55.016555,114.169922&amp;ie=UTF8&amp;hq=&amp;hnear=123+S+Main+St,+Los+Angeles,+California+90012&amp;t=m&amp;z=14&amp;ll=34.05184,-118.243709&amp;output=embed" height="350" width="100%" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></div>
<div class="contact-info style-content-2">
<ul class="style-1 pull-left">
    <li><span class="text-icon-left"><i class="icon-google-plus-sign"></i> <span>Google+</span></span> <span class="pull-right"><a href="#">designwall</a></span></li>
    <li><span class="text-icon-left"><i class="icon-skype"></i> <span>Skype</span></span> <span class="pull-right">john.doe</span></li>
    <li><span class="text-icon-left"><i class="icon-facebook-sign"></i> <span>Facebook</span></span> <span class="pull-right"><a href="#">wp.designwall</a></span></li>
</ul>
<ul class="style-1 pull-right">
    <li><span class="text-icon-left"><i class="icon-phone-sign"></i> <span>Mobile Phone</span></span> <span class="pull-right">1-800-233-4175</span></li>
    <li><span class="text-icon-left"><i class="icon-twitter-sign"></i> <span>Twitter</span></span> <span class="pull-right"><a href="#">designwall_com</a></span></li>
    <li><span class="text-icon-left"><i class="icon-apple"></i> <span>Facetime</span></span> <span class="pull-right">[email protected]</span></li>
</ul>
</div>
<form>
<fieldset><legend>Use the form below to drop me a message</legend><label>Your name
<input class="input-block-level" type="text" placeholder="Type your name" /></label><label>Email
<input class="input-block-level" type="text" placeholder="[email protected]" /></label><label>Website
<input class="input-block-level" type="text" placeholder="http://" /></label><label><label>Your Message
<textarea class="input-block-level"></textarea></label><input class="btn pull-right" type="submit" value="Submit" /></label></fieldset>
</form>

Notice: Please replace the content & image in the code above, of course, with yours.
Regards,