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

1
<div class="request_callback">
2
<div class="row">
3
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
4
<div class="input-group">
5
[text* text-name placeholder akismet:author "First name *"]
6
</div>
7
<div class="input-group">
8
[email* email placeholder akismet:author_email "E-mail *"]
9
</div>
10
<div class="input-group">
11
[tel* phone placeholder "Phone *"]
12
</div>
13
</div>
14
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
15
<div class="input-group">
16
[textarea* message placeholder "Your Message *"]
17
</div>
18
<div class="input-group">
19
<button type="submit" class="button size-md icon_right">submit <i class="fa fa-chevron-right"></i></button>
20
</div>
21
</div>
22
</div>
23
</div>
Copied!

Contact Form 2

1
<div class="request_callback">
2
<div class="row">
3
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
4
<div class="input-group">
5
[text* text-name placeholder akismet:author "First name *"]
6
</div>
7
<div class="input-group">
8
[text title placeholder akismet:author_title "Title"]
9
</div>
10
<div class="input-group">
11
[text company placeholder akismet:author_company "Company/Position"]
12
</div>
13
<div class="input-group">
14
[email* email placeholder akismet:author_email "E-mail *"]
15
</div>
16
<div class="input-group">
17
[select* menu-774 first_as_label "Reason for Contact *" "Value1" "Value2"]
18
</div>
19
</div>
20
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
21
<div class="input-group">
22
[select* menu-363 first_as_label "Area of Interest *" "Value1" "Value2"]
23
</div>
24
<div class="input-group">
25
[text* subject placeholder akismet:author_subject "Subject *"]
26
</div>
27
<div class="input-group">
28
[textarea* message placeholder "Your Message *"]
29
</div>
30
<div class="input-group">
31
<button type="submit" class="button size-md icon_right">submit <i class="fa fa-chevron-right"></i></button>
32
</div>
33
</div>
34
</div>
35
</div>
Copied!

Contact Form 3

1
<div class="request_callback">
2
<div class="row">
3
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
4
<div class="input-group">
5
[textarea* message placeholder "Your Message *"]
6
</div>
7
</div>
8
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
9
<div class="input-group">
10
[text* text-name placeholder akismet:author "First name *"]
11
</div>
12
</div>
13
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
14
<div class="input-group">
15
[email* email placeholder akismet:author_email "E-mail *"]
16
</div>
17
</div>
18
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
19
<div class="input-group">
20
[text* subject placeholder "Subject *"]
21
</div>
22
</div>
23
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
24
<div class="input-group">
25
<button type="submit" class="button size-md icon_right">submit <i class="fa fa-chevron-right"></i></button>
26
</div>
27
</div>
28
</div>
29
</div>
Copied!

Contact Form 4

1
<div class="request_callback">
2
<div class="row">
3
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
4
<div class="input-group">
5
[textarea* message class:height205 placeholder "Your Message *"]
6
</div>
7
</div>
8
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
9
<div class="input-group">
10
[text* text-name placeholder akismet:author "First name *"]
11
</div>
12
<div class="input-group">
13
[email* email placeholder akismet:author_email "E-mail *"]
14
</div>
15
<div class="input-group">
16
[select* menu-774 first_as_label "Reason for Contact *" "Value1" "Value2"]
17
</div>
18
</div>
19
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
20
<div class="input-group">
21
[select* menu-363 first_as_label "Area of Interest *" "Value1" "Value2"]
22
</div>
23
<div class="input-group">
24
[text* subject placeholder akismet:author_subject "Subject *"]
25
</div>
26
<div class="input-group">
27
<button type="submit" class="button size-md icon_right">submit <i class="fa fa-chevron-right"></i></button>
28
</div>
29
</div>
30
</div>
31
</div>
Copied!

Contact Form 5

