templates/sections/contact.html.twig line 1

  1. <!-- ======= Contact Section ======= -->
  2.     <section id="contact" class="contact">
  3.       <div class="container">
  5.         <div class="section-title">
  6.           <span>Contact</span>
  7.           <h2>Contact</h2>
  8.           <p>Sit sint consectetur velit quisquam cupiditate impedit suscipit alias</p>
  9.         </div>
  11.         <div class="row justify-content-center">
  13.           <div class="col-lg-7 mt-5 mt-lg-0 d-flex align-items-center">
  14.             <form action="forms/contact.php" method="post" role="form" class="php-email-form">
  15.               <div class="row">
  16.                 <div class="form-group col-md-6">
  17.                   <label for="name">Your Name</label>
  18.                   <input type="text" name="name" class="form-control" id="name" required>
  19.                 </div>
  20.                 <div class="form-group col-md-6 mt-3 mt-md-0">
  21.                   <label for="name">Your Email</label>
  22.                   <input type="email" class="form-control" name="email" id="email" required>
  23.                 </div>
  24.               </div>
  25.               <div class="form-group mt-3">
  26.                 <label for="name">Subject</label>
  27.                 <input type="text" class="form-control" name="subject" id="subject" required>
  28.               </div>
  29.               <div class="form-group mt-3">
  30.                 <label for="name">Message</label>
  31.                 <textarea class="form-control" name="message" rows="10" required></textarea>
  32.               </div>
  33.               <div class="my-3">
  34.                 <div class="loading">Loading</div>
  35.                 <div class="error-message"></div>
  36.                 <div class="sent-message">Your message has been sent. Thank you!</div>
  37.               </div>
  38.               <div class="text-center"><button type="submit">Send Message</button></div>
  39.             </form>
  40.           </div>
  42.         </div>
  44.       </div>
  45.     </section><!-- End Contact Section -->