swm_facilities_services_v1/src/main/resources/templates/login.html

<!DOCTYPE html>
<html lang="en" dir="">
<html xmlns:th="http://www.thymeleaf.org">

<head th:replace="~{fragments/modules/base/head :: head}"></head>

<body>
	<!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

	<div class="auth-wrapper">
		<div class="container-fluid h-100">
			<div class="row flex-row h-100 bg-white">
				<div class="col-xl-8 col-lg-6 col-md-5 p-0 d-md-block d-lg-block d-sm-none d-none">
					<div class="lavalite-bg" style="background-image: url('images/login-bg.jpg')">
						<div class="lavalite-overlay"></div>
					</div>
				</div>
				<div class="col-xl-4 col-lg-6 col-md-7 my-auto p-0">
					<div class="authentication-form mx-auto text-center">
						<div class="logo-centered">
							<a href="/swm"><img src="images/logo.png" alt="Greater Chennai Corporation"
									class="header-brand-img" width="100%"></a>
						</div>
						<h3>Greater Chennai Corporation</h3>
						<p>Happy to see you again!</p>
						<div th:if="${param.error}">
							<p style="color: red;">Invalid credentials.</p>
						</div>
						<form th:action="@{/swm/login}" method="post">
							<div class="form-group">
								<input type="text" class="form-control" id="username" name="username"
									placeholder="Username" required="" value="">
								<i class="ik ik-user"></i>
							</div>
							<div class="form-group">
								<input type="password" class="form-control" id="password" name="password"
									placeholder="Password" required="" value="">
								<i class="ik ik-lock"></i>
							</div>
							<div class="row">
								<div class="col text-left">
									<label class="custom-control custom-checkbox">
										<input type="checkbox" class="custom-control-input" id="item_checkbox"
											name="item_checkbox" value="option1">
										<span class="custom-control-label">&nbsp;Remember Me</span>
									</label>
								</div>
								<div class="col text-right">
									<a href="#">Forgot Password ?</a>
								</div>
							</div>
							<div class="sign-btn text-center">
								<button class="btn btn-theme">Sign In</button>
							</div>
						</form>
						<div class="register">
							<p>Don't have an account? <a href="#">Create an account</a></p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<script th:replace="~{fragments/modules/base/script :: script}"></script>
</body>

</html>