From 87a474c511025e48e6ad841af39ae681b001ffd4 Mon Sep 17 00:00:00 2001
From: karlchillmaid <karl.chillmaid@digital.cabinet-office.gov.uk>
Date: Fri, 29 Mar 2019 14:40:45 +0000
Subject: [PATCH] Add page formatting

Add page formatting
---
 app/templates/views/features/letters.html | 53 +++++++++++++++--------
 1 file changed, 34 insertions(+), 19 deletions(-)

diff --git a/app/templates/views/features/letters.html b/app/templates/views/features/letters.html
index 8578149d7..fca066194 100644
--- a/app/templates/views/features/letters.html
+++ b/app/templates/views/features/letters.html
@@ -1,30 +1,45 @@
+{% extends "withoutnav_template.html" %}
+{% from "components/table.html" import mapping_table, row, text_field, edit_field, field with context %}
+{% from "components/sub-navigation.html" import sub_navigation %}
 
-<h1 class="heading heading-large">Letters</h1>
+{% block per_page_title %}
+  Features
+{% endblock %}
 
-<p>GOV.UK Notify will print, pack and post your letters for you. You can send letters by first or second class postage.</p>
+{% block maincolumn_content %}
 
-<h2 class="heading heading-medium">Features</p>
+<div class="grid-row">
+  <div class="column-one-third">
+    {{ sub_navigation(navigation_links) }}
+  </div>
+  <div class="column-two-thirds">
+    
+    <h1 class="heading heading-large">Letters</h1>
 
-<h3 class="heading heading-small">Upload your own letters</h3>
-<p>You can create reusable letter templates using Notify, or upload and send your own PDFs as one-off letters.</p>
+    <p>GOV.UK Notify will print, pack and post your letters for you. You can send letters by first or second class postage.</p>
 
-<h3 class="heading heading-small">Delivery times</h3>
-<p>Letters sent before 5:30pm are dispatched the next working day (Monday to Friday).</p>
+    <h2 class="heading heading-medium">Features</p>
 
-<p>First class letters are delivered one day after they're dispatched. Second class letters are delivered 2 days after they're dispatched.</p>
+    <h3 class="heading heading-small">Upload your own letters</h3>
+    <p>You can create reusable letter templates using Notify, or upload and send your own PDFs as one-off letters.</p>
 
-<p>Royal Mail delivers from Monday to Saturday, excluding bank holidays.</p>
+    <h3 class="heading heading-small">Delivery times</h3>
+    <p>Letters sent before 5:30pm are dispatched the next working day (Monday to Friday).</p>
 
-<h2 class="heading heading-medium">Pricing</h2>
-<p>It costs between 30p and 76p to send a letter. Prices include:</p>
+    <p>First class letters are delivered one day after they're dispatched. Second class letters are delivered 2 days after they're dispatched.</p>
 
-<ul class="list list-bullet">
-  <li>paper</li>
-  <li>double-sided colour printing</li>
-  <li>C5 size envelopes with an address window</li>
-  <li>first or second class postage</li>
-</ul>
+    <p>Royal Mail delivers from Monday to Saturday, excluding bank holidays.</p>
 
-<p>Letters can be up to 10 pages long (5 double-sided sheets of paper).</p>
+    <h2 class="heading heading-medium">Pricing</h2>
+    <p>It costs between 30p and 76p to send a letter. Prices include:</p>
 
-<p>See pricing.</p>
+    <ul class="list list-bullet">
+       <li>paper</li>
+       <li>double-sided colour printing</li>
+       <li>C5 size envelopes with an address window</li>
+       <li>first or second class postage</li>
+    </ul>
+
+    <p>Letters can be up to 10 pages long (5 double-sided sheets of paper).</p>
+
+    <p>See pricing.</p>