Volunteers_and_Cdwaste/src/main/resources/templates/coming_soon.html

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

<head>
	<meta charset="UTF-8">
	<title>GCC - Volunteers</title>
	<!-- Links to Bootstrap CSS and JS, jQuery, and SweetAlert -->
	<!-- Bootstrap CSS -->
	<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">

	<!-- jQuery (Only load it once) -->
	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

	<!-- Popper.js (Required for Bootstrap 4) -->
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>

	<!-- Bootstrap JS -->
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>

	<!-- SweetAlert JS (optional if you plan to use it) -->
	<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>


	<style>
.coming-soon-container {
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

        .gcc-logo {
            width: 180px;
            height: auto;
            margin-bottom: 25px;
        }

        .coming-soon-container h2 {
            color: #1d4859;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .coming-soon-container p {
            color: #64748b;
            font-size: 16px;
            line-height: 1.6;
            margin: 0;
        }
		
	</style>
</head>

<body style="background-color: #ebf1fa;">

	<div class="container-fluid">
        <div class="coming-soon-container">

            <img src="https://gccservices.in/gcc/assets/images/logo.png"
                 alt="GCC Logo"
                 class="gcc-logo">

             <h2>Coming Soon...</h2>
           

            <p>
                We’re working on something new.<br>
                Please check back soon.
            </p>

        </div>
    </div>

	<script>

	</script>
</body>

</html>