-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
89 lines (76 loc) · 5.97 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Find out more about TrackMyTube</title>
<link rel="stylesheet" href="css/about.css">
<link rel="stylesheet" href="css/styles.css">
<link rel="manifest" href="manifest.json">
<meta name="theme-color" content="#3663e4"/>
<meta name="description" content="Learn more about TrackMyTube including what the platform delivers to users annd much more.">
<link rel="apple-touch-icon" sizes="180x180" href="img/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/icons/favicon-16x16.png">
<link rel="manifest" href="img/icons/site.webmanifest">
<link rel="mask-icon" href="img/icons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="img/icons/favicon.ico">
<meta name="apple-mobile-web-app-title" content="TrackMyTube">
<meta name="application-name" content="TrackMyTube">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="img/icons/mstile-144x144.png">
<meta name="msapplication-config" content="img/icons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<header>
<nav class="navbar">
<a href="index.html" class="logo">
<img src="img/logo.png" alt="TrackMyTube Logo" />
</a>
<button class="menu-toggle" aria-label="Toggle menu">☰</button>
<ul class="nav-menu">
<li><a href="index.html"><strong>Home</strong></a></li>
<li><a href="status.html"><strong>Line Status</strong></a></li>
<li><a href="station.html"><strong>Station Finder</strong></a></li>
<li><a href="planner.html"><strong>Journey Planner</strong></a></li>
<li><a href="about.html"><strong>About</strong></a></li>
</ul>
</nav>
</header>
<section class="hero">
<img src="img/logo.png" alt="TrackMyTube Logo" class="hero-logo" />
</section>
<section class="about-section">
<h2 style="text-decoration: underline;">About TrackMyTube</h2>
<p><strong>TrackMyTube</strong> is your go-to platform for real-time train updates, live status reports, and travel news across the Transport for London (TfL) network. Designed to enhance your daily commute, TrackMyTube provides accurate and timely information to help you navigate the city's vast public transport system with ease and confidence.</p>
<p><strong>Why TrackMyTube?</strong> Whether you're a daily commuter or a visitor to London, staying informed about train times and service disruptions is essential. TrackMyTube was developed to provide a user-friendly, reliable, and intuitive way to access this vital information, all in one place.</p>
<p><strong>The meaning of the logo:</strong> The logo features an image of a train with five stars above it, symbolising the five TfL services covered by TrackMyTube: Tube, Overground, Tram, DLR, and the Elizabeth Line.</p>
<h2 style="text-decoration: underline;">Key Features</h2>
<p><strong>London Transport and Travel News:</strong> Explore the latest stories and updates on London’s travel and transport landscape. The news section covers everything from key developments in public transport, TfL projects, and policy changes, to broader narratives that shape how London moves. Stay informed on the issues that impact your daily commute and the future of travel in the city.</p>
<p><strong>Live Line Status:</strong> Get up-to-the-minute status updates for TfL lines, including the Tube, Overground, Tram, DLR, and the Elizabeth Line, as well as reasons and descriptions for any disruption.</p>
<p><strong>Station Finder:</strong> Easily locate any station within the TfL network and access detailed information about arrivals for each line. Whether you're planning your journey or checking on-the-go, the Station Finder helps you make informed decisions.</p>
<p><strong>Journey Planner:</strong> Plan your trips with precision using the Journey Planner. Customise your routes by selecting the origin and destination stations, via certain stations, and exploring alternative options to ensure the most efficient travel experience.</p>
<h2 style="text-decoration: underline;">A Special Thanks to</h2>
<p><strong>Transport for London (TfL):</strong> For providing the API and extensive datasets related to NaPTAN IDs, station information, lines served, live status updates, station arrivals, and journey planning.</p>
<p><strong>BBC News:</strong> For offering valuable news updates and coverage relevant to the Transport for London network.</p>
<h2 style="text-decoration: underline;">About the Developer</h2>
<p style="text-align: center; margin-bottom: 20px;"><strong>Developed and Designed by jahir10ali</strong></p>
<div class="social-icons">
<a href="https://github.com/jahir10ali" target="_blank">
<img src="https://skillicons.dev/icons?i=github" alt="GitHub" class="social-icon">
</a>
<a href="https://instagram.com/jahir10ali" target="_blank">
<img src="https://skillicons.dev/icons?i=instagram" alt="Instagram" class="social-icon">
</a>
<a href="https://twitter.com/jahir10ali" target="_blank">
<img src="https://skillicons.dev/icons?i=twitter" alt="Twitter" class="social-icon">
</a>
<a href="https://linkedin.com/in/jahir10ali" target="_blank">
<img src="https://skillicons.dev/icons?i=linkedin" alt="LinkedIn" class="social-icon">
</a>
</div>
</section>
<script src="js/script.js"></script>
</body>
</html>