Hari_Circular/target/classes/templates/modules/Circular/H_Code.html

<!DOCTYPE html>
<html lang="en" dir="">
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{fragments/modules/base/head :: head}"></head>

<body>

<div class="wrapper"> 
			<!-- header top menu Start -->
			 <header th:replace="~{fragments/modules/base/header :: header}"></header>
			<!-- header top menu end -->

            <div class="page-wrap">
				<!--=============== Left Menu side Start ===================-->
				<div th:replace="~{fragments/modules/base/menu :: menu}"></div>
	<section class="vh-100 gradient-custom">
		<div class="container py-5 h-100">
			<div class="row justify-content-center align-items-center h-100">
				<div class="col-12 col-lg-9 col-xl-7">
					<div class="card shadow-2-strong card-registration"
						style="border-radius: 15px;">
						<div class="card-body p-4 p-md-5">
							<h3 class="mb-4 pb-2 pb-md-0 mb-md-5">Circular - New</h3>
							<hr>
							<form class="reduce-margin">
<br>
								<div class="row">
									<div class="form-group">
										<h6 class="mb-2 pb-1">
											Document Category :

											<div class="form-check form-check-inline">
												<input class="form-check-input" type="radio"
													name="documentcategory" id="common" value="option1" /> <label
													class="form-check-label" for="common">Common</label>
											</div>

											<div class="form-check form-check-inline">
												<input class="form-check-input" type="radio"
													name="documentcategory" id="flood" value="option2" /> <label
													class="form-check-label" for="flood">Flood</label>
											</div>

										</h6>
									</div>
								</div>
<br>
								<div class="row">
									<div class="form-group">
										<h6 class="mb-2 pb-1">
											Type :

											<div class="form-check form-check-inline">
												<input class="form-check-input" type="radio" name="type"
													id="circular" value="option1" /> <label
													class="form-check-label" for="circular">Circular</label>
											</div>

											<div class="form-check form-check-inline">
												<input class="form-check-input" type="radio" name="type"
													id="minutes" value="option2" /> <label
													class="form-check-label" for="minutes">Minutes</label>
											</div>

											<div class="form-check form-check-inline">
												<input class="form-check-input" type="radio" name="type"
													id="regularreport" value="option3" /> <label
													class="form-check-label" for="regularreport">Regular
													Report</label>
											</div>

											<div class="form-check form-check-inline">
												<input class="form-check-input" type="radio" name="type"
													id="rainfallreport" value="option4" /> <label
													class="form-check-label" for="rainfallreport">Rainfall
													Report</label>
											</div>

										</h6>
									</div>
								</div>

								<div class="row">
									<div class="col-md-6 mb-4">

										<div class="form-group">
											<label class="form-label" for="firstName">From
												Department :</label> <select class="form-control"
												id="exampleFormControlSelect1">
												<option>1</option>
												<option>2</option>
												<option>3</option>
												<option>4</option>
												<option>5</option>
											</select>
										</div>

									</div>

									<div class="col-md-6 mb-4">

										<div class="form-group">
											<label class="form-label" for="lastName">Date :</label> <input
												type="date" class="form-control" id="date" name="date"
												required>
										</div>

									</div>
								</div>

								<div class="row">
									<div class="col-md-6 mb-4 pb-2">

										<div class="form-group">
											<h6 class="mb-2 pb-1">
												SMS :

												<div class="form-check form-check-inline">
													<input class="form-check-input" type="radio" name="sms"
														id="send" value="option1" /> <label
														class="form-check-label" for="send">Send</label>
												</div>

												<div class="form-check form-check-inline">
													<input class="form-check-input" type="radio" name="sms"
														id="notsend" value="option2" /> <label
														class="form-check-label" for="notsend">Not Send</label>
												</div>

											</h6>
										</div>
									</div>
								</div>

								<div class="form-group">
									<label class="form-label" for="textarea1">SMS Subject :</label>
									<textarea class="form-control" id="textarea1" rows="1"></textarea>
								</div>

								<div class="form-group">
									<label for="textarea2">Subject :</label>
									<textarea class="form-control" id="textarea2" rows="1"></textarea>
								</div>

								<div class="form-group">
									<label for="file" class="col-form-label">Select File :</label>
									<div class="custom-file">
										<input type="file" class="custom-file-input" id="file"
											name="file" required> <label
											class="custom-file-label" for="file">Choose file</label>
									</div>
								</div>

								<div class="mt-4 pt-2">
									<input class="btn btn-primary btn-lg" type="submit"
										value="Submit" />
								</div>

							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	</div>
	</div>

	<!-- Optional JavaScript -->
	<!-- jQuery first, then Popper.js, then Bootstrap JS -->
	<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
		integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
		crossorigin="anonymous"></script>
	<script
		src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"
		integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
		crossorigin="anonymous"></script>
	<script
		src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
		integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
		crossorigin="anonymous"></script>
</body>

</html>