{% extends 'base.html.twig' %}
{% block body %}
  <div class="breadcumb-wrapper col d-none d-lg-block" data-bg-src="../../assets/img/breadcumb/breadcumb-bg.jpg">
    <div class="container z-index-common">
      <div class="breadcumb-content">
        <h1 class="breadcumb-title">Contact Us</h1>
        <div class="breadcumb-menu-wrap">
          <ul class="breadcumb-menu">
            <li><a href="/index">Home</a></li>
            <li>Contact</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <section class="space contact-box_wrapper">
    <div class="outer-wrap">
      <div class="container">
        <div class="row">
          <div class="col-lg-4 col-md-6">
            <div class="contact-box" style="min-height:260px;">
              <div class="contact-box_icon">
                <i class="fas fa-map-marked-alt"></i>
              </div>
              <h3 class="contact-box__title h5">Address</h3>
              <p class="contact-box__text">
                KANDISSIRA CONDIMENT INDIA PRIVATE LIMITED,<br>
                123/4, Sathy-Erode, Salangapalayam(PO),<br>
                Kavindapadi, Erode - 638455, Tamilnadu.<br>
                India<br>
              </p>
            </div>
          </div>
          <div class="col-lg-4 col-md-6">
            <div class="contact-box" style="min-height:260px;">
              <div class="contact-box_icon">
                <i class="fas fa-address-card"></i>
              </div>
              <h3 class="contact-box__title h5">Contact</h3>
              <ul class="contact-box_list">
                <li><i class="fas fa-phone-alt"></i> &nbsp; <a href="tel:+919042519899">+91 904 251 9899</a></li>
                <li>&nbsp;</li>
                <li><i class="fas fa-envelope"></i> &nbsp; <a href="mailto:info@fotindia.com">info@fotindia.com</a>
                <li>&nbsp;</li>
                <li><i class="fa fa-globe"></i> &nbsp; <a href="http://fotindia.com">www.fotindia.com</a>
              </ul>
            </div>
          </div>
          <div class="col-lg-4 col-md-6">
            <div class="contact-box" style="padding-left:108px;min-height:260px;">
              <div class="contact-box_icon">
                <i class="fas fa-clock"></i>
              </div>
              <h3 class="contact-box__title h5">Office Hour</h3>
              <ul class="contact-box_list">
                <li>Mon - Sat: 09:00am - 6:00pm IST </li>
                <li>Sunday: 10:00am - 1:00pm IST </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <div class="space bg-light">
    <div class="container">
      <div class="row justify-content-center text-center">
        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
          <div class="title-area">
            <span class="sec-subtitle">Contact Us</span>
            <h2 class="sec-title h1">Get In Touch</h2>
            <p class="sec-text">
              Fill your query below, our team will connect you shortly
            </p>
          </div>
        </div>
      </div>
      <form class="ajax-contact" action="mail.php" method="post">
        <div class="row justify-content-center">
          <div class="col-md-6 form-group">
            <input type="text" placeholder="Enter Your Name" name="fname" id="fname" class="form-control"
              required />
          </div>
          <div class="col-md-6 form-group">
            <input type="text" placeholder="Subject" name="lname" id="lname" class="form-control"
              required />
          </div>
          <div class="col-md-6 form-group">
            <input type="email" placeholder="Your Email" name="email" id="email" class="form-control" required />
          </div>
          <div class="col-md-6 form-group">
            <input type="number" placeholder="Phone No" name="phone" id="phone" class="form-control" required />
          </div>
          <div class="form-group col-12">
            <textarea placeholder="Write Your Query" name="message" id="message" class="form-control"
              required></textarea>
          </div>
          <div class="col-md-auto pt-lg-3">
            <button type="submit" class="vs-btn style4">Send Query</button>
          </div>
        </div>
      </form>
      <p class="form-messages text-center mb-0 mt-3"></p>
    </div>
  </div>
  
  
  

{% endblock %}