appointments.html 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Appointment Table</title>
  7. <script src="../javascripts/appointments.js" async></script>
  8. <script src="../javascripts/navbar.js" async></script>
  9. <link rel="stylesheet" href="../stylesheets/navbar.css">
  10. <link rel="stylesheet" href="../stylesheets/appointments.css">
  11. </head>
  12. <body>
  13. <nav class="navbar">
  14. <div class="navbar-brand">Scheduler</div>
  15. <ul class="navbar-links">
  16. <li><a href="/html/appointments.html">Appointments</a></li>
  17. <li><a href="/html/appointmentscreator.html">Create</a></li>
  18. <li><a href="#" id="logout-button">Logout</a></li>
  19. </ul>
  20. </nav>
  21. <div class="content">
  22. <div class="container">
  23. <h2>Appointments</h2>
  24. <table>
  25. <thead>
  26. <tr>
  27. <th>Title</th>
  28. <th>Description</th>
  29. <th>Due Date</th>
  30. <th>Place</th>
  31. <th>Time Span</th>
  32. <th>Share</th>
  33. <th>Participants</th>
  34. <th>Edit</th>
  35. <th>Delete</th>
  36. </tr>
  37. </thead>
  38. <tbody id="appointment-table-body">
  39. <!-- Data will be inserted here via JavaScript -->
  40. </tbody>
  41. </table>
  42. </div>
  43. </div>
  44. </body>
  45. </html>