<!DOCTYPE html>
<html lang="en" class="wide wow-animation smoothscroll scrollTo">
  <head>
    <title>Home | e-Bus Pass</title>
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="keywords" content="intense web design multipurpose template">
    <meta name="date" content="Aug 9">
    <link rel="icon" href="images/DTC1.png" type="image/x-icon">
	<!-- <script src="js/script.js"></script> -->
	<link rel="stylesheet" href="js/bXlTdHlsZXM=.css">
</head>
<body>
    <div class="page text-center">
      <header class="page-head header-panel-absolute">
        <div class="rd-navbar-wrap" style="height:241px">
          <nav data-md-device-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-static" data-stick-up-offset="210" data-xl-stick-up-offset="85" class="rd-navbar rd-navbar-default rd-navbar-static" data-lg-auto-height="true" data-auto-height="false" data-md-layout="rd-navbar-static" data-lg-layout="rd-navbar-static" data-lg-stick-up="true">
            <div class="rd-navbar-inner">
              <div class="rd-navbar-panel">
             <h4 class="panel-title veil-md">e- Bus Pass</h4>
             </div>
              <div class="rd-navbar-menu-wrap clearfix" style="background-color:#07234b;">
                <div class="rd-navbar-brand"><a href="https://dtcpass.delhi.gov.in/home.jsp" class="reveal-inline-block">
                    <div class="unit unit-xs-middle unit-xl unit-xl-horizontal unit-spacing-xxs"><br/>
                      <div class="unit-left"><img style="width:127px; height:97px;" src='images/DTC1.png' alt=''/></div>
                      <div class="unit-body text-xl-left">
                        <div class="rd-navbar-brand-title">Delhi Transport Corporation</div>
                      </div>
                    </div></a>
                </div>
              </div>
            </div>
          </nav>
        </div>
      </header>
      <main class="page-content" style="background-color:#d9eeef;">
		<section class="section-10 section-md-14"  >
			<div class="shell">
	    		<div class="range range-xs-center">
	       			<div class="cell-xs-20 cell-md-12 offset-top-10 offset-md-top-0 text-left">
	                	<div class="inset-md-left-40">
	                		<div class="offset-top-30">
	                		
	                			
	                			<div class="quick">
	                    			<hr class="divider bg-madison hr-sm-left-0">
	                    			<div id="image">
				    					<table class="table table-bordered" style="width:100%;border:10px;" background="images/Dtc.jpeg">
				    						<tr>
												<td class="text-center" colspan="4">
													<h5 class="text-center" style="color:#01a2a6;"><u>DTC And Cluster Bus Pass</u></h5>
												</td>
											</tr>
										 	 
				    						<tr>
				    						
												<td class="text-center" colspan="4" >
													<img src="images/user.png" height="250px" width="250px" style="opacity: 65%;"/><br>
													<label style="font-size:20px;"><b>SUJAL JAIN</b></label><br>
											
															<label style="font-size:20px;"><b>Student Special All route AC/Non AC</b></label><br>
								
													<label  style="font-size:25px;color:black;"><b>Bus Pass No.  </b><b id="blink">7504122367342</b></label><br>
													<script type="text/javascript">
												      var blink = document.getElementById('blink');
												      setInterval(function() {
												        blink.style.opacity = (blink.style.opacity == 0 ? 2 : 0);
												      }, 1000);
												    </script>
													<label style="font-size:20px;color:red;"><b>Valid from 7/12/2024 to 6/4/2025</b></label>
												</td>
											</tr>
											<tr>
												<td colspan="2">
													<img src="images/sign.png" height="80px" width="80px" />
												</td>
												<td align="center" class="text-center" style="width:50%;margin:auto;padding:1em;" colspan="2">
													<img src="images/check.png" height="65px" width="65px" />
												</td>
											</tr>
											
						
										</table>
									</div>
								</div>
								
							
							
							<br/><br/>
	         		 	</div>
	         		</div>
	         	</div>
	         </div>
	        </div>
	     </section> <br/>       
      </main>
      <footer class="section-50 page-footer bg-catskill" style="background-color:#01a2a6;">
        <div class="shell">
          <div class="range range-xs-center range-sm-middle text-md-left">
            <div class="cell-xs-10 cell-md-4 text-md-right offset-top-20 offset-md-top-0" >
              <p class="barnd-name text-ubold" style="color:black;"> <b>Copyright &copy;  - Delhi e-Governance Society</b>&nbsp;<span id="copyright-year">2024</span></p>
            </div>
          </div>
        </div>
      </footer>
    </div>
  </body>
</html>