| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Unify - Lost & Found</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="components/navbar.js"></script> | |
| </head> | |
| <body class="dark-theme"> | |
| <custom-navbar></custom-navbar> | |
| <main> | |
| <h1>Lost & Found / Book Exchange</h1> | |
| <div class="tabs"> | |
| <button class="tab-btn active" data-tab="lost">Lost Items</button> | |
| <button class="tab-btn" data-tab="found">Found Items</button> | |
| <button class="tab-btn" data-tab="books">Book Exchange</button> | |
| </div> | |
| <div class="tab-content" id="lost"> | |
| <!-- Lost items will be loaded here --> | |
| </div> | |
| <div class="tab-content hidden" id="found"> | |
| <!-- Found items will be loaded here --> | |
| </div> | |
| <div class="tab-content hidden" id="books"> | |
| <!-- Book exchange will be loaded here --> | |
| </div> | |
| </main> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |