Overflow comes with integrated support for the Contact Form 7 plugin:
<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>
<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>
<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>
<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>
<label for="mail">Email Address <span>**</span></label> [email YourEmail id:mail placeholder "Your Email Address"] [submit class:site-btn "Subscribe Now"]
<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>