Added support page and link and tweaked the about page

app/views/about.html

@@ -22,15 +22,9 @@ <h1>About</h1>
 
       <h2>Support</h2>
 
-      <p>The NHS prototype kit is maintained by NHS England. If you've got a question or need support you can:</p>
+      <p>View our <a href="/support">support</a> section.</p>
 
-      <ul>
-        <li><a href="mailto:[email protected]?subject=NHS prototype kit - About">email us</a></li>
-        <li><a href="https://nhs-service-manual.slack.com/messages/CFYL2GDGW" rel="nofollow">get in touch on the NHS digital service manual #prototype-kit Slack channel</a></li>
-        <li><a href="https://github.com/nhsuk/nhsuk-prototype-kit/issues">view known issues on GitHub</a></li>
-      </ul>
-
-      <h2>Contributing</h2>
+      <h2 id="contributing">Contributing</h2>
 
       <p>The prototype kit is always evolving as we learn more. Help us to improve and grow it by:</p>
 

app/views/layout.html

@@ -21,9 +21,13 @@
   {{ footer({
     links: [
       {
-        label: "About and support",
+        label: "About",
         URL: "/about"
       },
+      {
+        label: "Support",
+        URL: "/support"
+      },
       {
         label: "NHS prototype kit on GitHub",
         URL: "https://github.com/nhsuk/nhsuk-prototype-kit"

app/views/support.html

@@ -0,0 +1,38 @@
+{% extends 'layout.html' %}
+
+{% block pageTitle %}
+  Support - NHS prototype kit
+{% endblock %}
+
+{% block beforeContent %}
+  {{ breadcrumb({
+    href: "/",
+    text: "Home"
+  }) }}
+{% endblock %}
+
+{% block content %}
+  <div class="nhsuk-grid-row">
+
+    <div class="nhsuk-grid-column-two-thirds">
+
+      <h1 id="support">Support</h1>
+      <p>The NHS prototype kit is maintained by <a href="https://service-manual.nhs.uk/service-manual-team">NHS England service manual team</a> with help from community contributors. If you&#39;ve got a question or need support you can:</p>
+      <h2>Email</h2>
+      <p><a href="mailto:[email protected]?subject=NHS%20prototype%20kit%20-%20About">[email protected]</a></p>
+
+      <h2>Slack</h2>
+
+      <p><a href="https://nhsdigitalcorporate.enterprise.slack.com/archives/C042J3MTJG2">#prototype-kit channel</a> on the NHS England Slack.</p>
+
+      <p><a href="https://nhs-service-manual.slack.com/messages/CFYL2GDGW">#prototype-kit channel</a> on the NHS digital service manual Slack</p>
+
+      <h2>GitHub</h2>
+
+      <p><a href="https://github.com/nhsuk/nhsuk-prototype-kit/issues/new/choose">Report a bug or issue</a> - requires a free GitHub account.</p>
+
+
+    </div>
+
+  </div>
+{% endblock %}