Contact Form Setup

Overflow comes with integrated support for the Contact Form 7 plugin:

Contact Page Form

<div class="row">
<div class="col-md-6">
[text* text-340 placeholder "Your Name *"]
</div>
<div class="col-md-6">
[email* email-219 "Email Address *"]
</div>
<div class="col-md-12">
[text text-340 placeholder "Subject You Like  *"]
</div>
<div class="col-md-12">
[textarea* textarea-940 placeholder "Write your message *"]
</div>
<div class="col-md-12">
[submit class:site-btn "Send Request"]
</div>
</div>

Contact Form with Contact Info

<div class="row">
        <div class="col-lg-12">
            <div class="form-group">
                <label for="fullname" id="fullname-label">Full Name Here</label>[text text-920 id:fullname placeholder "Sokila DJ Maxien"]<span class="icon"><i class="fal fa-user"></i></span>
            </div>
        </div>
        <div class="col-lg-12">
            <div class="form-group">
                <label for="email" id="email-label">Email Address</label>[email email-119 id:email placeholder "[email protected]"]<span class="icon"><i class="fal fa-envelope-open"></i></span>
            </div>
        </div>
        <div class="col-lg-12">
            <div class="form-group">
                <label for="messages" id="messages-label">Leave A Message</label>[textarea textarea-268 id:messages placeholder "&quot;Write here"]<span class="icon icon-msg"><i class="fal fa-pen-alt"></i></span>
            </div>

        </div>

        <div class="col-lg-12">[submit class:site-btn class:mt-30 "Send Message"]</div> </div>

Contact Form With Left Image

<div class="from-groups">
<div class="form-group">
<label for="name">Full Name Here</label>[text text-500 placeholder "Sokila DJ Maxien"]<span class="icon"><i class="fal fa-user"></i></span>
</div>
<div class="form-group">
<label for="mail">Email Address</label>[email email-904 placeholder "[email protected]"]<span class="icon"><i class="fal fa-envelope-open"></i></span>
</div>
<div class="form-group">
<label for="tel">Your Phone </label>[tel tel-354 placeholder "013 (3456) 778"]<span class="icon"><i class="fal fa-phone"></i></span>
</div>
<div class="form-group">
<label for="subject">Your Subject</label>[select menu-710 class:subject "I’m interested in medicin" "I’m interested in tablet" "I’m interested in doctor" "I’m intersted in education"]
</div>
</div>
[submit class:site-btn "Get Consultations"]

Contact Form With Right Image

<div class="from-groups">
<div class="form-group">
<label for="name">Full Name Here</label>[text text-563 placeholder "Sokila DJ Maxien"]<span class="icon"><i class="fal fa-user"></i></span>

</div> <div class="form-group"> <label for="mail">Email Address</label>[email email-992 placeholder "[email protected]"]<span class="icon"><i class="fal fa-envelope-open"></i></span>

</div> <div class="form-group"> <label for="tel">Your Phone </label>[tel tel-393 "013 (3456) 778"]<span class="icon"><i class="fal fa-phone"></i></span> </div> <div class="form-group"> <label for="subject">Your Subject</label>[select menu-169 "I’m interested in medicine" "I’m interested in tablet" "I’m interested in doctor" "I’m interested in education"] </div> </div> [submit id:site-btn class:site-btn "Get Consultations"]