Contact us with Visual Composer

Contact v1 page of Sinbad is built using King Composer.It has 6 element rows. The King Composer Backend editor of the page look like this

null

The Details

Google Map

  • It has one column which and the element is Google Map.
  • Here is the screenshot of Google Map Setting page.

Feature List

  • It has Features List element.
  • Features List Settings: Here is the screenshot for Features List setting

Output of Feature List

Text Block

  • It has Text Block element.
  • Text Block Settings: Here is the screenshot for Features List setting

Contact Text and Form

  • This row has 2 columns in the ratio 50% + 50%
  • Both the columns has Text Block elements
  • Left Column : Here is the screenshot for Text Block setting
  • Right Column : It has two elements, Text Block and Contact Form 7
  • Text Block Settings: Here is the screenshot for Contact Form 7 setting
  • Contact Form 7 Settings: Here is the screenshot for Contact Form 7setting

Contact Form Setting

Navigate to Contact > Contact Forms here paste the following code for Contact Form:

<div class="form-group row">
<div class="col-xs-12 col-md-6">
[text* full-name class:input-text full-name placeholder "Full Name*"]
</div>
<div class="col-xs-12 col-md-6">
[email* email your-email placeholder "E-Mail Address*"]
</div>
</div>
<div class="form-group">
[text subject class:input-text your-subject placeholder "Subject"]
</div>
<div class="form-group">
[textarea your-message placeholder "Message..."]
</div>
<div class="form-group clearfix">
<p>[submit "Send Message"]</p>
</div>

Output of Contact Text and Form

1 of 2 Banners

  • This row has 2 columns in the ratio 33% + 66%.
  • Both the column has Banners element
  • Banners Settings : Here i pasted a Banners Setting Page image.
  • 1 of 2 Banners View :

Notice

  • It has Notice Block
  • Notice Settings : Here i pasted a Notice Setting Page image.

Output of Notice Block