kanimozhi
1 year ago
2 changed files with 351 additions and 0 deletions
-
7src/main/java/com/dumpregistration/controller/MainController.java
-
344src/main/resources/templates/modules/dumpwastecollector/termsandconditions.html
@ -0,0 +1,344 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html xmlns:th="http://www.thymeleaf.org"> |
||||
|
|
||||
|
<head> |
||||
|
<meta charset="UTF-8"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
|
|
||||
|
<title>GCC - C&D Waste Collectors</title> |
||||
|
<!-- Links to Bootstrap CSS and JS, jQuery, and SweetAlert --> |
||||
|
<!-- Bootstrap CSS --> |
||||
|
<link |
||||
|
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" |
||||
|
rel="stylesheet"> |
||||
|
|
||||
|
|
||||
|
<style> |
||||
|
.form-check { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin-bottom: 10px; |
||||
|
} |
||||
|
|
||||
|
.form-check-input { |
||||
|
transform: scale(1.5); |
||||
|
} |
||||
|
|
||||
|
/*checkbox style*/ |
||||
|
label { |
||||
|
color: black; |
||||
|
} |
||||
|
|
||||
|
/* Header Styling */ |
||||
|
.header { |
||||
|
background-color: #1d495a; |
||||
|
padding: 10px 20px; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: space-between; |
||||
|
color: white; |
||||
|
font-family: Arial, sans-serif; |
||||
|
/* position: fixed ; |
||||
|
top: 0; |
||||
|
width: 100%; |
||||
|
z-index: 1000; */ |
||||
|
} |
||||
|
|
||||
|
.header .logo { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
} |
||||
|
|
||||
|
.header .logo img { |
||||
|
height: 60px; |
||||
|
} |
||||
|
|
||||
|
.header .center-text { |
||||
|
position: absolute; /* Centered text */ |
||||
|
left: 50%; |
||||
|
transform: translateX(-50%); |
||||
|
text-align: center; |
||||
|
font-size: 24px; |
||||
|
} |
||||
|
|
||||
|
.header .menu-btn { |
||||
|
background-color: transparent; |
||||
|
border: none; |
||||
|
font-size: 24px; |
||||
|
color: white; |
||||
|
} |
||||
|
|
||||
|
.header .menu-btn:hover { |
||||
|
/* text-decoration: underline; */ |
||||
|
color: #ccc; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
/* Menu Dropdown */ |
||||
|
.menu-dropdown { |
||||
|
position: relative; |
||||
|
margin-top: 10px; |
||||
|
background-color: #1d495a; |
||||
|
padding: 10px 20px; |
||||
|
display: none; |
||||
|
flex-direction: column; |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
.menu-dropdown a { |
||||
|
color: white; |
||||
|
margin-bottom: 5px; |
||||
|
text-decoration: none; |
||||
|
} |
||||
|
|
||||
|
.menu-dropdown a:hover { |
||||
|
text-decoration: underline; |
||||
|
} |
||||
|
|
||||
|
.menu-dropdown { |
||||
|
right: 0; |
||||
|
left: 0; |
||||
|
z-index: 1000; /* Add z-index to bring the menu above other elements */ |
||||
|
} |
||||
|
|
||||
|
/* Mobile Specific Styling */ |
||||
|
@media ( max-width : 768px) { |
||||
|
.header { |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.center-text { |
||||
|
font-size: 18px !important; |
||||
|
flex-grow: 1; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.menu-dropdown { |
||||
|
right: 0; |
||||
|
left: 0; |
||||
|
z-index: 1000; |
||||
|
/* Add z-index to bring the menu above other elements */ |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* Ensure content is not hidden behind the fixed navbar */ |
||||
|
body { |
||||
|
margin: 0; |
||||
|
/* margin-top: 90px; Adjust based on your header height */ |
||||
|
} |
||||
|
|
||||
|
.req { |
||||
|
color: red; |
||||
|
} |
||||
|
|
||||
|
/* otp*/ |
||||
|
.otp-input-box { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
gap: 10px; |
||||
|
/* Adjust spacing between the inputs */ |
||||
|
} |
||||
|
|
||||
|
.otp-input { |
||||
|
width: 50px; |
||||
|
/* Width for a square input */ |
||||
|
height: 50px; |
||||
|
/* Height for a square input */ |
||||
|
font-size: 24px; |
||||
|
/* Make the digits larger */ |
||||
|
text-align: center; |
||||
|
/* Center the digit inside the box */ |
||||
|
border: 1px solid #ccc; |
||||
|
/* Optional: add a border */ |
||||
|
border-radius: 5px; |
||||
|
/* Optional: rounded corners */ |
||||
|
outline: none; |
||||
|
/* Remove default focus outline */ |
||||
|
transition: border-color 0.3s ease; |
||||
|
} |
||||
|
|
||||
|
.otp-input:focus { |
||||
|
border-color: #007bff; |
||||
|
/* Change border color on focus */ |
||||
|
} |
||||
|
|
||||
|
/* otp*/ |
||||
|
|
||||
|
/*send otp styles*/ |
||||
|
.input-group .form-control { |
||||
|
border-right: 0; |
||||
|
/* Remove right border of the input to blend with the button */ |
||||
|
} |
||||
|
|
||||
|
.input-group-append .btn { |
||||
|
border-left: 0; |
||||
|
/* Remove left border of the button */ |
||||
|
} |
||||
|
|
||||
|
.bottom-container { |
||||
|
margin-bottom: 50px; /* Adjust as needed */ |
||||
|
} |
||||
|
|
||||
|
#wastequantity, #dumplocation, #wastetype, #vehiclestype { |
||||
|
width: 80%; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
</style> |
||||
|
</head> |
||||
|
|
||||
|
<body style="background-color: #ebf1fa;"> |
||||
|
|
||||
|
|
||||
|
<!-- Header Start--> |
||||
|
<header> |
||||
|
<div class="header d-flex justify-content-between align-items-center"> |
||||
|
<!-- Left: Logo --> |
||||
|
<div class="logo"> |
||||
|
<img src="https://gccservices.in/gcc/assets/images/logo.png" |
||||
|
alt="Logo"> |
||||
|
</div> |
||||
|
|
||||
|
<!-- Center: Text --> |
||||
|
<div class="center-text">GREATER CHENNAI CORPORATION</div> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<!-- Dropdown Menu --> |
||||
|
<div class="menu-dropdown" id="menuDropdown"> |
||||
|
<a href="https://chennaicorporation.gov.in/gcc/" target="_blank">Home</a> |
||||
|
<a href="https://chennaicorporation.gov.in/gcc/about-GCC/" |
||||
|
target="_blank">About GCC</a> <a |
||||
|
href="https://chennaicorporation.gov.in/gcc/who-is-who/index_data.jsp" |
||||
|
target="_blank">Who's Who</a> <a |
||||
|
href="https://chennaicorporation.gov.in/gcc/council/about-council/" |
||||
|
target="_blank">Council</a> <a |
||||
|
href="https://chennaicorporation.gov.in/gcc/tender/" target="_blank">Tender</a> |
||||
|
<a href="https://chennaicorporation.gov.in/gcc/department/" |
||||
|
target="_blank">Departments</a> <a |
||||
|
href="https://chennaicorporation.gov.in/gcc/online-services/" |
||||
|
target="_blank">Online Services</a> <a |
||||
|
href="https://gccservices.in/gcc/login" target="_blank">Official |
||||
|
Login</a> |
||||
|
</div> |
||||
|
|
||||
|
</header> |
||||
|
<!-- Header End--> |
||||
|
|
||||
|
<main class="container mt-4"> |
||||
|
<div class="container mt-5"> |
||||
|
<div class="card"> |
||||
|
<div class="card-header bg-dark text-white"> |
||||
|
<h5>Terms & Conditions </h5> |
||||
|
</div> |
||||
|
<div class="card-body"> |
||||
|
|
||||
|
<div class="row"> |
||||
|
|
||||
|
<div class="col-md-12"> |
||||
|
|
||||
|
<!-- Terms and Conditions --> |
||||
|
<div id="termsCardone"class="col-md-12"> |
||||
|
<div class="card p-3 mb-3"> |
||||
|
<h5> |
||||
|
<strong>Terms and Conditions</strong> |
||||
|
</h5> |
||||
|
<hr> |
||||
|
<ul> |
||||
|
<li><strong>Concrete Waste Collection Charges:</strong> Rs.2,500 |
||||
|
per ton will be applicable for requests availing GCC Service.</li> |
||||
|
<li> |
||||
|
<strong> |
||||
|
Mixed Waste Collection Charges:</strong> Rs.3,802 per ton will be applicable for all requests. |
||||
|
|
||||
|
</li> |
||||
|
<li><strong>Processing Charges:</strong> Rs.800 per ton |
||||
|
is mandatory for all services including GCC, Authorized |
||||
|
Collectors, and Self-Arranged Vehicles.</li> |
||||
|
<li><strong>Payment and Entry Condition:</strong> Entry |
||||
|
is permitted only after successful payment.</li> |
||||
|
<li><strong>Non-Payment Clause:</strong> Without payment, |
||||
|
disposal at the dumping site is not allowed under any |
||||
|
circumstances.</li> |
||||
|
<li><strong>Note:</strong>When selecting the GCC Authorized C&D Waste Collectors service option, you must contact a service provider from the list and ensure the request is submitted. |
||||
|
<a href="https://chennaicorporation.gov.in/gcc/WasteCollectorsList" |
||||
|
class="text-primary" target="_blank">click here</a></li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<div id="termsCardtwo" class="col-md-12" style="display:none;"> |
||||
|
<div class="card p-3 mb-3"> |
||||
|
<h5> |
||||
|
<strong>Terms and Conditions</strong> |
||||
|
</h5> |
||||
|
<hr> |
||||
|
<ul> |
||||
|
|
||||
|
<li> |
||||
|
<span style="background-color: #fff3cd; padding: 5px 10px; border-radius: 4px; display: inline-block; font-weight: bold; color: #856404;"> |
||||
|
Mixed Waste Collection Charges: Rs.3802 per ton will be applicable for all requests. |
||||
|
</span> |
||||
|
</li> |
||||
|
|
||||
|
<li><strong>Payment and Entry Condition:</strong> Entry |
||||
|
is permitted only after successful payment.</li> |
||||
|
<li><strong>Non-Payment Clause:</strong> Without payment, |
||||
|
disposal at the dumping site is not allowed under any |
||||
|
circumstances.</li> |
||||
|
<li><strong>Note:</strong>When selecting the GCC Authorized C&D Waste Collectors service option, you must contact a service provider from the list and ensure the request is submitted. |
||||
|
<a href="https://chennaicorporation.gov.in/gcc/WasteCollectorsList" |
||||
|
class="text-primary" target="_blank">click here</a></li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</main> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> |
||||
|
<script |
||||
|
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> |
||||
|
|
||||
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> |
||||
|
<script |
||||
|
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script> |
||||
|
|
||||
|
<script |
||||
|
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> |
||||
|
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
|
||||
|
</script> |
||||
|
</body> |
||||
|
|
||||
|
</html> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue