<!DOCTYPE html>
<!-- contact.html -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  
  <meta name="description" content="">
  <meta name="keywords" content="">
  

  <link href="css2" rel="stylesheet">
  
  <link rel="stylesheet" href="bootstrap.min.css">
  <link rel="stylesheet" href="owl.carousel.min.css">
  <link rel="stylesheet" href="owl.theme.default.min.css">
  <link rel="stylesheet" href="jquery.fancybox.min.css">
  <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" href="flaticon.css">
  <link rel="stylesheet" href="aos.css">
  <link rel="stylesheet" href="style(1).css">

  <title>Pay Now Gh</title>
</head>
<body data-aos-easing="slide" data-aos-duration="800" data-aos-delay="0">


  <div class="site-mobile-menu site-navbar-target">
    <div class="site-mobile-menu-header">
      <div class="site-mobile-menu-close">
        <span class="icofont-close js-menu-toggle"></span>
      </div>
    </div>
    <div class="site-mobile-menu-body">
    
      </div>
  </div>
  
  <nav class="site-nav" style="background-color: #202040;">
    <div class="container">
      <div class="site-navigation">
        <a href="index.php" class="logo">Pay Now Gh</a>
        <ul class="js-clone-nav d-none d-lg-inline-block text-left site-menu">
          <li><a href="index.php">Home</a></li>
          <li class="has-children">
            <a href="#">Dropdown</a>
            <ul class="dropdown">
              <li><a href="#">Menu One</a></li>
              <li class="has-children">
                <a href="#">Menu Two</a>
                <ul class="dropdown">
                  <li><a href="#">Sub Menu One</a></li>
                  <li><a href="#">Sub Menu Two</a></li>
                  <li><a href="#">Sub Menu Three</a></li>
                </ul>
              </li>
              <li><a href="#">Menu Three</a></li>
            </ul>
          </li>
          <li><a href="pages.html">Inner Page</a></li>
          <li class="active"><a href="contact.php">Contact Us</a></li>
        </ul>

        <ul class="js-clone-nav d-none d-lg-inline-block text-left site-menu float-right menu-absolute">
          <li class="cta-button"><a href="" target="_blank">Login</a></li>
        </ul>

        <a href="#" class="burger light ml-auto float-right site-menu-toggle js-menu-toggle d-inline-block d-lg-none" data-toggle="collapse" data-target="#main-navbar">
          <span></span>
        </a>

      </div>
    </div>
  </nav>
<p>
  
  <!-- <div class="hero">

    <div class="container">
      <div class="row align-items-center justify-content-between">
        <div class="col-lg-5 intro">
          <h1 class="text-white font-weight-bold mb-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="0">Contact Us</h1>
          <p class="text-white mb-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live.</p>
          
        </div>
        
        
      </div>

      <div class="hero_img aos-init aos-animate" data-aos="fade-up" data-aos-delay="200">
        <img src="hero_img.png" alt="Image" class="img-fluid">
      </div>
    </div>

    <div class="slant" style="background-image: url(&#39;images/slant.svg&#39;);"></div>
  </div> -->


  <div class="container py-5">
    <div class="row justify-content-center">
      <div class="col-lg-6 order-lg-2 mb-5 mb-lg-0">
        <div class="section-title mb-5">
          <strong class="subtitle aos-init aos-animate" data-aos="fade-up" data-aos-delay="0">Contact Us</strong>
          <h2 class="heading aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">Let's have a talk</h2>
        </div>
        <form class="contact-form">
          <div class="row">
            <div class="col-6">
              <div class="form-group">
                <label class="text-black" for="fname">First name</label>
                <input type="text" class="form-control" id="fname">
              </div>
            </div>
            <div class="col-6">
              <div class="form-group">
                <label class="text-black" for="lname">Last name</label>
                <input type="text" class="form-control" id="lname">
              </div>
            </div>
          </div>
          <div class="form-group">
            <label class="text-black" for="email">Email address</label>
            <input type="email" class="form-control" id="email">
          </div>
          
          <div class="form-group">
            <label class="text-black" for="message">Message</label>
            <textarea name="" class="form-control" id="message" cols="30" rows="5"></textarea>
          </div>
          
          <button type="submit" class="btn btn-primary">Send Message</button>
        </form>
      </div>
    </div>
  </div>


  <div class="site-footer">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-lg-4">
          <div class="widget">
            <h3>About</h3>
            <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live.</p>
          </div>
          <div class="widget">
            <h3>Connect with us</h3>
            <ul class="social list-unstyled">
              <li><a href="contact.html#"><span class="icon-facebook"></span></a></li>
              <li><a href="contact.html#"><span class="icon-twitter"></span></a></li>
              <li><a href="contact.html#"><span class="icon-instagram"></span></a></li>
              <li><a href="contact.html#"><span class="icon-dribbble"></span></a></li>
              <li><a href="contact.html#"><span class="icon-linkedin"></span></a></li>
            </ul>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="row">
            <div class="col-12">
              <div class="widget">
                <h3>Navigations</h3>
              </div>
            </div>
            <div class="col-6 col-sm-6 col-md-4">
              <div class="widget">
                <ul class="links list-unstyled">
                  <li><a href="contact.html#">Home</a></li>
                  <li><a href="contact.html#">Services</a></li>
                  <li><a href="contact.html#">Work</a></li>
                  <li><a href="contact.html#">Process</a></li>
                  <li><a href="contact.html#">About Us</a></li>
                </ul>
              </div>
            </div>
            <div class="col-6 col-sm-6 col-md-4">
              <div class="widget">
                <ul class="links list-unstyled">
                  <li><a href="contact.html#">Press</a></li>
                  <li><a href="contact.html#">Blog</a></li>
                  <li><a href="contact.html#">Contact</a></li>
                  <li><a href="contact.html#">Support</a></li>
                  <li><a href="contact.html#">Privacy</a></li>
                </ul>
              </div>
            </div>
            <div class="col-6 col-sm-6 col-md-4">
              <div class="widget">
                <ul class="links list-unstyled">
                  <li><a href="contact.html#">Privacy</a></li>
                  <li><a href="contact.html#">FAQ</a></li>
                  <li><a href="contact.html#">Careers</a></li>
                  <li><a href="contact.html#">Process</a></li>
                  <li><a href="contact.html#">About Us</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="row justify-content-center text-center copyright">
        <div class="col-md-8">
          <p>
            <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
            Copyright ©<script type="text/javascript" async="" src="analytics.js"></script><script>document.write(new Date().getFullYear());</script> All rights reserved |  by <a href="" target="_blank">Tekpulse Consult Ltd</a>
            <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
          </div>
        </div>
      </div>
    </div>
    

    <div id="overlayer" style="display: none;"></div>
    <div class="loader" style="display: none;">
      <div class="spinner-border" role="status">
        <span class="sr-only">Loading...</span>
      </div>
    </div>
    
    <script src="jquery-3.4.1.min.js"></script>
    <script src="popper.min.js"></script>
    <script src="bootstrap.min.js"></script>
    <script src="owl.carousel.min.js"></script>
    <script src="aos.js.download"></script>
    <script src="jquery.animateNumber.min.js"></script>
    <script src="jquery.waypoints.min.js"></script>
    <script src="jquery.fancybox.min.js"></script>
    <script src="aos.js"></script>
    <script src="custom.js"></script>

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async="" src="js"></script>
    <script>
       window.dataLayer = window.dataLayer || [];
       function gtag(){dataLayer.push(arguments);}
       gtag('js', new Date());

       gtag('config', 'UA-23581568-13');
    </script>



  </body></html>