-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
369 lines (345 loc) · 11.8 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./styles.css" />
<script src="./script.js" defer></script>
<link rel="icon" type="image/x-icon" href="./assets/favicon.ico" />
<title>OpenMindsClub - CCNA</title>
</head>
<body>
<nav role="navigation">
<ul class="pc-nav">
<li><a href="#planning">Planning</a></li>
<li><a href="#register">S'inscrire</a></li>
<li><a href="#about">À propos de CCNA</a></li>
</ul>
<div id="menuToggle" class="mobile-nav">
<input type="checkbox" />
<span></span>
<span></span>
<span></span>
<ul id="menu">
<a href="#planning"><li>Planning</li></a>
<a href="#register"><li>S'inscrire</li></a>
<a href="#about"><li>À propos de CCNA</li></a>
</ul>
</div>
</nav>
<header>
<div>
<h1>OpenMindsClub Rejoint</h1>
<h1>The Cisco Certified Network Associate</h1>
<div class="row">
<a href="#register" class="button white">S'inscrire</a>
<a href="#about" class="button green">Decouvrir</a>
</div>
<br />
<h1 id="final"></h1>
</div>
</header>
<section id="about">
<div class="title">
<img src="./assets/3dots.png" alt="" />
<h2>À propos de CCNA</h2>
</div>
<div class="row">
<div class="image">
<img src="./assets/img.png" alt="" />
</div>
<div>
<h2>Qu'est ce que CCNA ?</h2>
<p>
La certification Cisco Certified Network Associate (CCNA) est la
première certification Réseau du cursus Métier Cisco, et elle est le
passage obligé avant d'obtenir des certifications spécialisées. Elle
s'adresse aux techniciens réseaux intervenant en environnement
réseau Cisco ainsi qu'aux revendeurs découvrant les produits Cisco.
</p>
<br />
<h2>Pourquoi se certifier CCNA ?</h2>
<p>
Le niveau CCNA prouve auprès des organisations auxquelles le
participant voudrait participer, ses connaissances réseau
(installer, utiliser et dépanner un réseau d'entreprise de taille
moyenne, notamment à partir de la configuration de divers switches
et routeurs, et de mise en œuvre de la sécurité).
</p>
</div>
</div>
</section>
<section id="organizers">
<div class="title">
<img src="./assets/3dots.png" alt="" />
<h2>organisé par</h2>
</div>
<div class="row">
<!-- <div id="fge"></div> -->
<div id="omc"></div>
<div>
<p>
Le club Open Minds est un club scientifique estudiantin de l’USTHB
créé en 2009, son but premier est de faire la promotion de l’esprit
de partage entre étudiants ainsi que de la philosophie Open Source.
</p>
</div>
</div>
</section>
<section id="something">
<div class="title">
<img src="./assets/3dots.png" alt="" />
<h2>Ce Que vous apprendrez</h2>
</div>
<img class="banner" src="./assets/banner.png" alt="" />
<div class="text">
<div>
<ul>
<li>
Identifier les différents composants d'un réseau d'entreprise et
leur rôle.
</li>
<li>
Identifier les différentes solutions possibles à mettre en œuvre
sur les réseaux locaux (LAN).
</li>
<li>
Savoir formuler les différentes façons d'interconnecter les
réseaux avec des routeurs CISCO.
</li>
<li>
Utiliser l'interface de commande en ligne (IOS) pour configurer
des routeurs Cisco.
</li>
<li>
Étendre un réseau avec de multiples switchs, supporter les VLANs,
trunking et spanning-tree.
</li>
<li>
Décrire les concepts du routage et mettre en œuvre le routage sur
un réseau.
</li>
<li>
Réussir la certification CISCO CCNA (nouvel examen 2022) et
devenir Certifié CISCO CCNA
</li>
</ul>
</div>
</div>
<!-- <p>
La formation CISCO CCNA Routing and Switching Niveau 1 est le point de
départ pour tous les professionnels amenés à travailler dans le domaine
des réseaux.
</p>
<p>
Elle permet d’acquérir les connaissances et compétences de base pour
installer, configurer et vérifier les réseaux locaux IPv4 et IPv6, et
identifier les menaces élémentaires pour la sécurité.
</p>
<p>
Elle passe en revue l’architecture, la structure et les fonctions
nécessaires pour prendre en charge aussi bien les opérations des grandes
entreprises que celles de petites enseignes innovantes.
</p>
<p>
C’est le premier cours d’une série de 2 qui vous prépare à des postes de
débutants dans le domaine des réseaux.
</p> -->
</section>
<section id="planning">
<div class="title">
<img src="./assets/3dots.png" alt="" />
<h2>Planning</h2>
</div>
<br />
<div class="content">
<!-- <img src="./assets/planning.png" alt="" /> -->
<br />
<div class="text">
<div>
<h2>Day1- Construction d’un réseau simple</h2>
<ul>
<li>Les composants d'un réseau.</li>
<li>Les caractéristiques du Cisco IOS.</li>
<li>Les réseaux et le rôle des commutateurs dans le LAN.</li>
<li>Ethernet comme couche d'accès au réseau.</li>
</ul>
</div>
<div>
<h2>Day2- Etablissement de la connectivité Internet v4 et v6</h2>
<ul>
<li>La couche TCP/IP Internet, IPv4 et les plans d'adressage.</li>
<li>La couche TCP/IP: Transport et applicatif.</li>
<li>Configuration de base sur un routeur Cisco.</li>
<li>
Fonctionnalités, configuration et connectivité IPv6 de base.
</li>
</ul>
</div>
<div>
<h2>Day3- Mise en œuvre du routage</h2>
<ul>
<li>Routage statique.</li>
<li>Routage dynamique et l'Open Shortest Path First (OSPF).</li>
<li>Réseaux locaux virtuels (VLAN) et les trunks.</li>
<li>
<h2>Mise en œuvre de l’évolutivité des réseaux Campus</h2>
<ul>
<li>
Concepts et types de réseaux Wi-Fi et l’usage des
contrôleurs de réseau Wi-Fi (WLC).
</li>
<li>Overview sur l'automatisation des réseaux.</li>
</ul>
</li>
</ul>
<br />
</div>
<!-- <p>
Protocols and Models OSI and TCP/IP Models Data Link Layer Ethernet
Switching switching concepts Basic Switch and End Device
Configuration
</p>
<p>
Network Layer Numbering System, IPv4 Addressing and Subnetting (with
bonus) Basic Router Configuration
</p>
<p>ICMP ARP IPv6 Addressing Basics</p> -->
</div>
</div>
</section>
<section id="register">
<div class="title">
<img src="./assets/3dots.png" alt="" />
<h2>Inscription</h2>
</div>
<br />
<div class="row">
<div id="countdown">
<span>Temps Restant</span>
<div>
<div>
<span id="days"> </span>
<span>jours</span>
</div>
<div>
<span id="hours"></span>
<span>heures</span>
</div>
<div>
<span id="minutes"></span>
<span>minutes</span>
</div>
</div>
</div>
<form id="form">
<label class="required" for="nom">Nom et Prénom</label>
<input
type="text"
name="name"
id="nom"
placeholder="Votre nom et prénom"
required
/>
<!-- <label class="required" for="prenom">Prénom</label>
<input
type="textarea"
name="firstname"
id="prenom"
placeholder="Votre prénom"
required
/> -->
<label class="required" for="mail">Adresse mail</label>
<input
type="email"
name="email"
id="email"
placeholder="[email protected]"
required
/>
<div>
<div>
<label for="specialite">Specialité</label>
<input
type="text"
name="speciality"
id="specialite"
placeholder="Votre specialité"
/>
</div>
<div class="level-group">
<label for="niveau">Niveau</label>
<select name="level" id="niveau">
<option value="L1">L1</option>
<option value="L2">L2</option>
<option value="L3">L3</option>
<option value="M1">M1</option>
<option value="M2">M2</option>
</select>
</div>
</div>
<label for="discord">Discord ID</label>
<input
type="text"
name="discord"
id="discord"
placeholder="Example#1477"
/>
<label class="required" for="motivation">Motivation</label>
<textarea
class="motivation"
name="morivation"
id="motivation"
cols="30"
rows="10"
></textarea>
<br />
<div id="msg"></div>
<br />
<input type="submit" class="button" value="S'inscrire" />
</form>
<br />
</div>
</section>
<footer>
<div class="row">
<div class="left">
<div class="contact">
<h4>OPENMINDS CLUB</h4>
<p>SUIVEZ-NOUS</p>
<br />
<div class="icons">
<a href="https://web.facebook.com/openmindsclub">
<img src="./assets/facebook.svg" alt="facebook icon" />
</a>
<a href="https://www.instagram.com/openmindsclub/">
<img src="./assets/instagram.svg" alt="instagram icon" />
</a>
<a href="https://twitter.com/clubopenminds">
<img src="./assets/twitter.svg" alt="twitter icon" />
</a>
<a href="https://www.linkedin.com/company/open-minds-club/">
<img src="./assets/linkedin.svg" alt="linkedin icon" />
</a>
</div>
</div>
<div class="about">
<h4>À PROPOS DE NOUS</h4>
<p>OpenMindsClub is a USTHB scientific club founded in 2009.</p>
<p>
USTHB, Maison des science BP 32 El Alia 16111, Bab
Ezzouar, Alger
</p>
</div>
</div>
<div class="logos">
<img src="./assets/omc.png" alt="OpenMindsClub" />
<img src="./assets/usthb.png" alt="USTHB" />
</div>
</div>
<br />
<small>Made with ❤ by humans of OMC</small>
</footer>
</body>
</html>