<?php
  

  //PAGE LOCATION VARIABLES
  $plv_home="";
  $plv_products=" active ";
  $plv_miscellaneous_goods="";
  $plv_blog="";
  $plv_about="";
  $plv_contact="";

?>


<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Tech Products - Provama</title>
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <meta content="Product value making, Provama, Prof Stanley Chindikani Msiska" name="keywords">
  <meta content="Product value making. Established in 2020 by Prof Stanley Chindikani Msiska. Provama is an innovation, product and service development and delivery company that deals with creation of value to wide range of natural, agricultural, food, chemical and biological products; converting them into products of higher value." name="description">

  <!-- Favicons -->
  <link href="img/provama_logo.png" rel="icon">

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700|Raleway:300,400,400i,500,500i,700,800,900" rel="stylesheet">

  <!-- Bootstrap CSS File -->
  <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="lib/bootstrap/css/custom_bootstrap.css" rel="stylesheet">

  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen">

  <!-- Libraries CSS Files -->
  <link href="lib/nivo-slider/css/nivo-slider.css" rel="stylesheet">
  <link href="lib/owlcarousel/owl.carousel.css" rel="stylesheet">
  <link href="lib/owlcarousel/owl.transitions.css" rel="stylesheet">
  <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <link href="lib/animate/animate.min.css" rel="stylesheet">
  <link href="lib/venobox/venobox.css" rel="stylesheet">

  <!-- Nivo Slider Theme -->
  <link href="css/nivo-slider-theme.css" rel="stylesheet">

  <!-- Main Stylesheet File -->
  <link href="css/style.css" rel="stylesheet">
  <link href="lib/datatables/dataTables.bootstrap4.min.css" rel="stylesheet">

  <!-- Responsive Stylesheet File -->
  <link href="css/responsive.css" rel="stylesheet">

  <!-- =======================================================
    Theme Name: eBusiness
    Theme URL: https://bootstrapmade.com/ebusiness-bootstrap-corporate-template/
    Author: BootstrapMade.com
    License: https://bootstrapmade.com/license/
  ======================================================= -->
</head>

<body data-spy="scroll" data-target="#navbar-example">

  <div id="preloader"></div>

  <?php include("main_header.php"); ?>
  <!-- Start Bottom Header -->
  <div class="header-bg page-area">
    <div class="home-overly"></div>
    <div class="container">
      <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
          <div class="slider-content text-center">
            <div class="header-bottom">
              <div class="layer2 wow zoomIn" data-wow-duration="1s" data-wow-delay=".4s">
                <h1 class="title2">Tech products</h1>
              </div>
              <!--div class="layer3 wow zoomInUp" data-wow-duration="2s" data-wow-delay="1s">
                <h2 class="title3">Know more about us</h2>
              </div-->
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="container py-5">
      <div class="row">
          <div class="col-lg-12">
              <div style="max-width: 800px;" class="mx-auto" id="products_container">
                  
              </div>
          </div>
      </div>
  </div>
  

  <?php include("main_footer.php"); ?>

  <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>

  <!-- JavaScript Libraries -->
  <script src="lib/jquery/jquery.min.js"></script>
  <script src="lib/bootstrap/js/bootstrap.min.js"></script>
  <script src="lib/owlcarousel/owl.carousel.min.js"></script>
  <script src="lib/venobox/venobox.min.js"></script>
  <script src="lib/knob/jquery.knob.js"></script>
  <script src="lib/wow/wow.min.js"></script>
  <script src="lib/parallax/parallax.js"></script>
  <script src="lib/easing/easing.min.js"></script>
  <script src="lib/nivo-slider/js/jquery.nivo.slider.js" type="text/javascript"></script>
  <script src="lib/appear/jquery.appear.js"></script>
  <script src="lib/isotope/isotope.pkgd.min.js"></script>
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD8HeI8o-c1NppZA-92oYlXakhDPYR7XMY"></script>

  <!-- Contact Form JavaScript File -->
  <script src="contactform/contactform.js"></script>
  <script src="lib/datatables/jquery.dataTables.min.js"></script>
    <script src="lib/datatables/dataTables.bootstrap4.min.js"></script>

  <script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js?<?php echo date("Y-m-d").time() ?>"></script>

  <script src="js/main.js"></script>
  <script src="js/universal.js?<?php echo date("Y-m-d").time() ?>"></script> 
  <script src="js/js.js?<?php echo date("Y-m-d").time() ?>"></script> 
  <script type="text/javascript">
  $(document).ready(function () {
    var table = $('#food_products_table').DataTable({
      columnDefs: [
        {bSortable: false, targets: [0]} 
      ]
    });
    tech_product_list_view()
  })
</script>
</body>

</html>
