added page to overwrite service name

app/views/how-tos/index.html

@@ -90,6 +90,8 @@ <h2 class="nhsuk-heading-s">General use</h2>
         <li><a href="/how-tos/adding-assets">Adding CSS, JavaScript and images</a></li>
         <li><a href="/how-tos/components">Using components</a></li>
         <li><a href="/how-tos/layouts">How to use layouts</a></li>
+        <li><a href="/how-tos/override-service-name">Change the service name on one page</a></li>
+
         <li><a href="/how-tos/passing-data-page">Passing data page to page</a></li>
         <li><a href="/how-tos/branching">Branching</a> – show a different page based on user input</li>
       </ul>

app/views/how-tos/layouts.html

@@ -2,7 +2,7 @@
 {% extends 'layout.html' %}
 
 {% block pageTitle %}
-  How to setup Git - NHS prototype kit
+  How to use layouts - NHS prototype kit
 {% endblock %}
 
 {% block beforeContent %}

app/views/how-tos/override-service-name.html

@@ -0,0 +1,32 @@
+
+{% extends 'layout.html' %}
+
+{% block pageTitle %}
+Change the service name on one page - NHS prototype kit
+{% endblock %}
+
+{% block beforeContent %}
+  {% include "how-tos/includes/breadcrumb.html" %}
+{% endblock %}
+
+{% block content %}
+  <div class="nhsuk-grid-row">
+
+    <div class="nhsuk-grid-column-two-thirds">
+
+      <h1>
+        Change the service name on one page
+      </h1>
+
+
+    <p>You can set a different service name to the rest of your prototype on one page.</p>
+<p>Use this code:</p>
+<pre tabindex="0" class="app-pre"><code class="language-markup">{{'{% set serviceName %}
+    Book a test
+  {% endset%}' | escape }}
+</code></pre>
+
+  </div>
+  </div>
+
+  {% endblock %}