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