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

Contact Form

Here is the Contact Form 7 template and source code for the Contact form.

To edit this form go to Contact> then edit your targeted form


<div class="row">
    <div class="col-lg-6 col-sm-6">
        <div class="form-group">
            <label>Your Name</label>
            [text* uname class:form-control placeholder "Name"]
        </div>
    </div>
    <div class="col-lg-6 col-sm-6">
        <div class="form-group">
            <label>Your Email</label>
            [email* email class:form-control placeholder "Email"]
        </div>
    </div>

    <div class="col-lg-6 col-sm-6">
	    <div class="form-group">
            <label>Your Phone</label>									 
            [number* number-807 class:form-control placeholder "Your Phone"]
	   </div>
    </div>
    <div class="col-lg-6 col-sm-6">
        <div class="form-group">	
            <label>Subject</label>									 
            [text* subject class:form-control placeholder "Your Subject"]
        </div>
    </div>

    <div class="col-lg-12 col-md-12">
        <div class="form-group">	
            <label>Your Message</label>									 
            [textarea* message rows:5 class:form-control placeholder "Your Message"]
        </div>
    </div>
    <div class="col-lg-12">
        [acceptance acceptance-910] By checking this, you agree to our <a href="https://themes.envytheme.com/gemic/terms-conditions/">Terms </a> and <a href="https://themes.envytheme.com/gemic/privacy-policy/">Privacy policy</a> [/acceptance]
    </div>

    <div class="col-lg-12 col-md-12">
        <button type="submit" class="default-btn">
            Send Message
        </button>
    </div>
</div><div class="row">
    <div class="col-sm-12 col-md-6 col-lg-6">
        <div class="form-group mb-20">
             <div class="innner-group">
                 <div class="input-group-prepend">
                    <span class="input-group-text"><i class="flaticon-user"></i></span>
                 </div>
                 [text* uname class:form-control placeholder "Name*"]
             </div>
        </div>
    </div>

    <div class="col-sm-12 col-md-6 col-lg-6">
        <div class="form-group mb-20">
             <div class="innner-group">
                <div class="input-group-prepend">
                    <span class="input-group-text"><i class="flaticon-user"></i></span>
                </div>
                [email* email class:form-control placeholder "Email*"]
            </div>
        </div>
    </div>

    <div class="col-sm-12 col-md-6 col-lg-6">
       <div class="form-group mb-20">
             <div class="innner-group">
                <div class="input-group-prepend">
                    <span class="input-group-text"><i class="flaticon-phone-call"></i></span>
                </div>
                [number* number-807 class:form-control placeholder "Phone*"]
            </div>
        </div>
    </div>
    <div class="col-sm-12 col-md-6 col-lg-6">
        <div class="form-group mb-20">
             <div class="innner-group">
                <div class="input-group-prepend">
                    <span class="input-group-text"><i class="flaticon-book"></i></span>
                </div>
                [text* subject class:form-control placeholder "Subject*"]
            </div>
        </div>
    </div>

    <div class="col-sm-12 col-md-12 col-lg-12">
        <div class="form-group mb-20">
             <div class="input-group">
                <div class="input-group-prepend">
                    <span class="input-group-text"><i class="flaticon-envelope"></i></span>
                </div>
                [textarea* message rows:5 class:form-control placeholder "Your Comment*"]
            </div>
        </div>
    </div>
    <div class="col-lg-12">
        [acceptance acceptance-910] By checking this, you agree to our <a href="https://themes.envytheme.com/robust/terms-conditions/">Terms </a> and <a href="https://themes.envytheme.com/robust/privacy-policy/">Privacy policy</a> [/acceptance]
    </div>

    <div class="col-sm-12 col-md-12 col-lg-12">
        <button class="btn btn-icon btn-red btn-shadow btn-shadow-red full-width" type="submit">Send A Message <i class="flaticon-right-chevron"></i></button>
    </div>
</div>
<div class="row">
    <div class="col-lg-6 col-sm-6">
        <div class="form-group">
            <label>Your Name</label>
            [text* uname class:form-control placeholder "Name"]
        </div>
    </div>
    <div class="col-lg-6 col-sm-6">
        <div class="form-group">
            <label>Your Email</label>
            [email* email class:form-control placeholder "Email"]
        </div>
    </div>

    <div class="col-lg-6 col-sm-6">
	    <div class="form-group">
            <label>Your Phone</label>									 
            [number* number-807 class:form-control placeholder "Your Phone"]
	   </div>
    </div>
    <div class="col-lg-6 col-sm-6">
        <div class="form-group">	
            <label>Subject</label>									 
            [text* subject class:form-control placeholder "Your Subject"]
        </div>
    </div>

    <div class="col-lg-12 col-md-12">
        <div class="form-group">	
            <label>Your Message</label>									 
            [textarea* message rows:5 class:form-control placeholder "Your Message"]
        </div>
    </div>
    <div class="col-lg-12">
        [acceptance acceptance-910] By checking this, you agree to our <a href="https://themes.envytheme.com/gemic/terms-conditions/">Terms </a> and <a href="https://themes.envytheme.com/gemic/privacy-policy/">Privacy policy</a> [/acceptance]
    </div>

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

How can we help?