Logo Logo v2.1
Image Description Image Description

No Results

  • Get Support
  • Preview Demo
Logo Logo v1.0.0
  • Documentation
  • Introduction
  • Theme Requirements
  • Installation
  • Theme Installation
  • Plugin Installation
  • Demo Installation
  • Page
  • Create a New Page
  • Build Page using Elementor
  • Page Title
  • Site Configuration
  • Header
  • Footer
  • Contact Form
  • Contact Form
  • Post
  • Create Post
  • Post Category
  • Widget
  • Add & Edit Widget
  • Elementor
  • Edit With Elementor
  • Elementor Widgets
  • Support
  • Support System

Contact Form Setup

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

  • Form 1
  • Form 2
  • Home 6 Form
              
                <div class="contact-form-1">
                <div class="row">
                  <div class="col-md-6">
                  <div class="name-field">
                    <i class="fa-solid fa-user"></i>
                    [text username placeholder "Your Name"]
                  </div>
                  </div>
                  <div class="col-md-6">
                  <div class="email-field">
                    <i class="fa-solid fa-envelope"></i>
                    [email useremail placeholder "Your Email"]
                  </div>
                  </div>
                  <div class="col-md-6">
                  <div class="phone-field">
                    <i class="fa-solid fa-phone"></i>
                    [tel usertel placeholder "Phone No."]
                  </div>
                  </div>
                  <div class="col-md-6">
                  [text subject placeholder "What are you need?"]
                  </div>
                  <div class="col-md-12">
                  [textarea message placeholder] Write your message [/textarea]
                  </div>
                  <div class="col-md-12">
                  [submit "Submit Now"]
                  </div>
                </div>
                </div>
              
            
              
                <div class="contact-form-2">
                <div class="row">
                  <div class="col-md-6">
                  <div class="name-field">
                    <label for="full-name">Full Name*</label>
                    [text username id:full-name]
                  </div>
                  </div>
                  <div class="col-md-6">
                  <div class="email-field">
                    <label for="mail">Email Address*</label>
                    [email useremail id:mail]
                  </div>
                  </div>
                  <div class="col-md-6">
                  <div class="phone-field">
                    <label for="phone">Phone Number*</label>
                    [tel usertel id:phone]
                  </div>
                  </div>
                  <div class="col-md-6">
                  <label for="company-name">Company Name (Optional)</label>
                  [text company id:company-name]
                  </div>
                  <div class="col-md-6">
                  <label for="service">Service Interested In</label>
                  [text service id:service]
                  </div>
                  <div class="col-md-6">
                  <label for="budget">Budget Range (Optional)</label>
                  [text budget id:budget]
                  </div>
                  <div class="col-md-12">
                  <label for="message">Project Details</label>
                  [textarea message id:message placeholder] Write a brief about your project [/textarea]
                  </div>
                  <div class="col-md-12">
                  [submit "Submit Now"]
                  </div>
                </div>
                </div>
              
            
              
                <div class="home6-contact">
                <div class="username">
                  [text username placeholder "Enter Your Name"]
                </div>
                <div class="username">
                  [email usermail placeholder "Enter Your Mail"]
                </div>
                <div class="projectname">
                  [text projectname placeholder "Your Project"]
                </div>
                <div class="usermessage">
                  [textarea message placeholder] Write Your Message [/textarea]
                </div>
                <div class="submit-btn">
                  [submit "Let's Connect"]
                </div>
                </div>