<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Jack's Civil Engineering - Demo</title>
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <meta name="description" content="" />
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
  <!--<link rel="stylesheet" type="text/css" href="../../public/css/app.css" />  -->
  <link rel="icon" href="favicon.png">
  <meta property="og:title" content="" />
  <meta property="og:description" content="" />
  <meta property="og:image" content="" />
  <meta name="twitter:card" content="" />
  <meta name="twitter:site" content="" />
  <meta name="twitter:title" content="" />
  <meta name="twitter:description" content="" />
  <meta name="twitter:image" content="" />
  
  
    <script src="https://cdn.tailwindcss.com"></script>
    
    
  <script src="https://code.jquery.com/jquery-3.7.1.min.js" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
  
  
  <style>
     
      body {
        background-color: #89635C ;
      /* background-image: url("../../public/img/WaterMark_Web_Design_WORDING.png");
      background-repeat: no-repeat;*/
      }
      
     
      #demo101 {
          color:  #DEB14B;  /*#5E5A4F */
          
          
     }
      
      #demo103 {
          
          color: #B84BDE;
      }
      
      #demo104_verbiage {
          
          color: #FFEB96;
      }
      
      
      #demo105_watermark {
         /*  background-image: url("../../public/img/WaterMark_Web_Design.png");
      background-repeat: no-repeat;*/
        
        background-image: url("../../public/img/WaterMark_Web_Design_WORDING.png");
      background-repeat: no-repeat;
      }
  </style>
</head>
<body class="p-6 sm:h-screen sm:w-screen">

  <nav class="flex bg-teal-600 h-28 pb-4">
      <h1 id="demo101" class="pl-4 justify-center text-3xl font-bold underline ">
   Jack's Civil Engineering Tender Management System
  </h1>
      
  </nav>
  
  
  <br><br>
  
  <div  class="grid grid-rows-2 grid-flow-col gap-2">
  <div  >
      <h2  class="flex justify-center bg-teal-600 text-xl text-black" >Introduction</h2>
      <p id='demo104_verbiage'>
          This module of the MIS (Management Information System) gives authorised users, access to the tender administration database.
         
      </p>
      <br >
      <p id="demo104_verbiage"> Where relationships between tender documents, projects and other relevant stakeholders, can be managed in a wholistic manner.</p>
     
      
      <br>
      <hr>
      <br><br> 
      
      
      <div class="  flex justify-center hover:bg-violet-800 ">
          
           <button class=" hover:animate-ping rounded-full bg-black text-white w-64 h-32 "><a href="/auth_user">Authorised User</a>s</button>
      </div>
     
  </div>
   
  <div id="demo105_watermark" >
      
  </div>
  <div></div>
  <!-- ...-->
  <div  ></div> 
  <div>
      
      <iframe class=" justify text-left md:w-auto sm: w-48 h-64" width="640" height="360" src="https://www.youtube.com/embed/lGgGsIwUySU" title="All You Need To Know About Bid Submission Process For Construction Tenders" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
  </div>
 
</div>
  
  
  
  <footer class="text-white text-xl">
    <small>© <script>document.write(new Date().getFullYear())</script> <a href="https://radsoftwaresystems.com/">Powered by RAD Software Systems</a></small>
  </footer>

  
</body>
</html>