<?php
session_start();
$userID=$_SESSION["userID"];
if(empty($userID)){
  $error="You have no permission";
  header("location:login.php");
}

?>
<!DOCTYPE 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 style="background-color: #202040; height: 50px;"> -->
    <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">
        <?php if(($userID !="")){echo "<li class='active'><a href='dash.php'>Dash</a></li>";}
    else {echo "<li class='active'><a href='index.php'>Home</a></li>";}?> 
          <li class="has-children">
            <a href="">Services</a>
            <ul class="dropdown">
              <li><a href="">Births & Deaths</a></li>
              <li class="has-children">
                <a href="">Property Rate</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="">Daily tolls</a></li>
            </ul>
          </li>
          <li><a href="pages.html">Inner Page</a></li>
          <li><a href="contact.html">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="logout.php" target="_blank">Logout</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>
    <!-- </div> -->
  </nav>

  
  <!-- <div class="" style="bgcolor:#202040; padding:10px;"> -->

   

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


<p>

  <div class="features-section">
    <div class="container">

      <div class="row justify-content-center text-center">
        <div class="section-title col-lg-7 aos-init" data-aos="fade-up" data-aos-delay="0">
          <!-- <strong class="subtitle d-block">Awesome Features</strong> -->
          <h2 class="heading font-weight-bold">Our Services</h2>
          <p class="description text-grey">Click on a service to pay view or add </p>
        </div>
      </div>
      <div class="row gutter-v1">
        <div class="text-center text-md-left col-md-6 col-lg-4 aos-init" data-aos="fade-up" data-aos-delay="0">
          <div class="feature">
            <div class="img-wrap">
            <a href="birth_death.php">  <img src="002-coins.svg" alt="Image" class="img-fluid"></a>
            </div>
            <h3>Births & Deaths</h3>
            <p>Manage your invoces from creation to payment. With Upflow you'll collect 100% of.</p>
          </div>
        </div>
        <div class="text-center text-md-left col-md-6 col-lg-4 aos-init" data-aos="fade-up" data-aos-delay="100">
        
        <div class="feature">
            <div class="img-wrap">
            <a href="prop_rate.php?service=Property Rate">   <img src="001-stats.svg" alt="Image" class="img-fluid"></a>
            </div>
            <h3>Property Rates</h3>
            <p>Add new property,View details or Pay property rate for the year.</p>
          </div>
        
        </div>
        <div class="text-center text-md-left col-md-6 col-lg-4 aos-init" data-aos="fade-up" data-aos-delay="200">
          <div class="feature">
            <div class="img-wrap">
            <a href="payments.php?service=Property Rate">   <img src="006-garage.svg" alt="Image" class="img-fluid"></a>
            </div>
            <h3>Parking Permits</h3>
            <p>Manage your invoces from creation to payment. With Upflow you'll collect 100% of.</p>
          </div>
        </div>


        <div class="text-center text-md-left col-md-6 col-lg-4 aos-init" data-aos="fade-up" data-aos-delay="0">
          <div class="feature">
            <div class="img-wrap">
            <a href="prop_rate.php?service=Property Rate">   <img src="004-notebook.svg" alt="Image" class="img-fluid"></a>
            </div>
            <h3>Building & Construction Permits</h3>
            <p>Manage your invoces from creation to payment. With Upflow you'll collect 100% of.</p>
          </div>
        </div>
        <div class="text-center text-md-left col-md-6 col-lg-4 aos-init" data-aos="fade-up" data-aos-delay="100">
          <div class="feature">
            <div class="img-wrap">
            <a href="prop_rate.php?service=Property Rate">    <img src="003-gold-ingots.svg" alt="Image" class="img-fluid"></a>
            </div>
            <h3>Trade License</h3>
            <p>Manage your invoces from creation to payment. With Upflow you'll collect 100% of.</p>
          </div>
        </div>
        <div class="text-center text-md-left col-md-6 col-lg-4 aos-init" data-aos="fade-up" data-aos-delay="200">
          <div class="feature">
            <div class="img-wrap">
            <a href="prop_rate.php?service=Property Rate">  <img src="005-brochure.svg" alt="Image" class="img-fluid"></a>
            </div>
            <h3>Advertising Permit</h3>
            <p>Manage your invoices from creation to payment. With Upflow you'll collect 100% of.</p>
          </div>
        </div>

      </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=""><span class="icon-facebook"></span></a></li>
              <li><a href=""><span class="icon-twitter"></span></a></li>
              <li><a href=""><span class="icon-instagram"></span></a></li>
              <li><a href=""><span class="icon-dribbble"></span></a></li>
              <li><a href=""><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="">Home</a></li>
                  <li><a href="">Services</a></li>
                  <li><a href="">Work</a></li>
                  <li><a href="">Process</a></li>
                  <li><a href="">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="">Press</a></li>
                  <li><a href="">Blog</a></li>
                  <li><a href="">Contact</a></li>
                  <li><a href="">Support</a></li>
                  <li><a href="">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="">Privacy</a></li>
                  <li><a href="">FAQ</a></li>
                  <li><a href="">Careers</a></li>
                  <li><a href="">Process</a></li>
                  <li><a href="">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>2025 All rights reserved | Tekpulse Consult Ltd by <a href="" target="_blank">Tekpulse</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>