<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
</head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.3/dist/jquery.slim.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
<style>
    body{background-image:url{images/dd.png} !important;
    
        background-repeat:no-repeat !important;
        background-size:cover !important;}
    .mt5{    margin-top: 6% !important;}
 @media only screen and (max-width: 600px) {
  .mt5{    margin-top: 32% !important;}
}   
</style>
<body style="background-image: url('images/dd.png');">
<div class="container mt5" > 
	<div class="row justify-content-center align-items-center text-center p-2">
		<div class="m-1 col-sm-8 col-md-6 col-lg-4 shadow-sm p-3 mb-5 bg-white border rounded">
			<div class="pt-5 pb-5">
				<!--<img class="rounded mx-auto d-block" src="https://freelogovector.net/wp-content/uploads/logo-images-13/microsoft-cortana-logo-vector-73233.png" alt="" width=70px height=70px>-->
				<p class="text-center text-uppercase mt-3">Admin Login</p>
				<form action="loginNow.php" method="POST">
					<div class="form-group input-group-md">
						<input type="text" class="form-control" id="name" name="name" aria-describedby="emailHelp" placeholder="Enter Username">
						<!--<div class="invalid-feedback">
							 Errors in email during form validation, also add .is-invalid class to the input fields
						</div> -->
					</div>
					<div class="form-group input-group-md">
						<input type="password" class="form-control" name="password" id="password" placeholder="Password">
						<!--<div class="invalid-feedback">
							 Errors in password during form validation, also add .is-invalid class to the input fields
						</div> -->
					</div>
					<input type="submit" class="btn btn-lg btn-block btn-primary mt-4" name="login" value="Login">
					<!--<button class="btn btn-lg btn-block btn-primary mt-4" type="submit">-->
     <!--                   Login-->
     <!--          </button>-->
					<!--<a href="#" class="float-right mt-2">Forgot Password? </a>-->
				</form>
			</div>
			<!--<a href="#" class="text-center d-block mt-2">Create an account? </a>-->
		</div>
	</div>
</div></body>