1
<div class="request_callback">
2
<div class="input-group">
3
[textarea* message class:height147 placeholder "Your Message *"]
4
</div>
5
<div class="input-group">
6
[text* text-name placeholder akismet:author "First name *"]
7
</div>
8
<div class="input-group">
9
[email* email placeholder akismet:author_email "E-mail *"]
10
</div>
11
<div class="input-group">
12
[select* menu-774 first_as_label "Reason for Contact *" "Value1" "Value2"]
13
</div>
14
<div class="input-group">
15
[select* menu-363 first_as_label "Area of Interest *" "Value1" "Value2"]
16
</div>
17
<div class="input-group">
18
[text* subject placeholder akismet:author_subject "Subject *"]
19
</div>
20
<div class="input-group">
21
<button type="submit" class="button size-md icon_right">submit <i class="fa fa-chevron-right"></i></button>
22
</div>
23
</div>
Copied!

Contact Form 6

1
<div class="request_callback_form manchester_contact_form light-mode">
2
<div class="request_callback">
3
<span class="stm-contact-message"></span>
4
<div class="row">
5
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
6
<div class="input-group">
7
<label>[text* text-name placeholder akismet:author "Your name"]<span class="form-icons stm-ankara-user"></span></label>
8
</div>
9
</div>
10
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
11
<div class="input-group">
12
<label>[text* text-company placeholder "Company name"]<span class="form-icons stm-briefcase"></span></label>
13
</div>
14
</div>
15
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
16
<div class="input-group">
17
<label>[email* email-609 akismet:author_email placeholder "E-mail"]<span class="form-icons stm-email2"></span></label>
18
</div>
19
</div>
20
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
21
<div class="input-group">
22
[select menu-233 "I would like to discuss" "Value 1" "Value 2"]
23
</div>
24
</div>
25
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
26
<div class="input-group">
27
[textarea textarea-488 placeholder "Message"]
28
</div>
29
</div>
30
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
31
<div class="input-group">
32
<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>
33
</div>
34
</div>
35
</div>
36
</div>
37
</div>
Copied!

Contact Form 7

1
<div class="member_feedback">
2
<div class="row">
3
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
4
<div class="input-group">
5
[text* text-name placeholder akismet:author "First Name"]
6
</div>
7
</div>
8
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
9
<div class="input-group">
10
[text* text-name2 placeholder akismet:author "Last Name"]
11
</div>
12
</div>
13
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
14
<div class="input-group">
15
[email* text-email placeholder akismet:author_email "E-mail"]
16
</div>
17
</div>
18
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
19
<div class="input-group">
20
[tel text-phone placeholder "Phone Number"]
21
</div>
22
</div>
23
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
24
<div class="input-group">
25
[text* text-city placeholder "City"]
26
</div>
27
</div>
28
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
29
<div class="input-group">
30
[select text-state first_as_label "Select State (USA only)" "Value 1" "Value 2"]
31
</div>
32
</div>
33
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
34
<div class="input-group">
35
[select text-country first_as_label "Country" "Value 1" "Value 2"]
36
</div>
37
</div>
38
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
39
<div class="input-group">
40
<button type="submit" class="button size-lg icon_left"><i class="fa fa-chevron-right"></i> submit</button>
41
</div>
42
</div>
43
</div>
44
</div>
Copied!

Contact Form 8

1
<div class="request_callback">
2
<p>I would like to discuss:</p>
3
<div class="row">
4
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
5
<div class="input-group">
6
[select services_consulting first_as_label "Business Planning" "Audit & Assurance" "Strategic Planning" "Trades & Stocks" "Financial Projections"]
7
</div>
8
</div>
9
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
10
<div class="input-group">
11
[text* text-name placeholder akismet:author "First name"]
12
</div>
13
</div>
14
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
15
<div class="input-group">
16
[tel* text-phone placeholder "Phone number"]
17
</div>
18
</div>
19
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
20
<div class="input-group">
21
<button type="submit" class="button size-lg icon_right">submit <i class="fa fa-chevron-right"></i></button>
22
</div>
23
</div>
24
</div>
25
</div>
Copied!