<!DOCKTYPE html>
<html>
<head>
  <title>Contact Us</title>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	
<style>
.footer {
    color: white;
    background-color: black;
    margin-left: 0px;
    text-align: center;
    position:fixed;
    bottom: 0;
    height: 50px;
    width: 100%;
    }
     .container {
  	  width:100%;
      padding: 16px;
      margin-top:200px;
      opacity: 0.5;
      background-color:#ffffff;
      
  }
  
  .container1 {
  	  width:100%;
      padding: 1px;
      margin-top:100px;
      
      background-color:#ffffff;
      
  }
  .container2 {
  	  width:100%;
      padding: 1px;
      margin-top:20px;
      
      background-color:#ffffff;
      
  }
  
</style>

<!--<script>
function login() {
	alert("Please login to book your cab");
}
</script>-->
<body style="overflow-x:hidden;background-size:100% 100%;background-repeat: no-repeat;bottom: 0;background-attachment: fixed;" background="images/contact.jpg">

<div>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" style="padding: 0px margin:0px">
<div class="main" >
<div class="col-sm-6" >
<h1 align="left" style="margin-left:10px;" ><font color="white" size="15">   ABHI CAB</font>
  	<img src="images/logo.png" alt="google.com" width="100" height="50" align="left" style="margin-left:10px;">
  	</h1>
  	</div>
  	<div class="col-sm-6" style="margin-top:40px;">
    <ul class="nav navbar-nav navbar-right" style="margin-right:10px;">
    
      <li >
        <a href="index.php"> Home   <span class="glyphicon glyphicon-home"></span></a>
      </li>

        

      <!--<li onclick="login()"><a>Book Now  <span class="glyphicon glyphicon-shopping-cart"></span></a></li>-->
      <li><a href="about_us.php">About Us</a></li>
      <li class="active"><a href="contact.php">Contact Us <span class="glyphicon glyphicon-earphone"></span></a></li>
	  <!--<li><a href="logout.php">Log Out <span class="glyphicon glyphicon-earphone"></span></a></li>-->
	</ul>
	</div>
  </div>
</nav>
</div>

<div class="col-sm-7"></div>
<div class="col-sm-4">
	<div class="container" id="contact">
		<h2 align="center">CONTACT US</h2>
		<hr>
		<div class="col-sm-5">
      		<img src="images/whatsapp.jpeg" width="30%" style="margin-left:85px">
		</div>
		<div class="col-sm-7">
			<p><font text-align="center" size="4">9405183208</font></p>
		</div>
		
		<div class="container1">
			<p align="center"><font  size="4">Call Us @ 8208381441</font></p>
		</div>
		
		<div class="container2">
			<p align="center"><font  size="4">Mail @ krushnap@cse.iitb.ac.in</font></p>
		</div>
	</div>
</div>
<div class="col-sm-1"></div>



<!-- Footer -->
  <footer class="footer">
    <h5>Copyright &copy; 2019 AbhiCab.com</h5>
  </footer>



</div>
</body>
</html>
