Skip to content

Instantly share code, notes, and snippets.

@edwardhorsford

edwardhorsford/govuk_service_email_template

Last active April 19, 2016 15:07
Show Gist options
  • Save edwardhorsford/140fd844b13cfe1e4d2e to your computer and use it in GitHub Desktop.
Save edwardhorsford/140fd844b13cfe1e4d2e to your computer and use it in GitHub Desktop.
Download ZIP
GOV.UK service email template
Raw
govuk_service_email_template
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<!-- This disables auto detection of phone numbers in some clients. Remove if not needed. -->
<meta name="format-detection" content="telephone=no">
<title>Page title</title>
</head>
<body style="font-family: Helvetica, Arial, sans-serif;font-size: 16px;margin: 0;color:#0b0c0c">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="100%" height="53px" bgcolor="#0b0c0c">
<table width="580" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td width="100%" bgcolor="#0b0c0c" valign="middle">
<!-- This asset should be hosted by the service -->
<img src="http://govuk-prototyping.herokuapp.com/hmrc-email/govuk_logotype_email.png" alt="GOV.UK" border="0">
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFF" style="margin-bottom: 19px">
<tr>
<td width="100%">
<table width="580" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td width="75%">
<h1 style="font-size: 36px; line-height: 1.315789474; font-weight: 700; margin: 19px 0 38px 0;">
This is the page title
</h1>
<p style="font-size: 19px; line-height: 1.315789474; margin: 30px 0 30px 0;">
Dear A Name,
</p>
<p style="font-size: 19px; line-height: 1.315789474; margin: 0 0 30px 0;">
This is the first paragraph.
</p>
<p style="font-size: 19px; line-height: 1.315789474; margin: 0 0 30px 0;">
This is the second paragraph. It is longer than the first and wraps on to two lines.
</p>
<p style="font-size: 19px; line-height: 1.315789474; margin: 0 0 30px 0;">
This paragraph includes a line-break:<br/>
This is the line after the line-break.
</p>
<p style="border-left: 10px #dee0e2 solid; padding: 14px 0 14px 14px; font-size: 19px; line-height: 1.315789474; margin: 0 0 19px 0;">
This is an inset paragraph used for data or callouts<br/>
Application reference: 123456789<br/>
Date received: 15 March 2015<br/>
</p>
<h2 style="font-size: 24px; line-height: 1.315789474; font-weight: 700; margin: 38px 0 19px 0;">
Second level heading</h2>
<h3 style="font-size: 19px; line-height: 1.315789474; font-weight: 700; margin: 38px 0 19px 0;">
Third level heading
</h3>
<p style="font-size: 19px; line-height: 1.315789474; margin: 0 0 30px 0;">
Intro before a url:
<!-- URLs have white-space: nowrap so that they don't wrap -->
<a style="white-space: nowrap" href="www.gov.uk/service-start-page">www.gov.uk/service-start-page</a>
</p>
<p style="font-weight: 700; font-size: 19px; line-height: 1.315789474; margin: 38px 0 38px 0;">
Department or agency name
</p>
</td>
<td width="25%">&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment