Merge pull request #369 from alphagov/add_content_question_pages

Add template pages for content and questions

docs/views/examples/template-content-page.html

@@ -0,0 +1,27 @@
+{% extends "layout.html" %}
+
+{% block page_title %}
+  Question page
+{% endblock %}
+
+{% block content %}
+
+<main id="content" role="main">
+  <div class="grid-row">
+    <div class="column-two-thirds">
+
+      <a class="link-back" href="/url/of/previous/page">Back</a>
+
+      <h1 class="heading-large">
+        Heading goes here
+      </h1>
+
+      <p>This is a paragraph of text. It explains in more detail what has happened and wraps across several lines.</p>
+
+      <p>This paragraph has a link to <a href="/url/of/onward/page">find out more about this subject</a>.</p>
+
+    </div>
+  </div>
+</main>
+
+{% endblock %}

docs/views/examples/template-question-page-blank.html

@@ -0,0 +1,34 @@
+{% extends "layout.html" %}
+
+{% block page_title %}
+  Question page
+{% endblock %}
+
+{% block content %}
+
+<main id="content" role="main">
+  <div class="grid-row">
+    <div class="column-two-thirds">
+
+      <a class="link-back" href="/url/of/previous/page">Back</a>
+
+      <h1 class="heading-large">Heading or question goes here
+      </h1>
+
+      <form class="form" action="/url/of/next/page" method="post">
+
+        <p>[Insert question content here]</p>
+
+        <p>[See <a href="https://govuk-elements.herokuapp.com/form-elements/">GOV.UK Elements</a> for examples]</p>
+
+        <div class="form-group">
+          <input class="button" type="submit" value="Continue">
+        </div>
+
+      </form>
+
+    </div>
+  </div>
+</main>
+
+{% endblock %}

docs/views/tutorials-and-examples.html

@@ -135,17 +135,17 @@ <h3 class="heading-small">Entire pages</h3>
         </li>
         <li>
           <a href="/docs/examples/start-page">
-            Start
+            Start page
           </a>
         </li>
         <li>
-          <a href="/docs/examples/task-list-page">
-            Task list
+          <a href="/docs/examples/template-content-page">
+            Content page
           </a>
         </li>
         <li>
-          <a href="/docs/examples/question-page">
-            Question
+          <a href="/docs/examples/task-list-page">
+            Task list
           </a>
         </li>
         <li>
@@ -158,6 +158,21 @@ <h3 class="heading-small">Entire pages</h3>
             Confirmation
           </a>
         </li>
+        <li>
+          Question pages
+          <ul class="list list-bullet">
+            <li>
+              <a href="/docs/examples/template-question-page-blank">
+                Blank
+              </a>
+            </li>
+            <li>
+              <a href="/docs/examples/question-page">
+                Date of birth
+              </a>
+            </li>
+          </ul>
+        </li>
       </ul>
     </div>