| @ -0,0 +1,62 @@ | |||||
| <!DOCTYPE html> | |||||
| <html lang="en"> | |||||
| <head> | |||||
| <meta charset="UTF-8"> | |||||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |||||
| <title>{% block title %}Event Booking{% endblock %}</title> | |||||
| <style> | |||||
| /* Add your CSS styles here */ | |||||
| body { | |||||
| font-family: Arial, sans-serif; | |||||
| margin: 0; | |||||
| padding: 0; | |||||
| } | |||||
| header { | |||||
| background-color: #333; | |||||
| color: #fff; | |||||
| padding: 20px; | |||||
| } | |||||
| nav ul { | |||||
| list-style-type: none; | |||||
| margin: 0; | |||||
| padding: 0; | |||||
| display: flex; | |||||
| } | |||||
| nav li { | |||||
| margin-right: 20px; | |||||
| } | |||||
| nav a { | |||||
| color: #fff; | |||||
| text-decoration: none; | |||||
| } | |||||
| main { | |||||
| padding: 20px; | |||||
| } | |||||
| footer { | |||||
| background-color: #333; | |||||
| color: #fff; | |||||
| padding: 10px; | |||||
| text-align: center; | |||||
| } | |||||
| </style> | |||||
| </head> | |||||
| <body> | |||||
| <header> | |||||
| <nav> | |||||
| <ul> | |||||
| <li><a href="{% url 'home' %}">Home</a></li> | |||||
| <li><a href="{% url 'create_event' %}">Create Event</a></li> | |||||
| <li><a href="{% url 'my_events' %}">My Events</a></li> | |||||
| <li><a href="{% url 'logout' %}">Logout</a></li> | |||||
| </ul> | |||||
| </nav> | |||||
| </header> | |||||
| <main> | |||||
| {% block content %} | |||||
| {% endblock %} | |||||
| </main> | |||||
| <footer> | |||||
| <p>© 2023 Event Booking. All rights reserved.</p> | |||||
| </footer> | |||||
| </body> | |||||
| </html> | |||||