<?php include('header.php');?>





<style>
    .contact-active {
        color: #f58110!important;
    }
</style>


<div class="sub-banner">
  <img src="assets/img/sub-banner/contact-banner.jpg" class="img-fluid" alt="">
</div>



<main id="main">





<section class="contact01">
  <div class="container">


    <div class="card flex-row flex-wrap border-0">

        <div class="card-header border-0 col-lg-3 col-md-3">
            <h4 class="card-title">Address</h4>
            <p class="card-text">              
              Green Sparrow Solar Nest Pvt Ltd,<br>
74/1, First Floor, Siluvathur Road,<br>
Opp, To Kamarajar Kalyana Mahal,<br>
Dindigul-5.
            </p>
        </div>

        <div class="card-header border-0 col-lg-3 col-md-3">
            <h4 class="card-title">contact info</h4>
            <p class="card-text">
              <a href="tel:8122684731"><i class="bi bi-telephone-fill"></i> +91 81226 84731 </a>
            </p>
        </div>

        <div class="card-header border-0 col-lg-2 col-md-2">
            <h4 class="card-title">Career</h4>
            <p class="card-text">
              <a href="https://www.linkedin.com/company/green-sparrow-solar-nest-private-limited/" target="_blank"><i class="bi bi-linkedin"></i> Career </a>
            </p>
        </div>

        <div class="card-header border-0 col-lg-4 col-md-4">
            <h4 class="card-title">email support</h4>
            <p class="card-text">
              <a href="mailto:info@greensparrowsolarnest.com"><i class="bi bi-envelope-fill"></i> info@greensparrowsolarnest.com </a>
            </p>
        </div>

    </div>


  </div>
</section>







<section class="contact-us02" id="contact-form">
  <div class="container">

    <div class="card flex-row flex-wrap border-0">

        <div class="card-header border-0 col-lg-6 col-md-6">
          
          <h4 class="card-title">Enquire now</h4>

          <form action="contact.php" method="POST">
            <div class="row">
              <div class="col-md-6">
                <label>Name *</label>
                <input type="text" class="form-control" placeholder="Name *" name="name" required>
              </div>

              <div class="col-md-6">
                <label>Email Id *</label>
                <input type="email" class="form-control" placeholder="Email Id *" name="email" required>
              </div>

              <div class="col-md-6">
                <label>Mobile Number *</label>
                <input type="text" class="form-control" placeholder="Mobile Number *" name="mobile" required>
              </div>

              <div class="col-md-6">
                <label>Subject *</label>
                <input type="text" class="form-control" placeholder="Subject *" name="subject" required>
              </div>

              <div class="col-md-12">
                <label>Message *</label>
                <textarea class="form-control" placeholder="Message *" name="message" rows="5"></textarea>                
              </div>
            </div>

            <label>Solve this Math *</label>
            <div class="row">
               
               <div class="col-lg-3 col-md-3 col-sm-3 col-5">
                <div class="form-group">
                  <input type="text" name="fielda" id="fielda" readonly="" class="form-control xft_enquiry">
                </div>
              </div>             

              <div class="col-lg-1 col-md-1 col-sm-3 col-2">
                <span class="plus" style="vertical-align: -webkit-baseline-middle;position: relative;"> <i class="bi bi-plus-circle-fill"></i> </span>
              </div>

              <div class="col-lg-3 col-md-3 col-sm-3 col-5">
                <div class="form-group">
                  <input type="text" name="fieldb" id="fieldb" readonly="" class="form-control xft_enquiry">
                </div>
              </div>

              <div class="col-lg-5 col-md-5 col-sm-4 col-12">
                <div class="form-group">
                  <input type="hidden" name="fieldc" id="fieldc" value="8">
                  <input type="text" name="fieldd" class="form-control xft_enquiry" placeholder="Addition Value" required="">
                </div>
              </div>

              <div class="col-lg-12 col-md-12">
                <div class="text-center"> <button class="btn btn-primary"><i class="bi bi-envelope-fill"></i> submit </button> </div>
              </div>
         
            </div>

          </form>

        </div>

        <div class="card-header border-0 col-lg-6 col-md-6">

            <h4 class="card-title">Reach Us</h4>

            <iframe src="https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d3924.7235953485474!2d77.98603781479724!3d10.363971492602182!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMTDCsDIxJzUwLjMiTiA3N8KwNTknMTcuNiJF!5e0!3m2!1sen!2sin!4v1684923362570!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        </div>

    </div>

  </div>
</section>






