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!