1. Home
  2. Docs
  3. Fando – Theme Documentation
  4. Contact Form

Contact Form

Here is the Contact Form 7 template form for the Contact page.

<div class="row">

    <div class="col-lg-6">
        <div class="form-group">
            <label>
                <i class="icofont-user-alt-3"></i>
            </label>
            [text* fname class:form-control placeholder="Name"]
        </div>
    </div>

    <div class="col-lg-6">
        <div class="form-group">
            <label>
                <i class="icofont-ui-email"></i>
            </label>
            [email* email class:form-control placeholder="Email"]
        </div>
    </div>

    <div class="col-lg-6">
        <div class="form-group">
            <label>
                <i class="icofont-ui-call"></i>
            </label>
            [text* phone_number class:form-control placeholder="Phone"]
        </div>
    </div>

    <div class="col-lg-6">
        <div class="form-group">
            <label>
                <i class="icofont-notepad"></i>
            </label>
            [text* subject class:form-control placeholder="Subject"]
        </div>
    </div>

    <div class="col-lg-12">
        <div class="form-group">
            <label>
                <i class="icofont-comment"></i>
            </label>
            [textarea* message rows:8 class:form-control placeholder="Write message"]
        </div>
    </div>

    <div class="col-lg-12 col-md-12 col-sm-12">
        [acceptance acceptance-910] By checking this, you agree to our <a href="https://hibootstrap.com/fando/terms-conditions/">Terms </a> and <a href="https://themes.hibootstrap.com/fando/privacy-policy/">Privacy policy</a> [/acceptance]
    </div>

    <div class="col-lg-12">
        <button type="submit" class="btn common-btn">
            Send Message
        </button>
    </div>
</div>
Was this article helpful to you? Yes No

How can we help?