

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>

</title>
 


      <style type="text/css">
                 .buttonGuest
    {
          border-style: none;
              border-color: inherit;
              border-width: medium;
              position:absolute;
              bottom:30px;
        right:45px;
              background-color: #4CAF50; /* Green */
              color: white;
              padding: 5px 32px;
              text-align: center;
              text-decoration: none;
              display: inline-block;
              font-size: 16px;
              height:40px;
              transition-duration: 0.4s;
              cursor: pointer;
              border-radius:6px;
              width: 302px;
          }
          .button
    {
          border-style: none;
              border-color: inherit;
              border-width: medium;
              position:absolute;
              bottom:80px;
        right:45px;
              background-color: #4CAF50; /* Green */
              color: white;
              padding: 5px 32px;
              text-align: center;
              text-decoration: none;
              display: inline-block;
              font-size: 16px;
              height:40px;
              transition-duration: 0.4s;
              cursor: pointer;
              border-radius:6px;
              width: 302px;
          }
   body      
    {
       
        -webkit-background-size: cover;
    -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
      
          }
          </style>
</head>
<body style="background-color:#ccc">
 

    <form method="post" action="./" id="form1">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="QNSPDv/K1ONEiyG0Ov1inta1vcSdP51tkKouFdruyK3OSAqUzeYmIZR7igHwMymsd2yyF95HDjU0As4lnT+BaKntpCK7mlyFbwgsNi2YJ/c=" />

<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="16C33495" />
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="XmTyXFL+RMaAGGb+x3gv4wXbr0Rf8PkvoqTy2OE26RvZQSVnZ/u/Y7ahTdfm/4d5VHeUMAw5knuMmLuqzuSiFIbBjK5efhXx9cMsjzIuYGrlqjHwFrOvHzuFK8IIXxUNmvDNtj3INrhiD9IRSZTSufzg2yJOf7XqXuZsequ7SMY6DKb8VZPjLsh7LELn1B+V" />
        
    <div style="margin: 0 auto; text-align: left; width: 400px;  height: 1200px;">
          <div style=" position: relative;width: 100%;height:620px;top:100px;background-color:#fff; left: 0px;border-radius:10px">
      <div style="border-top-left-radius:10px;border-top-right-radius:10px;position:absolute; width:100%; height:300px; background-image:url('Resources/topimg.jpg'); background-repeat:no-repeat;background-size:100% 100%;text-align:center; top: 0px; left: 0px;" >
          <img id="Image1" src="Resources/DENR.png" height="200" style="position:absolute;top:15px; left:94px; width: 200px;" />
           <span id="Label2" style="position:absolute;width:100%;bottom:49px; left:0px"><b><font face="Arial Narrow" size="3">DEPARTMENT OF ENVIRONMENT AND NATURAL RESOURCES</font></b></span>
         <div style="position:absolute;width:100%;left:0px;background-color:#5ccc60;bottom:0px;height:40px" ></div>
           <span id="Label1" style="position:absolute;width:100%;bottom:8px;left:0px"><b><font face="Arial Narrow" size="3">TRAVEL ORDER INFORMATION SYSTEM</font></b></span>

         

      </div>

              <input name="txtUsername" type="text" id="txtUsername" placeholder="Username" style="position:absolute;width:300px;height:30px; top:320px;left:50px;text-align:center;border-radius:5px" />
              <input name="txtPassword" type="password" id="txtPassword" placeholder="Password" style="position:absolute;width:300px;height:30px; top:380px;left:50px;text-align:center;border-radius:5px" />
      
   
              <input type="submit" name="Login" value="Login" id="Login" class="button" style="position:absolute;top:480px; right:50px" />
              
              <a id="LinkButton1" href="javascript:__doPostBack(&#39;LinkButton1&#39;,&#39;&#39;)" style="position:absolute;top:450px; right:50px"><b><font face="Arial Narrow" size="1">REGISTER</font></b></a>
             
              
           
              
        
                 
               </div>
    <div style="position:relative;bottom:-10px;text-align:center"" >
        <br />
            
                  
        <a href="http://192.168.7.176/travels" >        </a> &nbsp;&nbsp;&nbsp;&nbsp;
        <a href="http://124.105.35.0/travels" >        </a>&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="http://120.28.219.197/travels" >        </a>
    </div>
        </div>
  

      
    </form>
</body>
</html>
