71 lines
2.7 KiB
PHP
71 lines
2.7 KiB
PHP
<?php
|
|
require_once __DIR__ . '/db/config.php';
|
|
$pageTitle = 'Welcome | Township Schools Platform';
|
|
include 'includes/header.php';
|
|
?>
|
|
|
|
<style>
|
|
.hero-section {
|
|
height: 90vh;
|
|
background: linear-gradient(rgba(0, 77, 64, 0.7), rgba(0, 77, 64, 0.7)),
|
|
url('assets/images/landing-bg.jpg') no-repeat center center;
|
|
background-size: cover;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: white;
|
|
text-align: center;
|
|
}
|
|
.hero-content {
|
|
max-width: 800px;
|
|
padding: 2rem;
|
|
}
|
|
.feature-card {
|
|
border: none;
|
|
transition: transform 0.3s;
|
|
border-radius: 8px;
|
|
}
|
|
.feature-card:hover {
|
|
transform: translateY(-10px);
|
|
}
|
|
</style>
|
|
|
|
<div class="hero-section">
|
|
<div class="hero-content">
|
|
<h1 class="display-3 fw-bold mb-4">Empowering Township Schools Through Digital Excellence</h1>
|
|
<p class="lead mb-5">A comprehensive school operations and management system designed for resilience, efficiency, and student success.</p>
|
|
<div class="d-flex justify-content-center gap-3">
|
|
<a href="login.php" class="btn btn-warning btn-lg px-5 text-dark fw-bold">Login</a>
|
|
<a href="parent.php" class="btn btn-outline-light btn-lg px-5">Parent Portal</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container py-5">
|
|
<div class="row g-4 text-center">
|
|
<div class="col-md-4">
|
|
<div class="card h-100 p-4 feature-card shadow-sm">
|
|
<i class="bi bi-person-check-fill display-4 text-primary mb-3"></i>
|
|
<h3 class="h5">Teacher Productivity</h3>
|
|
<p class="text-muted small">Streamlined attendance tracking and assessment management to save teachers valuable time.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card h-100 p-4 feature-card shadow-sm">
|
|
<i class="bi bi-bar-chart-fill display-4 text-success mb-3"></i>
|
|
<h3 class="h5">School Analytics</h3>
|
|
<p class="text-muted small">Real-time data for administrators to monitor school-wide performance and attendance trends.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card h-100 p-4 feature-card shadow-sm">
|
|
<i class="bi bi-cloud-slash-fill display-4 text-warning mb-3"></i>
|
|
<h3 class="h5">Offline First</h3>
|
|
<p class="text-muted small">Built to work in low-bandwidth environments with robust offline synchronization capabilities.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<?php include 'includes/footer.php'; ?>
|