Improve content of Check your answers page

* Make the text more generic
* Include second section

docs/views/examples/check-your-answers-page.html

@@ -14,106 +14,141 @@ <h1 class="heading-large">
         Check your answers before sending your application
       </h1>
 
+
+      <!-- only add a heading for a list if there is more than one list,
+           in that case also add the class "multiple-sections" to the list -->
       <h2 class="heading-medium">
-        Organisations involved
+        Personal details
       </h2>
 
-      <dl class="check-your-answers">
+      <dl class="check-your-answers multiple-sections">
+        <div>
+          <dt class="question">
+            Name
+          </dt>
+          <dd class="answer">
+            Sarah Philips
+          </dd>
+          <dd class="change">
+            <a href="#">
+              Change <span class="visuallyhidden">name</span>
+            </a>
+          </dd>
+        </div>
+
+        <div>
+          <dt class="question">
+            Date of birth
+          </dt>
+          <dd class="answer">
+            5 January 1978
+          </dd>
+          <dd class="change">
+            <a href="#">
+              Change <span class="visuallyhidden">date of birth</span>
+            </a>
+          </dd>
+        </div>
+
         <div>
           <dt class="question">
-            Exporter
+            Home address
           </dt>
           <dd class="answer">
-            Exporter name<br>
-            First line of address<br>
-            Second line of address<br>
-            Contact: Contact Name<br>
-            Tel: 01234 567 890<br>
-            Email: [email protected]
+            72 Guild Street<br />
+            London<br />
+            SE23 6FH
           </dd>
           <dd class="change">
             <a href="#">
-              Change <span class="visuallyhidden">Exporter name</span>
+              Change <span class="visuallyhidden">home address</span>
             </a>
           </dd>
         </div>
 
         <div>
           <dt class="question">
-            Producer
+            Contact details
           </dt>
           <dd class="answer">
-            Producer name
+            07700 900457<br />
+            [email protected]
           </dd>
           <dd class="change">
             <a href="#">
-              Change <span class="visuallyhidden">Producer name</span>
+              Change <span class="visuallyhidden">contact details</span>
             </a>
           </dd>
         </div>
+      </dl>
+
 
+      <h2 class="heading-medium">
+        Application details
+      </h2>
+
+      <dl class="check-your-answers multiple-sections">
         <div>
           <dt class="question">
-            Site of export
+            Previous application number
           </dt>
           <dd class="answer">
-            Site of export name
+            502135326
           </dd>
           <dd class="change">
             <a href="#">
-              Change <span class="visuallyhidden">Site of export name</span>
+              Change <span class="visuallyhidden">previous application number</span>
             </a>
           </dd>
         </div>
 
         <div>
           <dt class="question">
-            Importer
+            Licence type
           </dt>
           <dd class="answer">
-            Importer name<br>
-            First line of address<br>
-            Second line of address<br>
-            Contact: Contact Name<br>
-            Tel: 01234 567 890<br>
-            Email: [email protected]
+            For personal use
           </dd>
           <dd class="change">
             <a href="#">
-              Change <span class="visuallyhidden">Importer name</span>
+              Change <span class="visuallyhidden">licence type</span>
             </a>
           </dd>
         </div>
 
         <div>
           <dt class="question">
-            Recovery facilities
+            Home address
           </dt>
           <dd class="answer">
-            Recovery facilities name
+            72 Guild Street<br />
+            London<br />
+            SE23 6FH
           </dd>
           <dd class="change">
             <a href="#">
-              Change <span class="visuallyhidden">Recovery facilities name</span>
+              Change <span class="visuallyhidden">home address</span>
             </a>
           </dd>
         </div>
 
         <div>
           <dt class="question">
-            Recovery site
+            Licence period
           </dt>
           <dd class="answer">
-            Recovery site name
-          </td>
+            This is a longer paragraph of text provided by the user to provide additional information.<br /><br />
+            This is a second paragraph of text provided by the user.
+          </dd>
           <dd class="change">
             <a href="#">
-              Change <span class="visuallyhidden">Recovery site name</span>
+              Change <span class="visuallyhidden">licence period</span>
             </a>
           </dd>
         </div>
       </dl>
 
+
       <h2 class="heading-medium">Now send your application</h2>
 
       <p class="text">