rioyusuf
/
html_daycare


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
							<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>D'Care - Login</title>
	<!-- Main CSS -->
	<link rel="stylesheet" href="css/main-css.css">
	<!-- Bootstrap CSS -->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
	<!-- Font Awesome CSS -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
	<!-- Font Material Icon CSS -->
	<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
	<!-- Meterial IO CSS -->
	<link href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css" rel="stylesheet">
	<!-- Main Js -->
	<script src="js/main-js.js" type="text/javascript"></script>
	<!-- JS Material IO -->
	<script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script>
</head>
<body>
	<div class="container-fluid">
		<div class="row">
			<section id="logo">
		    	<img src="assets/img/logo-dcare.png" class="rounded mx-auto d-block" alt="daycare" width="338px" height="182px">
		    </section>
		</div>
	    
	    <div class="row">
	    	<section id="login-form">
	    		<div class="col-md-4 col-sm-12 p-5 mx-auto" style="padding-top: 100px !important;">
	    			<div class="mx-auto" id="login-welcome">
	    				<h1>Welcome</h1>
	    				<span>Please Login First</span>
	    			</div>
	    			<div class="bg-white p-5" id="login-box">
		    			<form>
							<div class="form-group">
								<!-- <label for="validationCustomUsername">Username</label> -->
								<div class="input-group">
									<div class="input-group-prepend">
										<span class="input-group-text" id="inputGroupPrepend"><i class="fas fa-user"></i></span>
									</div>
									<input type="text" class="form-control" id="validationCustomUsername" placeholder="Username" aria-describedby="inputGroupPrepend" required>
									<div class="invalid-feedback">
										Please choose a username.
									</div>
								</div>
							</div>
							<div class="form-group">
								<div class="input-group">
									<div class="input-group-prepend">
										<span class="input-group-text" id="inputGroupPrepend"><i class="fas fa-lock"></i></i></span>
									</div>
									<input type="password" class="form-control" id="validationCustomPassword" placeholder="Password" aria-describedby="inputGroupPrepend" required>
									<div class="invalid-feedback">
										Please choose a password.
									</div>
								</div>
							</div>
							<div class="form-group">
								<div class="row">
									<div class="col-sm-7 text-left">
										<a href="#" class="p-0 m-0 forgot-password">forgot password?</a>
									</div>
									<div class="col-sm-5 text-right">
										<a href="dashboard.html" class="btn btn-blue-soft-light">Log in</a>
										<!-- <button type="submit" class="btn btn-blue-soft-light">Log in</button> -->
									</div>
								</div>
							</div>
						</form>
					</div>
	    		</div>
		    </section>
	    </div>  
	</div>
	<!-- JS Bootstrap -->
	<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>


</body>
</html>