Contact Form Setup

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

Appointment Form

<div class="row">
<div class="col-lg-4">
<div class="form-group">
[text your-name placeholder "Enter your name"]
<span class="icon"><i class="fal fa-user"></i></span>
</div>
</div>
<div class="col-lg-5">
<div class="form-group">
[email your-email placeholder "Enter your email"]
<span class="icon"><i class="fal fa-envelope"></i></span>
</div>
</div>
<div class="col-lg-3">
<div class="form-group">
[text your-age placeholder "Enter age"]
<span class="icon"><i class="fal fa-calendar"></i></span>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="form-group">
[tel your-phone placeholder "Enter your phone number"]
<span class="icon"><i class="fal fa-phone"></i></span>
</div>
</div>
<div class="col-lg-4">
<div class="form-group">
[date your-date class:has-icon placeholder "Select Date"]
<span class="icon"><i class="fal fa-calendar-alt"></i></span>
</div>
</div>
<div class="col-lg-4">
<div class="form-group">
[text your-time placeholder "Select Time"]
<span class="icon"><i class="fal fa-clock"></i></span>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="form-group">
[select subject "Select Department" "Body Sergery" "Major Operation" "Child Care"]
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
[select SelectExpert "Select Expert/Doctor" "Dr. Dambul Ph" "Dr. Rosalina Will" "Dr. Jemilin D. William"]
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="form-group">
[textarea your-message placeholder "Your message"]
<span class="icon"><i class="fal fa-edit"></i></span>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-4 text-center">
[submit class:site-btn class:red "Make An Appointment"]
</div>
</div>

Appointment BG

<div class="form-group mt-10">
<label for="name"><i class="fal fa-user"></i></label>[text yname id:name placeholder "Enter your
name"]
</div>
<div class="form-group mt-10">
<label for="mail"><i class="fal fa-envelope"></i></label>[email yemail id:mail placeholder
"Enter your email"]
</div>
<div class="from-group-wrapper mt-10">
<div class="form-group">
<label for="date"><i class="fal fa-calendar-alt"></i></label>[date ydate id:date placeholder
"date"]
</div>
<div class="form-group">
[select Subject include_blank "Subject" "Body Surgery" "Dental Care" "Neurology Sargery" "Blood Cancer"]
</div>
</div>
<div class="form-group mt-10">
[submit class:site-btn "Submit Request"]
</div>
                            

Contact Page Form

<div class="row">
<div class="col-xl-6 col-lg-6 col-md-6">
<div class="appoinment-form-box d-flex mb-40">
<div class="appoint-ment-icon">
<img src="http://bdevs.net/theme/Medinet/wp-content/uploads/2019/06/caregive-option-icon-3.png" alt="">
</div>
<div class="appointment-form-2">
<label>your name</label> [text yourname placeholder "Enter Your Name"]
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6">
<div class="appoinment-form-box d-flex mb-40">
<div class="appoint-ment-icon">
<img src="http://bdevs.net/theme/Medinet/wp-content/uploads/2019/06/caregive-option-icon-4.png" alt="">
</div>
<div class="appointment-form-2">
<label>your email</label>
[email EmailAddress placeholder "Enter Email Address"]
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6">
<div class="appoinment-form-box appoinment-form-box-option d-flex mb-40">
<div class="appoint-ment-icon">
<img src="http://bdevs.net/theme/Medinet/wp-content/uploads/2019/06/caregive-option-icon-2.png" alt="">
</div>
<div class="appointment-form-2">
<label>select your services</label>
[select ChooseService "Choose A Service" "Eye Point" "Home Care" "Older Care"]
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6">
<div class="appoinment-form-box d-flex mb-40">
<div class="appoint-ment-icon">
<img src="http://bdevs.net/theme/Medinet/wp-content/uploads/2019/06/caregive-option-icon-5.png" alt="">
</div>
<div class="appointment-form-2">
<label>your phone</label>
[text EnterYourPhone placeholder "Enter Your Phone"]
</div>
</div>
</div>
<div class="col-xl-6 col-lg-12">
<div class="appoint-button">
<button type="submit" class="btn green-bg-btn">Make Appointment</button>
</div>
</div>
</div>
                            

Doctor Contact Form

<h4 class="sub-title"><i class="fal fa-comments"></i> Let’s Talk</h4>
<h2 class="title">Contact Now</h2>
<div class="row mt-none-30">
<div class="col-lg-6">
<div class="form-group">
<label for="name">Enter your name</label>
[text d-your-name id:name placeholder "Enter your name"]
<span class="icon"><i class="fal fa-user"></i></span>
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<label for="email">Enter your email</label>
[email d-your-email id:email placeholder "Enter your email"]
<span class="icon"><i class="fal fa-envelope"></i></span>
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<label for="message">Enter your message</label>
[textarea d-your-message id:mesage placeholder "Your message"]
<span class="icon"><i class="fal fa-edit"></i></span>
</div>
</div>
<div class="col-lg-12 text-center">
[submit class:site-btn "Contact Now"]
</div>
</div>
                            

Subscribe Form

<label for="mail">Email Address <span>**</span></label>
[email YourEmail id:mail placeholder "Your Email Address"]
[submit class:site-btn "Subscribe Now"]

Mailchimp Subscribe Form

<label for="mail">Email Address <span>**</span></label>
<input type="email" name="EMAIL" id="mail" placeholder="Your Email Address">
<button class="site-btn" type="submit">Subscribe Now</button>