ZYM/BH-TicketSystem
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ready to write UI

Browse Source
This commit is contained in:
happyZYM
2024-06-19 14:05:07 +00:00
parent 2554e7b621
commit e0b41fab2c
7 changed files with 240 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
UI/templates/about.html Normal file
View File

@ -0,0 +1,8 @@
{% extends 'base.html' %}
{% block title %}About Us - Train Ticket Booking{% endblock %}
{% block content %}
<h1>About Us</h1>
<p>This is a demo site for booking train tickets.</p>
{% endblock %}

27
UI/templates/base.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}Train Ticket Booking{% endblock %}</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Train Tickets</a>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item {% if request.endpoint == 'home' %}active{% endif %}">
<a class="nav-link" href="/">Home</a>
</li>
<li class="nav-item {% if request.endpoint == 'about' %}active{% endif %}">
<a class="nav-link" href="/about">About</a>
</li>
</ul>
</div>
</nav>
<div class="container mt-5">
{% block content %}{% endblock %}
</div>
</body>
</html>

8
UI/templates/index.html Normal file
View File

@ -0,0 +1,8 @@
{% extends 'base.html' %}
{% block title %}Home - Train Ticket Booking{% endblock %}
{% block content %}
<h1>Welcome to the Train Ticket Booking System</h1>
<p>Use this site to book your train tickets easily.</p>
{% endblock %}