mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-02-05 10:53:28 -05:00
95 lines
4.1 KiB
HTML
95 lines
4.1 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<html>
|
|
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<title>Page title</title>
|
|
|
|
<style>
|
|
@media only screen and (min-device-width: 581px) {
|
|
.content {
|
|
width: 580px !important;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body style="font-family: Helvetica, Arial, sans-serif;font-size: 16px;margin: 0;color:#0b0c0c">
|
|
|
|
<!--[if (gte mso 9)|(IE)]>
|
|
<table width="580" align="center" cellpadding="0" cellspacing="0" border="0">
|
|
<tr>
|
|
<td>
|
|
<![endif]-->
|
|
<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 class="content" align="center" cellpadding="0" cellspacing="0" border="0" style="width: 100%; max-width: 580px;">
|
|
<tr>
|
|
<td>
|
|
<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>
|
|
</tr>
|
|
</table>
|
|
|
|
<!--[if (gte mso 9)|(IE)]>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<![endif]-->
|
|
|
|
</body>
|
|
</html> |