Consulting Theme Documentation
Theme PageVideo TutorialsChangelogCreate a Ticket
Search…
⌃K
Links

Demo Forms

You can add a contact (feedback) form to your website using codes of our demo forms listed below.
You can see our demo forms on our live demo site.​
All our contact forms are created using the Contact Forms 7 plugin.​

Contact Form 1

<div class="request_callback">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="input-group">
[text* text-name placeholder akismet:author "First name *"]
</div>
<div class="input-group">
[email* email placeholder akismet:author_email "E-mail *"]
</div>
<div class="input-group">
[tel* phone placeholder "Phone *"]
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="input-group">
[textarea* message placeholder "Your Message *"]
</div>
<div class="input-group">
<button type="submit" class="button size-md icon_right">submit <i class="fa fa-chevron-right"></i></button>
</div>
</div>
</div>
</div>

Contact Form 2

<div class="request_callback">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="input-group">
[text* text-name placeholder akismet:author "First name *"]
</div>
<div class="input-group">
[text title placeholder akismet:author_title "Title"]
</div>
<div class="input-group">
[text company placeholder akismet:author_company "Company/Position"]
</div>
<div class="input-group">
[email* email placeholder akismet:author_email "E-mail *"]
</div>
<div class="input-group">
[select* menu-774 first_as_label "Reason for Contact *" "Value1" "Value2"]
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="input-group">
[select* menu-363 first_as_label "Area of Interest *" "Value1" "Value2"]
</div>
<div class="input-group">
[text* subject placeholder akismet:author_subject "Subject *"]
</div>
<div class="input-group">
[textarea* message placeholder "Your Message *"]
</div>
<div class="input-group">
<button type="submit" class="button size-md icon_right">submit <i class="fa fa-chevron-right"></i></button>
</div>
</div>
</div>
</div>

Contact Form 3

<div class="request_callback">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="input-group">
[textarea* message placeholder "Your Message *"]
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="input-group">
[text* text-name placeholder akismet:author "First name *"]
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="input-group">
[email* email placeholder akismet:author_email "E-mail *"]
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="input-group">
[text* subject placeholder "Subject *"]
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="input-group">
<button type="submit" class="button size-md icon_right">submit <i class="fa fa-chevron-right"></i></button>
</div>
</div>
</div>
</div>

Contact Form 4

<div class="request_callback">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
<div class="input-group">
[textarea* message class:height205 placeholder "Your Message *"]
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
<div class="input-group">
[text* text-name placeholder akismet:author "First name *"]
</div>
<div class="input-group">
[email* email placeholder akismet:author_email "E-mail *"]
</div>
<div class="input-group">
[select* menu-774 first_as_label "Reason for Contact *" "Value1" "Value2"]
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
<div class="input-group">
[select* menu-363 first_as_label "Area of Interest *" "Value1" "Value2"]
</div>
<div class="input-group">
[text* subject placeholder akismet:author_subject "Subject *"]
</div>
<div class="input-group">
<button type="submit" class="button size-md icon_right">submit <i class="fa fa-chevron-right"></i></button>
</div>
</div>
</div>
</div>

Contact Form 5

<div class="request_callback">
<div class="input-group">
[textarea* message class:height147 placeholder "Your Message *"]
</div>
<div class="input-group">
[text* text-name placeholder akismet:author "First name *"]
</div>
<div class="input-group">
[email* email placeholder akismet:author_email "E-mail *"]
</div>
<div class="input-group">
[select* menu-774 first_as_label "Reason for Contact *" "Value1" "Value2"]
</div>
<div class="input-group">
[select* menu-363 first_as_label "Area of Interest *" "Value1" "Value2"]
</div>
<div class="input-group">
[text* subject placeholder akismet:author_subject "Subject *"]
</div>
<div class="input-group">
<button type="submit" class="button size-md icon_right">submit <i class="fa fa-chevron-right"></i></button>
</div>
</div>

Contact Form 6

<div class="request_callback_form manchester_contact_form light-mode">
<div class="request_callback">
<span class="stm-contact-message"></span>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="input-group">
<label>[text* text-name placeholder akismet:author "Your name"]<span class="form-icons stm-ankara-user"></span></label>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="input-group">
<label>[text* text-company placeholder "Company name"]<span class="form-icons stm-briefcase"></span></label>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="input-group">
<label>[email* email-609 akismet:author_email placeholder "E-mail"]<span class="form-icons stm-email2"></span></label>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="input-group">
[select menu-233 "I would like to discuss" "Value 1" "Value 2"]
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="input-group">
[textarea textarea-488 placeholder "Message"]
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="input-group">
<button type="submit" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-flat vc_btn3-color-theme_style_2">SUBMIT</button>
</div>
</div>
</div>
</div>
</div>

Contact Form 7

<div class="member_feedback">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="input-group">
[text* text-name placeholder akismet:author "First Name"]
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="input-group">
[text* text-name2 placeholder akismet:author "Last Name"]
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="input-group">
[email* text-email placeholder akismet:author_email "E-mail"]
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="input-group">
[tel text-phone placeholder "Phone Number"]
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="input-group">
[text* text-city placeholder "City"]
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="input-group">
[select text-state first_as_label "Select State (USA only)" "Value 1" "Value 2"]
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="input-group">
[select text-country first_as_label "Country" "Value 1" "Value 2"]
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="input-group">
<button type="submit" class="button size-lg icon_left"><i class="fa fa-chevron-right"></i> submit</button>
</div>
</div>
</div>
</div>

Contact Form 8

<div class="request_callback">
<p>I would like to discuss:</p>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="input-group">
[select services_consulting first_as_label "Business Planning" "Audit & Assurance" "Strategic Planning" "Trades & Stocks" "Financial Projections"]
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="input-group">
[text* text-name placeholder akismet:author "First name"]
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="input-group">
[tel* text-phone placeholder "Phone number"]
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="input-group">
<button type="submit" class="button size-lg icon_right">submit <i class="fa fa-chevron-right"></i></button>
</div>
</div>
</div>
</div>
Content - Previous
Localization
Next - Extra Materials
Changelog
Last modified 1yr ago