Login Page - Copy this React, Tailwind Component to your project

<!---Display-an-offline-message--->-<div-id="offlineMessage"-class="alert-alert-danger-text-center"-style="display:none;">-<strong>You-are-currently-offline.-Please-check-your-internet-connection.</strong>-</div>-<div-class="login-container-d-flex-justify-content-center-align-items-center">-<div-class="card-login-card-shadow-lg">-<div-class="logo-text-center-pt-3">-<img-src="dashboard/uploads/Dean.png"-alt="Dean-Logo">-</div>-<div-class="card-body">-<!---Display-error-message-if-exists--->-<?php-if-($error_message):-?>-<div-class="alert-alert-danger"-role="alert">-<?php-echo-$error_message;-?>-</div>-<?php-endif;-?>-<h4-class="text-center-pb-3"-style="font-size:24px;">Login</h4>-<form-method="POST"-action="">-<div-class="mb-3">-<label-for="username"-class="form-label">Username-or-Email</label>-<input-type="text"-class="form-control"-id="username"-name="username"-required>-</div>-<div-class="mb-3">-<label-for="password"-class="form-label">Password</label>-<input-type="password"-class="form-control"-id="password"-name="password"-required>-</div>-<button-type="submit"-class="btn-btn-primary-btn-block-mt-3-font-weight-bold">Login</button>-</form>-<div-class="mt-3-text-center">-<p><a-href="forgot_password.php"-class="text-primary"-style="font-size:20px;-text-decoration:-none;">Forgot-Password?</a></p>-</div>-<div-class="mt-3-text-center">-<p>Unable-to-Login?-<a-href="mailto:support@srichaitanyaschool.site"-class="text-primary"-style="font-size:16px;-text-decoration:-none;">Contact-the-Dean</a>-</p>-</div>-<div-class="current-datetime-text-center-mt-3">-<p-id="current-day"-class="mb-0"></p>-<p-id="current-time"></p>-</div>-</div>-</div>-</div>