@extends('layout.main')
@section('main-section')
  <div class="breadcumb-wrapper" 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="/">Home</a></li>
            <li>Contact Us</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">
              <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">
                G-04, Ground Floor, HL Square, Plot No. 6, Sector 5, Dwarka, New Delhi - 110075
              </p>
            </div>
          </div>
          <div class="col-lg-4 col-md-6">
            <div class="contact-box">
              <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>Company No: <a href="tel:9599380000">9599380000</a></li>
                <li>Himanshu Agarwal: <a href="tel:8882908430">8882908430</a></li>
                <li>Rajesh Garg (Train): <a href="tel:9910644566">9910644566</a></li>
              </ul>
            </div>
          </div>
          <div class="col-lg-4 col-md-6">
            <div class="contact-box">
              <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>24 X 7</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!--==============================
	  Contact box Area End
	==============================-->

  <!--==============================
	  Contact Form Area End
	==============================-->
  <div class="space bg-light">
    <div class="container">
      <form class="ajax-contact" action="/mail.php" method="POST">
        <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>
            </div>
          </div>
        </div>
        <div class="row justify-content-center">
          <div class="col-md-6 form-group">
            <input type="text" placeholder="Enter Your First Name" name="fname" id="fname" class="form-control" />
          </div>
          <div class="col-md-6 form-group">
            <input type="text" placeholder="Enter Your Last Name" name="lname" id="lname" class="form-control" />
          </div>
          <div class="col-md-6 form-group">
            <input type="email" placeholder="Your Email" name="email" id="email" class="form-control" />
          </div>
          <div class="col-md-6 form-group">
            <input type="number" placeholder="Phone No" name="number" id="number" class="form-control" />
          </div>

          <div class="form-group col-12">
            <textarea placeholder="Write Your Comment" name="message" id="message" class="form-control"></textarea>
          </div>
          <div class="col-md-auto pt-lg-3">
            <button class="vs-btn style4" type="submit">Send Message</button>
          </div>
        </div>
      </form>
    </div>
  </div>
@endsection