Linux ip-172-26-7-228 5.4.0-1103-aws #111~18.04.1-Ubuntu SMP Tue May 23 20:04:10 UTC 2023 x86_64
Your IP : 3.145.50.254
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Surana Institutions</title>
<!-- Font Icon -->
<link
rel="stylesheet"
href="fonts/material-icon/css/material-design-iconic-font.min.css"
/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link rel="icon" href="images/hcon_logo.png" sizes="32x32" />
<style>
body {
background-image: url(images/bglogo.jpeg);
background-repeat: no-repeat;
background-size: cover;
font-family: Arial, sans-serif;
}
.container {
position: absolute;
top: 45%;
left: 80%;
transform: translate(-50%, -50%);
width: 90%;
max-width: 400px;
background: #002e5d;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
color: #fff;
}
.form-title {
font-size: 24px;
text-align: center;
margin-bottom: 20px;
color: #fff;
}
.form-group {
margin-bottom: 15px;
position: relative;
}
.form-group input,
.form-group select {
width: 100%;
padding: 10px;
border: none;
border-radius: 5px;
background: #fff;
color: #000;
font-size: 14px;
}
.form-row {
display: flex;
gap: 10px;
}
.form-row .form-group {
flex: 1;
}
.form-group label {
position: absolute;
top: -10px;
left: 10px;
font-size: 12px;
background: #002e5d;
padding: 0 5px;
color: #fff;
}
.form-group input[type="checkbox"] {
width: auto;
}
.form-group button {
width: 100%;
padding: 10px;
border: none;
background: #00bcd4;
color: #fff;
font-size: 16px;
border-radius: 5px;
cursor: not-allowed;
transition: background 0.3s, cursor 0.3s;
}
.form-group button:enabled {
cursor: pointer;
background: #00bcd4;
}
.form-group button:hover:enabled {
background: #019ba0;
}
.checkbox-label {
color: #fff;
font-size: 14px;
margin-left: 5px;
}
.signin-image-link {
display: block;
text-align: center;
margin-top: 15px;
color: #00bcd4;
text-decoration: none;
}
.signin-image-link:hover {
text-decoration: underline;
}
</style>
</head>
<body onload="getCollDegreeDet(),getStates();">
<header>
<img
src="images/hcon_logo.png"
style="width: 100px; height: 100px; display: block"
/>
</header>
<div class="container">
<h2 class="form-title">Admissions 2025</h2>
<form method="POST" class="register-form" id="register-form">
<div class="form-group">
<!-- <label for="name">Student Name</label> -->
<input
type="text"
name="name"
id="name"
placeholder="Enter Student Name"
style="width: 95%"
/>
</div>
<div class="form-group">
<input
type="text"
name="fmobile"
id="fmobile"
placeholder="Enter Mobile Number"
minlength="10"
maxlength="10"
style="width: 95%"
onkeypress="return /\d/.test(String.fromCharCode(event.keyCode || event.which))"
/>
</div>
<div class="form-group">
<input
type="email"
name="femail"
id="femail"
placeholder="Enter Email Address"
style="width: 95%"
/>
</div>
<!-- State and City in one line -->
<div class="form-row">
<div class="form-group">
<select name="state" id="fstate" onchange="getDistrict()">
<option value="" disabled selected>Select State</option>
</select>
</div>
<div class="form-group">
<select name="district" id="fdistrict">
<option value="" disabled selected>Select District</option>
</select>
</div>
</div>
<!-- Program and Course in one line -->
<div class="form-row">
<div class="form-group">
<select name="program" id="fdeggrp" onchange="getCollDegrval()">
<option value="" disabled selected>Select Program</option>
</select>
</div>
<div class="form-group">
<select name="degree" id="fdegree">
<option value="" disabled selected>Select Course</option>
</select>
</div>
</div>
<!-- Checkbox -->
<div class="form-group">
<input type="checkbox" id="checkcond" />
<label
for="check"
class="checkbox-label"
style="margin-top: 11px; margin-right: 5px"
>
I agree to receive information regarding my submitted enquiry.
</label>
</div>
<div class="form-group">
<button
type="submit"
id="submit-button"
onclick="validateReg(event)"
disabled
>
Submit
</button>
</div>
<a href="#" class="signin-image-link" onclick="getLoginPage()">
Already Registered - Login Here
</a>
</form>
</div>
<script src="js/register.js"></script>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
// JavaScript to enable/disable the Submit button
document
.getElementById("checkcond")
.addEventListener("change", function () {
const submitButton = document.getElementById("submit-button");
submitButton.disabled = !this.checked; // Enable if checkbox is checked
});
// Optional validation for form submission
document
.getElementById("register-form")
.addEventListener("submit", function (event) {
if (!document.getElementById("checkcond").checked) {
event.preventDefault();
alert(
"Please agree to the terms and conditions before submitting."
);
}
});
</script>
</body>
</html>
|