158 lines
8.2 KiB
PHP
158 lines
8.2 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>University Assistant - Welcome</title>
|
|
<meta name="description" content="Your university journey starts here. Explore specializations, facilities, and more.">
|
|
|
|
<!-- Open Graph / Facebook -->
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:url" content="https://your-domain.com/">
|
|
<meta property="og:title" content="University Assistant - Welcome">
|
|
<meta property="og:description" content="Your university journey starts here. Explore specializations, facilities, and more.">
|
|
<meta property="og:image" content="https://picsum.photos/seed/university-hero/1200/630">
|
|
|
|
<!-- Twitter -->
|
|
<meta property="twitter:card" content="summary_large_image">
|
|
<meta property="twitter:url" content="https://your-domain.com/">
|
|
<meta property="twitter:title" content="University Assistant - Welcome">
|
|
<meta property="twitter:description" content="Your university journey starts here. Explore specializations, facilities, and more.">
|
|
<meta property="twitter:image" content="https://picsum.photos/seed/university-hero/1200/630">
|
|
|
|
<!-- Fonts -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
|
|
<!-- Bootstrap CSS -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
<!-- Custom CSS -->
|
|
<link rel="stylesheet" href="assets/css/custom.css">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Header -->
|
|
<nav class="navbar navbar-expand-lg navbar-light fixed-top">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="#">
|
|
<i data-feather="book-open" class="me-2"></i>
|
|
University Assistant
|
|
</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">Home</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#about">About</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#specializations">Specializations</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Hero Section -->
|
|
<header id="home" class="hero">
|
|
<img src="https://picsum.photos/seed/university-hero/1600/900" class="hero-bg" alt="A modern university campus building under a clear blue sky.">
|
|
<div class="container">
|
|
<h1 class="display-3">Your University Journey Starts Here</h1>
|
|
<p class="lead">Discover a world of knowledge, opportunity, and growth.</p>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Main Content -->
|
|
<main>
|
|
<!-- About Section -->
|
|
<section id="about" class="section">
|
|
<div class="container">
|
|
<h2 class="section-title">About Our University</h2>
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6 mb-4 mb-lg-0">
|
|
<img src="https://picsum.photos/seed/university-students/800/600" class="img-fluid rounded shadow" alt="A diverse group of students collaborating on a project.">
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<h3>Fostering Excellence Since 1980</h3>
|
|
<p>We are a leading institution dedicated to providing quality education and fostering innovation. Our mission is to empower students with the knowledge and skills to excel in their chosen fields and make a positive impact on the world.</p>
|
|
<p>With a diverse student body, world-class faculty, and state-of-the-art facilities, we offer a vibrant and supportive learning environment.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Specializations Section -->
|
|
<section id="specializations" class="section bg-light">
|
|
<div class="container">
|
|
<h2 class="section-title">Our Specializations</h2>
|
|
<div class="row">
|
|
<?php
|
|
$specializations = [
|
|
['name' => 'Computer Science', 'icon' => 'cpu'],
|
|
['name' => 'Medicine', 'icon' => 'activity'],
|
|
['name' => 'Business & Management', 'icon' => 'briefcase'],
|
|
['name' => 'Arts & Humanities', 'icon' => 'pen-tool'],
|
|
['name' => 'Engineering', 'icon' => 'settings'],
|
|
['name' => 'Environmental Science', 'icon' => 'wind'],
|
|
];
|
|
foreach ($specializations as $spec):
|
|
?>
|
|
<div class="col-md-6 col-lg-4 mb-4">
|
|
<div class="card h-100 text-center">
|
|
<div class="card-body">
|
|
<i data-feather="<?= htmlspecialchars($spec['icon']) ?>" class="facility-icon"></i>
|
|
<h5 class="card-title"><?= htmlspecialchars($spec['name']) ?></h5>
|
|
<p class="card-text">Explore the frontiers of knowledge and innovation in <?= strtolower(htmlspecialchars($spec['name'])) ?>.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Facilities Section -->
|
|
<section id="facilities" class="section">
|
|
<div class="container">
|
|
<h2 class="section-title">World-Class Facilities</h2>
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6">
|
|
<h3>The Central Library</h3>
|
|
<p>Our library is more than just a collection of books. It's a hub for research, collaboration, and quiet study, with access to millions of digital and print resources.</p>
|
|
<h3>Advanced Research Labs</h3>
|
|
<p>Equipped with the latest technology to support groundbreaking research across all disciplines.</p>
|
|
<h3>Sports & Recreation</h3>
|
|
<p>Stay active and healthy with our comprehensive sports complex, including a swimming pool, gym, and outdoor fields.</p>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<img src="https://picsum.photos/seed/university-library/800/600" class="img-fluid rounded shadow" alt="A vast and modern university library with rows of books.">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Contact Section -->
|
|
<section id="contact" class="section bg-light">
|
|
<div class="container text-center">
|
|
<h2 class="section-title">Get In Touch</h2>
|
|
<p class="lead mb-4">Have questions? We're here to help. A full contact form will be available soon.</p>
|
|
<a href="mailto:info@university.com" class="btn btn-primary btn-lg">Email Us</a>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer">
|
|
<div class="container text-center">
|
|
<p>© <?php echo date("Y"); ?> University Assistant. All Rights Reserved.</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Bootstrap JS Bundle -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
|
<!-- Feather Icons -->
|
|
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
|
<!-- Custom JS -->
|
|
<script src="assets/js/main.js"></script>
|
|
</body>
|
|
</html>
|