| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Unify - Home</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="components/navbar.js"></script> | |
| </head> | |
| <body class="dark-theme"> | |
| <custom-navbar></custom-navbar> | |
| <main class="content-grid"> | |
| <section class="hero"> | |
| <h1>Your Campus Community Hub</h1> | |
| <p>Connect, share, and stay updated with everything happening around campus.</p> | |
| </section> | |
| <section class="quick-links"> | |
| <div class="card" onclick="location.href='lost-found.html'"> | |
| <h3>Lost & Found</h3> | |
| <p>Report or find lost items</p> | |
| </div> | |
| <div class="card" onclick="location.href='events.html'"> | |
| <h3>Events</h3> | |
| <p>Upcoming activities</p> | |
| </div> | |
| <div class="card" onclick="location.href='news.html'"> | |
| <h3>Campus News</h3> | |
| <p>Weekly updates</p> | |
| </div> | |
| <div class="card" onclick="location.href='timetables.html'"> | |
| <h3>Timetables</h3> | |
| <p>Classes & Exams</p> | |
| </div> | |
| </section> | |
| </main> | |
| <script src="script.js"></script> | |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> | |
| </body> | |
| </html> |