172 lines
9.6 KiB
PHP
172 lines
9.6 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Hostel Room Allocation System</title>
|
|
<meta name="description" content="A comprehensive system to manage student registration, room availability, and automatic room assignment.">
|
|
<meta name="keywords" content="hostel management, room allocation, student housing, dormitory management, university housing, student registration, room assignment, flatlogic">
|
|
<meta property="og:title" content="Hostel Room Allocation System">
|
|
<meta property="og:description" content="A comprehensive system to manage student registration, room availability, and automatic room assignment.">
|
|
<meta property="og:image" content="<?php echo htmlspecialchars($_SERVER['PROJECT_IMAGE_URL'] ?? ''); ?>">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:image" content="<?php echo htmlspecialchars($_SERVER['PROJECT_IMAGE_URL'] ?? ''); ?>">
|
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
|
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm sticky-top">
|
|
<div class="container">
|
|
<a class="navbar-brand fw-bold" href="#">Hostel Allocator</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav ms-auto">
|
|
<li class="nav-item"><a class="nav-link" href="/">Home</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="/auth/login.php">Login</a></li>
|
|
<li class="nav-item"><a class="nav-link btn btn-primary text-white ms-2 px-3" href="/auth/signup.php">Sign Up</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<header id="home" class="hero-section text-white text-center">
|
|
<div class="container">
|
|
<h1 class="display-4 fw-bold">Hostel Room Allocation Made Easy</h1>
|
|
<p class="lead my-4">A seamless, automated system for students and admins.</p>
|
|
<a href="/auth/signup.php" class="btn btn-light btn-lg fw-bold">Get Started</a>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<section id="about" class="py-5">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-md-6">
|
|
<h2 class="fw-bold mb-3">About the System</h2>
|
|
<p class="text-muted">Our platform simplifies the entire hostel room allocation process, from initial student requests to final assignments. It's designed to be fair, transparent, and efficient for both students and administrators. We automate the heavy lifting so you can focus on what matters.</p>
|
|
</div>
|
|
<div class="col-md-6 text-center">
|
|
<i class="bi bi-building-check display-1 text-primary"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="rules" class="py-5 bg-light">
|
|
<div class="container">
|
|
<h2 class="text-center fw-bold mb-4">Hostel Rules</h2>
|
|
<p class="text-center text-muted mb-5">Please read the following rules carefully.</p>
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="card h-100 text-center p-3">
|
|
<i class="bi bi-gender-ambiguous fs-1 text-primary"></i>
|
|
<div class="card-body">
|
|
<h5 class="card-title">Gender Separation</h5>
|
|
<p class="card-text">Rooms and floors are strictly separated by gender to ensure safety and comfort.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card h-100 text-center p-3">
|
|
<i class="bi bi-clock-history fs-1 text-primary"></i>
|
|
<div class="card-body">
|
|
<h5 class="card-title">Curfew</h5>
|
|
<p class="card-text">All students must return to the hostel by the designated curfew time every night.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card h-100 text-center p-3">
|
|
<i class="bi bi-person-x fs-1 text-primary"></i>
|
|
<div class="card-body">
|
|
<h5 class="card-title">No Visitors</h5>
|
|
<p class="card-text">Visitors are not permitted in student rooms to maintain privacy and security.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="faq" class="py-5">
|
|
<div class="container">
|
|
<h2 class="text-center fw-bold mb-5">Frequently Asked Questions</h2>
|
|
<div class="accordion" id="faqAccordion">
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header" id="headingOne">
|
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne">
|
|
How are rooms assigned?
|
|
</button>
|
|
</h2>
|
|
<div id="collapseOne" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
|
|
<div class="accordion-body">
|
|
Rooms are assigned automatically based on your preferences (like room type), gender, and availability. The system follows a first-come, first-served principle.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header" id="headingTwo">
|
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo">
|
|
Can I request a room change?
|
|
</button>
|
|
</h2>
|
|
<div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
|
|
<div class="accordion-body">
|
|
Yes. After your initial assignment, you can log in to the student portal to submit a room change request, which will be reviewed by the hostel admin.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header" id="headingThree">
|
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree">
|
|
What if I leave in the middle of the semester?
|
|
</button>
|
|
</h2>
|
|
<div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
|
|
<div class="accordion-body">
|
|
You must inform the hostel admin. Your bed will be marked as available, and the system may reassign it to a waitlisted student. Refund policies will apply.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="contact" class="py-5 bg-light">
|
|
<div class="container">
|
|
<h2 class="text-center fw-bold mb-4">Contact Us</h2>
|
|
<p class="text-center text-muted mb-5">Have questions? Get in touch with the administration.</p>
|
|
<div class="row">
|
|
<div class="col-md-8 mx-auto">
|
|
<div class="card p-4">
|
|
<p class="text-center">For any inquiries, please email us at <a href="mailto:support@yourhostel.com">support@yourhostel.com</a> or visit the admin office during work hours.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="request-form" class="py-5">
|
|
<div class="container">
|
|
<h2 class="text-center fw-bold mb-4">Room Request Form</h2>
|
|
<p class="text-center text-muted mb-5">This is a placeholder for the room request form.</p>
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer class="py-4 bg-dark text-white text-center">
|
|
<div class="container">
|
|
<p>© <?php echo date("Y"); ?> Hostel Room Allocation System. All Rights Reserved.</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
|
|
</body>
|
|
</html>
|