</main>

  <!-- ======= Footer ======= -->
      <?php include('footer.php');?>

  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

  <!-- Vendor JS Files -->
  <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
  <script src="assets/vendor/aos/aos.js"></script>
  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
  <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>


  <!-- Template Main JS File -->
  <script src="assets/js/main.js"></script>


<script src="assets/slider/jquery.min.js"></script> 
<script src="assets/slider/owl.carousel.js"></script>
<script src="assets/slider/lightbox.min.js"></script>

<script type="text/javascript">
      $('#slidermaster').owlCarousel({
      loop:true,
      margin:10,
      dots:true,
      nav:true,
      navText : ["<i class='bi bi-chevron-left'></i>","<i class='bi bi-chevron-right'></i>"],
      mouseDrag:true,
      autoplay:true,
      autoplayTimeout:5000,
      responsive:{
              0:{
                  items:1
              },
              600:{
                  items:1
              },
              1000:{
                  items:1
              }
          }
      });
</script>


<script>
  var fielda= Math.floor((Math.random() * 10) + 1);
  var fieldb= Math.floor((Math.random() * 10) + 1);
  var fieldc=fieldb+fielda;
  document.getElementById("fielda").value=fielda;
  document.getElementById("fieldb").value=fieldb;
  document.getElementById("fieldc").value=fieldc;
  
  var fielda1= Math.floor((Math.random() * 10) + 1);
  var fieldb1= Math.floor((Math.random() * 10) + 1);
  var fieldc1=fieldb1+fielda1;
  document.getElementById("fielda1").value=fielda1;
  document.getElementById("fieldb1").value=fieldb1;
  document.getElementById("fieldc1").value=fieldc1;
</script>



<script type="text/javascript">
  
$('#recent-projects').owlCarousel({
    items:3,
    loop:true,
    margin:10,
    nav:true,
    autoplay:true,
    center:false,
    dots:false,
    navText : ["<i class='bi bi-chevron-left'></i>","<i class='bi bi-chevron-right'></i>"],
    startPosition: 0,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:1
        },
        1000:{
            items:3
        }
    }
})

</script>






<script type="text/javascript">
  
$('#our_associates').owlCarousel({
    items:4,
    loop:true,
    margin:10,
    nav:true,
    startPosition: 0,
    dots:false,
    navText : ["<i class='bi bi-chevron-left'></i>","<i class='bi bi-chevron-right'></i>"],
    responsive:{
        0:{
            items:1
        },
        600:{
            items:1
        },
        1000:{
            items:4
        }
    }
})


</script>





<script type="text/javascript">  

    $(document).ready(
      function(){
        $('#myBtn1').hover(
          function(){
            $('#more1').toggle();            
          }
        );
      }
    );

</script>


<script type="text/javascript">  

    $(document).ready(
      function(){
        $('#myBtn2').hover(
          function(){
            $('#more2').toggle();            
          }
        );
      }
    );

</script>


<script type="text/javascript">  

    $(document).ready(
      function(){
        $('#myBtn3').hover(
          function(){
            $('#more3').toggle();            
          }
        );
      }
    );

</script>


<script type="text/javascript">  

    $(document).ready(
      function(){
        $('#myBtn4').hover(
          function(){
            $('#more4').toggle();            
          }
        );
      }
    );

</script>


<script type="text/javascript">  

    $(document).ready(
      function(){
        $('#stat_btn').click(
          function(){
            $('.form-master01').toggle();   
            $('#company_name').show();
          }
        );
      }
    );

</script>



<script type="text/javascript">
  

jQuery(document).ready(function() {
    jQuery('.tabs .tab-links a').on('click', function(e)  {
        var currentAttrValue = jQuery(this).attr('href');
 
        // Show/Hide Tabs
        jQuery('.tabs ' + currentAttrValue).show().siblings().hide();
 
        // Change/remove current tab to active
        jQuery(this).parent('li').addClass('active').siblings().removeClass('active');
 
        e.preventDefault();
    });
   
     
    jQuery('.nextButton').on('click', function() {
        
   var $activeTab = $('.tab-links li.active');
   
   var $wrapper = jQuery(this).closest('.tabs');
   var indexActive = $wrapper.find('li.active').index();
   $wrapper.find('li').eq(indexActive + 1).find('a').click();
});
    
     jQuery('.prevButton').on('click', function() {
        
   var $activeTab = $('.tab-links li.active');
   
   var $wrapper = jQuery(this).closest('.tabs');
   var indexActive = $wrapper.find('li.active').index();
   $wrapper.find('li').eq(indexActive - 1).find('a').click();
});
    
});

</script>




</body>
</html>