generated from tanikair/ci-full-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprogrammes.html
391 lines (359 loc) · 25.1 KB
/
programmes.html
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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/497e577645.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/style.css">
<link rel="icon" type="image/png" sizes="48x48" href="../assets/images/red_hand_favicon.jpg">
<meta name="description" content="The aim of Prevent is to stop people from becoming terrorists or supporting terrorism.">
<meta name="keywords" content="Prevent, radicalisation, terrorism">
<meta name="author" content="ShakaHacka">
<title>Prevent</title>
</head>
<body>
<!--Nav-->
<!-- Nav bar styles with responsive expansion and fixed positioning as well as colours -->
<nav class="navbar navbar-light navbar-expand-lg bg-light fixed-top">
<!-- Sends user back to home page when clicked -->
<a href="/index.html" class="navbar-brand"><strong>Prevent</strong></a>
<!-- Toggle navigation for smaller devices -->
<button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<!-- Toggle burger icon -->
<span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<!-- Site pages linked in nav bar -->
<ul class="navbar-nav w-100 d-flex justify-content-between">
<!-- Home page -->
<li class="active nav-item mr-2"><a class="nav-link" href="index.html">Home</a></li>
<!-- Programmes page -->
<li class="nav-item mr-2"><a class="nav-link" href="programmes.html">Programmes</a></li>
<!-- Counter Narrative page leading straight to downloadable document in seperate tab -->
<li class="nav-item mr-2"><a class="nav-link"
href="assets/Radicalisation-the-counter-narrative-and-identifying-the-tipping-point-government-response-Eighth-Report-26-17-Cm-9555.pdf"
target="_blank">Counter
Narrative</a></li>
<!-- Get involved page -->
<li class="nav-item mr-2"><a class="nav-link" href="getinvolved.html">Get Involved</a></li>
<!-- My story page -->
<li class="nav-item mr-2"><a class="nav-link" href="mystory.html">My Story</a></li>
<!-- Gallery page -->
<li class="nav-item mr-2"><a class="nav-link" href="gallery.html">Gallery</a></li>
</ul>
<!-- Sign up button and label -->
<label class="label-button-spacing">Sign up for the Prevent newsletter</label>
<a href="#" id="signup-button" class="btn btn-secondary" data-toggle="modal" data-target="#signupModal">Sign Up</a>
</div>
</nav>
<!-- Sign Up Modal -->
<div class="modal fade" id="signupModal" tabindex="-1" aria-labelledby="signupModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="signupModalLabel">Sign Up</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<!-- Sign up form inside modal popup -->
<form>
<div class="form-group">
<label for="first-name">First Name</label>
<input type="text" class="form-control" id="first-name"
placeholder="Enter your first name">
<div class="form-group">
<label for="last">Last Name</label>
<input type="text" class="form-control" id="last"
placeholder="Enter your last name">
<div class="form-group">
<label for="email">Email address</label>
<input type="email" class="form-control" id="email"
placeholder="Enter your email">
</div>
</div>
<!-- Submit button -->
<button type="submit" class="btn btn-secondary">Sign Up</button>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- programme section -->
<div class="container-fluid programmes-background">
<div class="opaque-overlay"> </div>
<div class="row">
<div class="col-12">
<p> </p>
<p> </p>
<p> </p>
<div class="awareness-course">
<h2>Awareness course</h2>
<p>This course takes 30 to 40 minutes to complete.
</p>
<h2>Who it's for</h2>
<p>This course is for anyone new to Prevent. If you're unsure what Prevent is and
what signs to look for when it comes to risks of radicalisation, awareness is
the first course in our Prevent duty training.
It's for anyone working with members of the public on a regular basis, for example
those who work in education, health, probation, police and local authorities. Members of the
public who
would like to learn more about how to identify behaviours that cause concern may also complete
it.
You can share this training with others by sending this link:
<a href="https://www.support-people-susceptible-to-radicalisation.service.gov.uk/portal#awareness-course"
target="_blank">Support people susceptible to radicalisation.</a>
</p>
<h2>Course overview</h2>
<p>This course will give you an introduction to the Prevent duty, the forms of extremism
and terrorism threatening the UK and develop your knowledge around the risks of
radicalisation and your supportive role.</p>
<p>When you have completed this course, you will be able to:</p>
<ul>
<li>know what Prevent is</li>
<li>understand why Prevent is important</li>
<li>understand how Prevent applies to your role</li>
<li>identify the emotions and behaviours that might make someone susceptible to radicalisation
</li>
<li>understand how to apply the notice, check, share procedure</li>
</ul>
<a href="https://www.support-people-susceptible-to-radicalisation.service.gov.uk/onboarding/awareness-course/country"
target="_blank">Start the Awareness Course</a>
</div>
</div>
</div>
<br>
<!-- referrals section -->
<div class="awareness-course">
<div class="row">
<div class="col-12">
<h2>Referrals course</h2>
<p>This course takes 30 to 40 minutes to complete.</p>
<h2>Before you begin</h2>
<p>You must complete the awareness course before starting this course.</p>
<h2>Who is it for?</h2>
<p>This course is primarily designed for Designated Safeguarding Leads (DSL), Prevent
professionals
or equivalent roles who make Prevent referrals to the police. If that responsibility
is a part
of your job role, regardless of your job title, then this course is for you.
This course is also for anyone who may need to make a Prevent referral and those who
might
spot a concern they need to raise with their DSL or an equivalent so that they can
make a referral to the police.
You can share this training with others by sending this link:
<a href="https://www.support-people-susceptible-to-radicalisation.service.gov.uk/portal#referrals-course"
target="_blank"></a>
</p>
<h2>Course overview
</h2>
<p>This course builds on the awareness course and will explain how to make a Prevent
referral that is both informed and with good intention.</p>
<p>When you have completed this course, you will be able to:</p>
<ul>
<li>know what Prevent is</li>
<li>know what information to gather</li>
<li>know who to speak to, to validate concerns</li>
<li>identify valid causes for concern</li>
<li>know the key principles for making a Prevent referral
</li>
</ul>
<a href="https://www.support-people-susceptible-to-radicalisation.service.gov.uk/onboarding/awareness-course/country"
target="_blank">Start the Referral Course</a>
</div>
</div>
</div>
<br>
<!-- pmap-section -->
<div class="pmap-course">
<div class="row">
<div class="col-12">
<h2>Channel or Prevent Multi-Agency Panel (PMAP) course</h2>
<p>This course takes 50 to 60 minutes to complete.</p>
<h2>Before you begin</h2>
<p>You must complete the awareness and referrals courses before starting
this course.
</p>
<h2>Who is it for?</h2>
<p>Channel is a multi-agency programme across England and Wales that
provides support at
an early stage to people who are at risk of radicalisation, becoming
terrorists or
supporting terrorism. In Scotland, the programme is known as Prevent
Multi-Agency Panel (PMAP).
This course is for:</p>
<ul>
<li>local authority Channel panel or PMAP chairs</li>
<li>Channel or PMAP members</li>
<li>anyone who may be asked to contribute to, or sit on, a Channel panel
or PMAP</li>
</ul>
<p>You may be asked to join a panel meeting if you have been involved in the
Prevent referral of a person or have a connection with the person, such
as you are their teacher, or social worker.
Complete this course before attending a Channel panel or PMAP so you
have a better understanding of how the Prevent programme helps those at
risk of radicalisation.
</p>
<p>You can share this training with others by sending this link:</p>
<a href="https://www.support-people-susceptible-to-radicalisation.service.gov.uk/portal#channel-or-prevent-multi-agency-panel-pmap-course"
target="_blank"></a>
<h2>Course overview</h2>
<p>This course will give you an understanding of the full Channel or PMAP
process and the intervention options available.
</p>
<p>When you have completed this course, you will be able to:</p>
<ul>
<li>describe what Channel or PMAP is</li>
<li>identify the roles and responsibilities of people within the Channel
panel or PMAP</li>
<li>share information at the right time with the right person</li>
<li>recognise the first steps to assess whether someone is susceptible
to becoming a terrorist or supporting terrorism</li>
<li>identify the most appropriate options available to support a person
at risk</li>
<li>understand the requirement to obtain consent before being able to
support a person</li>
</ul>
<a href="https://www.support-people-susceptible-to-radicalisation.service.gov.uk/onboarding/channel-or-prevent-multi-agency-panel-pmap-course/country"
target="_blank">Start the Channel or PMAP Course</a>
</div>
</div>
</div>
<br>
<!-- refresher-awareness-section-->
<div class="pmap-course">
<div class="row">
<div class="col-12">
<h2>Refresher awareness course</h2>
<p>This course takes 20 to 30 minutes to complete.</p>
<h2>Before you begin</h2>
<p>You must have previously completed the awareness course
before beginning this refresher course.</p>
<h2>Who its for?</h2>
<p>This course is for anyone who has already completed the
awareness course and would like a
reminder of the key points. We suggest you do this course
every year, however you should
refer to your local Prevent training policy for advice.</p>
<p>When you have completed this course, you will be able to:</p>
<p>You can share this training with others by sending this link:
</p>
<a href="https://www.support-people-susceptible-to-radicalisation.service.gov.uk/portal#refresher-awareness-course"
target="_blank">You can share this training with others with
this link.</a>
<br>
<br>
<h2>Course overview</h2>
<ul>
<li>know what Prevent is</li>
<li>understand why Prevent is important</li>
<li>understand how Prevent applies to your role</li>
<li>identify the emotions and behaviours that might make
someone susceptible to radicalisation</li>
<li>understand how to apply the notice, check, share
procedure</li>
</ul>
<a href="https://www.support-people-susceptible-to-radicalisation.service.gov.uk/onboarding/refresher-awareness-course/country"
target="_blank">Start the
Refresher Awareness Course</a>
</div>
</div>
</div>
<br>
<div id="programme-image">
<div id="circle-cover-bg"></div>
</div>
</div>
<!-- Footer -->
<footer class="text-center" style="background-color:#cccccc;">
<div class="container p-4">
<!-- Social Media contact links -->
<section class="mb-4">
<h6>Connect with us</h6>
<!-- Facebook styled link in footer -->
<a class="btn btn-primary btn-floating m-1" style="background-color: #3b5998" href="https://en-gb.facebook.com/" target="_blank" role="button"><i class="fab fa-facebook-f"></i></a>
<!-- Twitter styled link in footer -->
<a class="btn btn-primary btn-floating m-1" style="background-color: #55acee" href="https://x.com/?lang=en" target="_blank" role="button"><i class="fab fa-twitter"></i></a>
<!-- Instagram styled link in footer -->
<a class="btn btn-primary btn-floating m-1" style="background-color: #ac2bac" href="https://www.instagram.com/" target="_blank" role="button"><i class="fab fa-instagram"></i></a>
<!-- Youtube styled link in footer -->
<a class="btn btn-primary btn-floating m-1" style="background-color: #dd4b39" href="https://www.youtube.com/watch?v=Otc2eaRY32s&t=25s&pp=ygUccHJldmVudCByYWRpY2FsaXNhdGlvbiB2aWRlbw%3D%3D" target="_blank" role="button"><i class="fab fa-youtube"></i></a>
</section>
<!-- signup section of footer with a form for easy access on any page. -->
<section class="">
<h6>Sign-up</h6>
<form>
<!-- bootstrap styles added to layout the footer features -->
<div class="row d-flex justify-content-center">
<div class="col-auto">
<!-- Sign up form part of the footer -->
<p class="pt-2">
<strong>Sign up for our newsletter</strong>
</p>
</div>
<div class="col-md-5 col-12">
<div class="form-outline mb-4">
<input type="email" id="form5Example2" class="form-control">
<label class="form-label" for="form5Example2">Email address</label>
</div>
</div>
<!-- Signup submit button -->
<div class="col-auto">
<button type="submit" class="btn btn-primary mb-4">Subscribe</button>
</div>
</div>
</form>
</section>
<!-- signup section of the footer, adding another accessible option on every page to easily sign up for more information -->
<section class="mb-4">
<h6>Keep informed</h6>
<p>If you would like to keep informed of all of our activities and latest advice in the combatting of radicalisation then sign up to our newsletter for all of your information.</p>
</section>
</div>
</footer>
<!-- modal section for signup -->
<div class="modal" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>Modal body text goes here.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<!-- javascript links -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<!-- script for field entry -->
<script>
document.getElementById('immediate-assistance-button').addEventListener('click', function () {
var textFieldGroup = document.getElementById('text-field-group');
if (textFieldGroup.style.display === 'none') {
textFieldGroup.style.display = 'block';
} else {
textFieldGroup.style.display = 'none';
}
});
</script>
</body>
</html>