<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>Contact Us</title>
  <meta content="" name="description">
  <meta content="" name="keywords">

  <!-- Favicons -->
  <link href="image/logo_retinablack1.png" rel="icon">
  <link href="assets/img/brandingle-touch-icon.png" rel="brandingle-touch-icon">

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Jost:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
  <link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
  <link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
  <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@700&display=swap" rel="stylesheet">
  <link href="assets/vendor/aos/aos.css" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="assets/css/style1.css" rel="stylesheet">
    <link href="assets/css/contact.css" rel="stylesheet">


  <!-- =======================================================
  * Template Name: Arsha - v2.3.1
  * Template URL: https://bootstrapmade.com/arsha-free-bootstrap-html-template-corporate/
  * Author: BootstrapMade.com
  * License: https://bootstrapmade.com/license/
  ======================================================== -->
</head>

<body>

  <!-- ======= Header ======= -->

  <?php
  include"contactHeader.php";
  ?>

  
  <div class="container-fluid" style="background-image: url('image/aboutus.jpg'); background-position: center center;background-size: cover; height: 370px; padding-top: 109px;">
    <div class="container">
      <div class="row" id="about">
        <h1 style="margin-left: 43%; margin-top: 5%; font-family: Open Sans, sans-serif; color: #fff;"><b>Contact Us</b></h1>
        <h6 style="margin-left: 46%; color: orange; "><a href="index.php" style="color: #fff;">Home</a> <span class="gt3_pagination_delimiter"></span><b style="font-size: 30px;">.</b> <span class="current" style="color: #fff;">Contact Us</span></h6>
        </div>          
      </div>
    </div>
</div>      
    <!-- ======= About Us Section ======= -->
    
     
      <div class="container" data-aos="fade-up">
        <div class="section-title" >
          <h4>Testrinx</h4>
          <h1>Find the Perfect Solution for Your Business</h1>
        </div>
        
        <div class="row">
          <img src="image/contacts_01.jpg">
          
        </div>
        
      </div>
    

        
    <div class="container" data-aos="fade-up">
    <div class="row aboutContent">
      <div class="col" data-aos="fade-up" >
          <h4 style="margin-top: 100px; font-family: nunito;">Get In Touch</h4> 
          <h2>Contact Us</h2>
          <p> Testrinx software solutions is global service provider with major clientele across USA, UK, Australia, Canada, Europe, and the Middle East.</p>
          <p><b>PHONE:</b><br>‎+91 80761 32890<br>
          <b>EMAIL:</b><br>info@testrinx.com<br>
          <b>ADDRESS:</b><br>C-54, Ground Floor, Noida Sector-02</p>
          </div>
          <div class="col"  >
            <div id="aboutContent1" style="width: 90%; height: auto; margin-left: 150px;">
            
            <h1 style="font-family: nunito;">drop Us a line</h1>
            <form id="frm-mobile-verification" name="booking" method="POST" action="getInTouch.php" enctype="multipart/form-data" style="align-items: center;" >
        
         <table style="margin-left: 0px;  " >
          
          <tr >
            <td>
            
            <div class="form-group">
                    <input  type="text" name="name" class="input1" pattern="[A-Za-z]{2,15}" title="Invalid User Name" placeholder="Your Name*" required >
                </div>
                </td>
                <td>
          
                <div class="form-group">
                    <input type="text"  name="email" class="input1"   pattern="[A-Za-z]{2,15}" title="Invalid User Name" placeholder="Email*" required style="margin-left: 20px; " >
              </div>
              </td>
            </tr>
            <tr >
            <td>
            
            <div class="form-group">
                    <input  type="text" name="phone" class="input1" pattern="[A-Za-z]{2,15}" title="Invalid User Name" placeholder="Phone*" required >
                </div>
                </td>
                <td>
          
                <div class="form-group">
                    <input type="text"  name="website" class="input1"   pattern="[A-Za-z]{2,15}" title="Invalid User Name" placeholder="Website*" required style="margin-left: 20px; ">
              </div>
              </td>
            </tr>
            <tr>
            <td colspan="2">
              <textarea name="massage" class="input1" placeholder="Massage*" style="width: 420px;
              height: 100px;"  cols="40" rows="10"></textarea> 
              
            </td>   
            </tr>
            <tr>
              <td><input type="submit" name="submit" id="sub" value="SEND MASSAGE" style="height: 50px; width: 150px; border-radius: 5px; color: #fff; background-color: orange; border: none;"></td>
            </tr>
          </table>
        </form>
            
          </div>
        
        </div>

          
        </div>


      </div>
    
<div class="container">
  <div class="row">
    <div class="section-title" >
          <h4></h4>
          <h1></h1>
        </div>
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14014.011481532154!2d77.30717482581169!3d28.584687218984868!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390ce458d0000001%3A0x25bda2755336f81a!2sI3%20INFO%20SOFT!5e0!3m2!1sen!2sin!4v1618309856294!5m2!1sen!2sin" width="1200" height="300" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
  </div>
  
</div>

  <!-- ======= Footer ======= -->
  <?php
  include"footer.php";
  ?>
  <!-- End Footer -->

  <a href="#" class="back-to-top"><i class="ri-arrow-up-line"></i></a>
  <div id="preloader"></div>

  <!-- Vendor JS Files -->
  <script src="assets/vendor/jquery/jquery.min.js"></script>
  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
  <script src="assets/vendor/php-email-form/validate.js"></script>
  <script src="assets/vendor/waypoints/jquery.waypoints.min.js"></script>
  <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  <script src="assets/vendor/venobox/venobox.min.js"></script>
  <script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
  <script src="assets/vendor/aos/aos.js"></script>

  <!-- Template Main JS File -->
  <script src="assets/js/main.js"></script>

</body>

</html>