| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Unify - Campus News</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="components/navbar.js"></script> | |
| </head> | |
| <body class="dark-theme"> | |
| <custom-navbar></custom-navbar> | |
| <main> | |
| <h1>Weekly Campus News</h1> | |
| <div class="tabs"> | |
| <button class="tab-btn active" data-tab="community">Community News</button> | |
| <button class="tab-btn" data-tab="official">Official Announcements</button> | |
| </div> | |
| <div class="tab-content" id="community"> | |
| <!-- Community news will be loaded here --> | |
| </div> | |
| <div class="tab-content hidden" id="official"> | |
| <!-- Official announcements will be loaded here --> | |
| </div> | |
| </main> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |