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>

Last updated