diff --git a/static/board.html b/static/board.html
index 48dab60..5aa1da5 100644
--- a/static/board.html
+++ b/static/board.html
@@ -16,9 +16,9 @@
     <body>
         <div id="content">
             <div id="header">
-                <h1 id="station_name">SVRNBCH</h1>
-                <p id="fetch_date" class="header-right">19/12/2022</p>
-                <p id="fetch_time" class="header-right">23:45:01</p>
+                <h1 id="station_name" class="hide-when-loading">SVRNBCH</h1>
+                <p class="header-right">Data from:</p>
+                <p id="fetch_time" class="header-right">Loading...</p>
             </div>
             <div id="loading">
                 <div class="spinner">
diff --git a/static/help.html b/static/help.html
index e69de29..02113fb 100644
--- a/static/help.html
+++ b/static/help.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8"/>
+    <meta name="description" content="OwlBoard - Live train departures for traincrew."/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="application-name" content="OwlBoard">
+    <meta name="author" content="Frederick Boniface">
+    <meta name="theme-color" content="#155bb7">
+    <link rel="stylesheet" type="text/css" href="./styles/style.css"/>
+    <link rel="icon" type="image/png" href="./images/logo/logo-sq-256.png"/>
+    <link rel="manifest" type="application/json" href="./manifest.json"/>
+    <script src="./js/nav.js"></script>
+    <title>OwlBoard</title>
+  </head>
+
+  <body>
+    <picture>
+        <source media="(min-width:800px)" secset="./images/logo/logo-full-715.webp" type="image/webp">
+        <source media="(min-width:800px)" srcset="./images/logo/logo-full-715.png" type="image/png">
+        <source media="(min-width:700px)" srcset="./images/logo/logo-full-512.webp" type="image/webp">
+        <source media="(min-width:700px)" srcset="./images/logo/logo-full-512.png" type="image/png">
+        <source media="(min-width:450px)" srcset="./images/logo/logo-full-256.webp" type="image/png">
+        <source media="(min-width:450px)" srcset="./images/logo/logo-full-256.png" type="image/png">
+        <img class="titleimg" src="./images/logo/logo-full-512.png" alt="OwlBoard Logo">
+      </picture>
+      <div id="back_button">
+        <a href="./index.html">BACK</a>
+      </div>
+      <h2>Help</h2>
+        <p>OwlBoard gives you quick and easy access to departure boards for 
+         all National Rail stations in the UK.</p>
+        <p>Just type a CRS or TIPLOC into the textbox on the homepage and tap 
+           enter on the screen or your keypad.</p>
+        <p>For example, Portway Park & 
+           Ride's CRS is 'PRI', and its TIPLOC is 'PTWYPR'; Portsmouth Harbour's 
+           CRS is 'PMH', and its TIPLOC is 'PHBR'.</p>
+        <p>A CRS is always three letters, 
+           a TIPLOC can be between 4-7 letters.</p>
+        <br>
+        <h3>Don't know the CRS or TIPLOC?</h3>
+        <p>Sorry, you can't search for them on OwlBoard yet but will be able to 
+           in the future.</p>
+        <h3>Spotted an issue with the site?</h3>
+        <p>Let me know by <a href="./report.html">reporting an issue</a>.</p>
+  </body>
+</html>
\ No newline at end of file
diff --git a/static/styles/boards.css b/static/styles/boards.css
index 222e0ab..0d38594 100644
--- a/static/styles/boards.css
+++ b/static/styles/boards.css
@@ -73,4 +73,8 @@
 
 #footer img {
     height: 35px;
+}
+
+.hide-when-loading {
+    display: none;
 }
\ No newline at end of file
