-
Notifications
You must be signed in to change notification settings - Fork 328
/
index.njk
122 lines (114 loc) · 6.82 KB
/
index.njk
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
---
name: Campaign page
scenario: >-
You want to know the latest updates on the coronavirus pandemic.
This is an example of a complex campaign page.
notes: >-
Based on https://www.gov.uk/coronavirus
---
{% extends "full-page-example.njk" %}
{% from "header/macro.njk" import govukHeader %}
{% from "breadcrumbs/macro.njk" import govukBreadcrumbs %}
{% set pageTitle = "Coronavirus (COVID‑19)" %}
{% block pageTitle %}{{ pageTitle }} - GOV.UK{% endblock %}
{% block head %}
{{ super() }}
<link rel="stylesheet" href="/public/full-page-examples/campaign-page.css">
{% endblock %}
{% block header %}
{{ govukHeader({
homepageUrl: "#",
classes: "app-header--campaign"
}) }}
{% endblock %}
{% block main %}
<div class="app-covid-banner-top">
<div class="govuk-width-container">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
{{ govukBreadcrumbs({
items: [
{
text: "Home",
href: "#"
}
]
}) }}
<h1 class="govuk-heading-xl govuk-!-margin-bottom-5">{{ pageTitle }}</h1>
</div>
</div>
</div>
</div>
<div class="app-covid-banner-bottom">
<div class="govuk-width-container">
<div class="govuk-grid-row app-covid-banner-bottom">
<div class="govuk-grid-column-two-thirds">
<h2 class="govuk-heading-m">National lockdown: stay at home</h2>
<p class="govuk-body">Coronavirus (COVID‑19) is spreading fast.</p>
<p class="govuk-body">Do not leave your home unless necessary.</p>
<p class="govuk-body">1 in 3 people who have the virus have no symptoms, so you could be spreading it without knowing it.</p>
<a class="govuk-link govuk-link--inverse app-cta-link" href="">Find out what the rules are</a>
</div>
</div>
</div>
</div>
<div class="govuk-width-container">
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-third">
<div class="app-nhs-box">
<h2 class="govuk-heading-m">If you have any coronavirus symptoms:</h2>
<ul class="govuk-list govuk-list--bullet">
<li>a high temperature</li>
<li>a new, continuous cough</li>
<li>a loss of, or change to, your sense of smell or taste</li>
</ul>
<p class="govuk-body govuk-!-font-weight-bold"><a class="govuk-link" href="#">Get a test</a> and stay at home</p>
</div>
<div class="app-danger-box">
<h2 class="govuk-heading-m">Find out what support you can get</h2>
<p class="govuk-body">For example, if you’re out of work, need to get food, or want to take care of your mental health.</p>
<p class="govuk-body govuk-!-font-weight-bold"><a class="govuk-link govuk-link--inverse" href="#">Find support</a></p>
</div>
</div>
<div class="govuk-grid-column-two-thirds">
<section class="govuk-!-margin-bottom-8">
<h2 class="govuk-heading-m">Recent and upcoming changes</h2>
<h3 class="govuk-heading-s">27 January</h3>
<p class="govuk-body">The Prime Minister has announced that <a class="govuk-link" href="#">it’ll not be possible to resume face-to-face learning</a> for the majority of pupils and students until 8 March at the earliest.</p>
<p class="govuk-body">The Prime Minister has also announced <a class="govuk-link" href="#">further measures at the border</a>, including the strengthening of requirements for some arrivals through hotel isolation. We’ll set out more details in due course.</p>
<h3 class="govuk-heading-s">5 January</h3>
<p class="govuk-body"><a class="govuk-link" href="#">National lockdown rules apply in England</a>. Stay at home. Find out what the rules are in <a class="govuk-link" href="#">Scotland</a>, <a class="govuk-link" href="#">Wales</a> and <a class="govuk-link" href="#">Northern Ireland</a>.</p>
<p class="govuk-body"><a class="govuk-link" href="#">Shielding has resumed in England</a>. If you’re shielding, do not attend work, school, college or university. You can get <a class="govuk-link" href="#">support if you’re clinically extremely vulnerable</a>, for example priority access to supermarket deliveries.</p>
</section>
<section class="app-section">
<h2 class="govuk-heading-m">Announcements</h2>
<h3 class="govuk-heading-s govuk-!-margin-bottom-1"><a class="govuk-link" href="#">Schools and colleges will not return to full face-to-face education after February half-term</a></h3>
<p class="govuk-body">Published 27 January 2021</p>
<h3 class="govuk-heading-s govuk-!-margin-bottom-1"><a class="govuk-link" href="#">New rules for people travelling in to and out of the UK</a></h3>
<p class="govuk-body">Published 27 January 2021</p>
<h3 class="govuk-heading-s govuk-!-margin-bottom-1"><a class="govuk-link" href="#">New hard-hitting national TV ad urges the nation to stay at home</a></h3>
<p class="govuk-body">Published 27 January 2021</p>
<p class="govuk-body"><a class="govuk-link" href="#">See all announcements</a></p>
</section>
<section class="app-section govuk-!-margin-bottom-8">
<h2 class="govuk-heading-m">Announcements</h2>
<h3 class="govuk-heading-s govuk-!-margin-bottom-1"><a class="govuk-link" href="#">Daily summary of coronavirus testing, cases and vaccinatons</a></h3>
<h3 class="govuk-heading-s govuk-!-margin-bottom-1"><a class="govuk-link" href="#">All data and analysis on coronavirus</a></h3>
<h3 class="govuk-heading-s govuk-!-margin-bottom-1"><a class="govuk-link" href="#">Coronavirus cases by local authority</a></h3>
</section>
<section class="app-section govuk-!-margin-bottom-8">
<h2 class="govuk-heading-m">All coronavirus information on GOV.UK</h2>
<h3 class="govuk-heading-s govuk-!-margin-bottom-1"><a class="govuk-link" href="#">Guidance</a></h3>
<h3 class="govuk-heading-s govuk-!-margin-bottom-1"><a class="govuk-link" href="#">News</a></h3>
<h3 class="govuk-heading-s govuk-!-margin-bottom-1"><a class="govuk-link" href="#">Legislation (legislation.gov.uk)</a></h3>
<h3 class="govuk-heading-s govuk-!-margin-bottom-1"><a class="govuk-link" href="#">Press conferences (YouTube)</a></h3>
<h3 class="govuk-heading-s govuk-!-margin-bottom-1"><a class="govuk-link" href="#">Press conference statements</a></h3>
</section>
<div class="app-updates">
<h3 class="govuk-heading-s">Stay up to date with GOV.UK</h3>
<p class="govuk-body"><a class="govuk-link" href="#">Sign up to get emails when we change any coronavirus information on the GOV.UK website</a></p>
</div>
</div>
</div>
</div>
{% endblock %}