Kasuari Contact Form Block

This block will call your contact form template from contact form 7. But you need to create the contact form 7 before can use this block.

In case you want the contact form with same style as our demos. You need to copy this form markup to your contact form.

Contact Form style 1

<div class=”contact-form-style-1 clearfix”>
<div class=”contact-bordered item-column clearfix”>
[text* your-name placeholder “Name”] <span class=”contact-ef border-form-top”>
</span>
<span class=”contact-ef border-form-left”>
</span>
<span class=”contact-ef border-form-bottom”>
</span>
<span class=”contact-ef border-form-right”>
</span>
</div>
<div class=”contact-bordered item-column clearfix”>
[email* your-email placeholder “Email”] <span class=”contact-ef border-form-top”>
</span>
<span class=”contact-ef border-form-left”>
</span>
<span class=”contact-ef border-form-bottom”>
</span>
<span class=”contact-ef border-form-right”>
</span>
</div>
<div class=”contact-bordered item-column clearfix”>
[text your-subject placeholder “Subject”] <span class=”contact-ef border-form-top”>
</span>
<span class=”contact-ef border-form-left”>
</span>
<span class=”contact-ef border-form-bottom”>
</span>
<span class=”contact-ef border-form-right”>
</span>
</div>
<div class=”contact-bordered item-column text-area clearfix”>
[textarea your-message placeholder “Text”] <span class=”contact-ef border-form-top”>
</span>
<span class=”contact-ef border-form-left”>
</span>
<span class=”contact-ef border-form-bottom”>
</span>
<span class=”contact-ef border-form-right”>
</span>
</div>
<div class=”contact-submit clearfix”>
[submit “Send”] </div>
</div>