-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (138 loc) · 4.45 KB
/
index.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
---
layout: accueil
titreHtml: "Accueil | MesServicesCyber"
---
<script
type="module"
crossorigin
src="/lib-svelte/dist/assets/extrait.js"
></script>
<section class="chapeau fond-sombre">
<div class="contenu-section">
<h1>Mes​Services​Cyber</h1>
<p>
Accédez aux services et ressources cyber proposés par l’ANSSI et ses
partenaires.
</p>
<div class="boutons">
<a href="/test-maturite" class="bouton primaire"
>Tester votre maturité cyber</a
>
<a href="/catalogue/" class="bouton secondaire">Découvrir nos services</a>
</div>
</div>
</section>
<section class="services-dispos">
<div class="contenu-section">
<h1>Des services adaptés à vos besoins cyber</h1>
{% include script-donnees-json.html %}
<div id="extrait"></div>
<a href="/catalogue" class="bouton primaire">Découvrez plus de services</a>
</div>
</section>
<section class="encart fond-sombre">
<div class="contenu-section">
<div class="liste-parcours">
<div class="carte parcours">
<img
src="/assets/images/debuter-cyber.png"
alt="Illustration débutant cyber"
class="illustration"
/>
<h2>Cybersécurité : se lancer !</h2>
<p>
Découvrez les services et les ressources pour aider votre organisation
à se lancer dans une démarche de renforcement de la cybersécurité.
</p>
<a href="/parcours-debuter" class="bouton primaire"
>Débutez en cybersécurité</a
>
</div>
</div>
</div>
</section>
<section class="votre-espace-cyber">
<div class="contenu-section">
<h1>Accédez à votre espace MesServicesCyber</h1>
<div class="contenu-msc">
<img src="assets/images/espace-msc.svg" />
<div class="fonctions-msc">
<div class="fonction-msc couleur1">
<h2>Gérez votre profil ANSSI</h2>
<p>
Dites-le nous une fois pour utiliser tous les services numériques de
l'ANSSI en commençant par vous authentifier via ProConnect. (À venir)
</p>
</div>
<div class="fonction-msc couleur2">
<h2>Comparez-vous avec d’autres entités</h2>
<p>
Comparez votre organisation à d'autres similiaire à la vôtre pour
identifier vos atouts et vos axes d'amélioration.
</p>
</div>
<div class="fonction-msc couleur1">
<h2>Accédez à vos services et ressources</h2>
<p>
Accédez à une liste de services et ressources personnalisés à
partager au sein de votre organisation pour progresser en
cybersécurité.
</p>
</div>
<div class="fonction-msc couleur2">
<h2>Trouvez les contacts pour vous accompagner</h2>
<p>
Retrouvez une liste de contacts et partenaires de votre région pour
répondre à toutes vos questions sur la cyber. (À venir)
</p>
</div>
</div>
</div>
<a href="#a" class="bouton primaire">Connectez-vous sur MesServicesCyber</a>
</div>
</section>
<section class="nis2">
<div class="contenu-section">
<img
class="illustration"
src="assets/images/directive-nis2.svg"
alt="NIS2"
/>
<h1>La Directive NIS2 est là !</h1>
<p>
Connaissez-vous cette Directive ? Savez-vous si votre entité sera régulée
? Pour en savoir plus et faire le test pour vérifier si votre entité sera
soumise à cette directive, allez sur MonEspaceNIS2.
</p>
<a
href="https://monespacenis2.cyber.gouv.fr/"
target="_blank"
class="bouton secondaire"
>
En savoir plus
</a>
</div>
</section>
<section class="anssi">
<div class="contenu-section">
<h1>Qu’est-ce que l’ANSSI ?</h1>
<img src="assets/images/logo-anssi.svg" class="logo" alt="ANSSI" />
<p>
Créée en 2009, l’Agence nationale de la sécurité des systèmes
d’information (ANSSI) est l’autorité nationale en matière de cybersécurité
et de cyberdéfense.
</p>
<p>
Son action pour la protection de la Nation face aux cyberattaques se
traduit en quatre grandes missions : défendre, connaître, partager,
accompagner.
</p>
<a
href="https://monespacenis2.cyber.gouv.fr/"
target="_blank"
class="bouton secondaire"
>
En savoir plus
</a>
</div>
</section>