<!DOCTYPE HTML>
<html>
<head>
<title>Ritesh Car Rental</title>
<link rel="stylesheet" type="text/css" href="styles/Home_styles.css">
<link rel="stylesheet" type="text/css" href="styles/UserLogin.css">
<link rel="stylesheet" type="text/css" href="styles/footer.css">
<link rel="icon" href="images/icon.png">

<meta charset="utf-8">
<meta name="viewpoint" content="width=device-width, initial-scale=1.0">

</head>
<body style="background-color:black">
<div style="background-color:orange; width:100%; height:176px; padding-bottom:20px">
<a href="index.html"><img src="images/lords.png" width = "192" height = "192" class = "logo" style="border-radius:100px; padding-top:2px; padding-left:5px" align = "left"></a>
<div style="padding-top: 1px; padding-left: 10px; padding-right:150px;">
<header>
<center><h1 class="monospace"><b>Ritesh Rent-a-Car</b></h1></center>
<p style="position:relative; text-align:right; width:111%; font-size:18px"><a href="register.html" style="text-decoration:none">REGISTER</a></p>
</header>
</div>
</div>
<ul class="menu">
   <li class="menu"><a href="index.html"><i class="home" id="nav-image"></i>Home</a></li>
   <li class="menu"><a href="about us.html"><i class="user" id="nav-image"></i>About Us</a></li>
   <li class="menu"><a href="Rates.php"><i class="inr" id="nav-image"></i>Rates</a></li>
   <li class="menu"><a href="contactUs.html"><i class="phone" id="nav-image"></i>Contact Us</a></li>
</ul>


<div class="image">
  <div class="wrapper">
	     <h1 class="sign">Sign in</h1>
		 <form action="validate_driver.php" method="post">
		      <input type="text" name="email" placeholder="Email">
			  <input type="password" name="pass" placeholder="Password">
			  <input type="submit" value="LOGIN">			  
		 </form>
	     <div class="bottom-text">
		      <input type="checkbox" name="remember" checked="checked">Remember me
		 </div>
		 
		 <div class="socials">
		      <a href="#"><i class="facebook"></i></a>
			  <a href="#"><i class="twitter"></i></a>
			  <a href="#"><i class="instagram"></i></a>
			  <a href="#"><i class="youtube"></i></a>
		 </div>
      </div>
      <div id="overlay-area"></div>
	  </div>

<footer style="background-color:#283c5f; width:100%; height:200px; padding-top:2px">
<div class="main-content">
<div class="left box1">
<h4><a href="#"></a></h4>
<h5><a href="index.html">HOME</a></h5>
<h5><a href="terms.html">TERMS AND CONDITIONS</a></h5>
<h5><a href="testimonials.html">TESTIMONIALS</a></h5>
</div>

<div class="left box2">
<h4><a href="#"></a></h4>
<h5><a href="Rates.php">RATES</a></h5>
<h5><a href="about us.html">ABOUT US</a></h5>
<h5><a href="contactUs.html">CONTACT US</a></h5>
</div>

<img src="images/lords.png" width = "170px" height = "170px" class = "logo" style="padding-top:15px; padding-left:10px; padding-right:230px" align = "center">


<div class="right box3">
<h4><font color="white">FOLLOW US</font></h4>
<div class="social">
<a href="#"><img src="images/facebook.png" alt="facebookicon"></a>
<a href="https://www.twitter.com/iriteshmishra"><img src="images/twitter.png" alt="twittericon"></a>
<a href="https://www.instagram.com/virat.kohli"><img src="images/instagram.png" alt="instagramicon"></a>
<a href="#"><img src="images/youtube.png" alt="youtubeicon"></a>
</div>
</div>
</footer>
<h5 align="center" style = "font-family:'Poppins', sans-serif"> <font color="white">Copyright 2022 © Ritesh Mishra . All Rights Reserved.</font></h5>
</body>


