2021-09-10 07:22:10 +00:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="fr">
|
|
|
|
|
|
<head>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Les bases d'une page HTML
|
|
|
|
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
<title>Charte de promo </title>
|
|
|
|
|
|
<meta name="description" content="Notre Charte de Promo">
|
|
|
|
|
|
<meta name="author" content="Promo Simplon La Poste">
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Métadonnées spécifique Mobiles
|
|
|
|
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Liaisons des Polices
|
|
|
|
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
|
|
|
|
|
<link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Liaisons des fichiers CSS
|
|
|
|
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
|
|
|
|
|
<link rel="stylesheet" href="./css/normalize.css">
|
|
|
|
|
|
<link rel="stylesheet" href="./css/skeleton.css">
|
|
|
|
|
|
<link type="text/css" rel="stylesheet" href="./css/style.css">
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Liaisons du fichier JS si vous faites le bonus
|
|
|
|
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
|
|
|
|
|
<!-- TODO -->
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Liaison du Favicon
|
|
|
|
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="shortcut icon" type="image/ico" href="images/favicon.ico"/>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- TODO -->
|
|
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<header class="header">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<h4>
|
|
|
|
|
|
Promo DWWM - La Poste 2021 <br>
|
|
|
|
|
|
</h4>
|
2021-09-10 08:14:10 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2021-09-10 07:22:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Structure principale de la page
|
|
|
|
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
|
|
|
|
|
<main class="container">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="column">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
|
|
<section>
|
|
|
|
|
|
|
2021-09-10 08:14:10 +00:00
|
|
|
|
<div class="intro">
|
|
|
|
|
|
|
2021-09-10 10:19:45 +00:00
|
|
|
|
<h5>Ceci est notre charte de promo
|
|
|
|
|
|
<button>Accès Charte</button>
|
|
|
|
|
|
</h5>
|
|
|
|
|
|
|
|
|
|
|
|
<p>Ces règles ont été inventées pour la promotion 5 de la poste !<br> C'est à dire la <strong>MEILLEURE</strong> de toutes !</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
2021-09-10 08:14:10 +00:00
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
2021-09-10 10:19:45 +00:00
|
|
|
|
|
|
|
|
|
|
<div class="blocs">
|
2021-09-10 07:22:10 +00:00
|
|
|
|
<div class="bloc">
|
2021-09-10 10:19:45 +00:00
|
|
|
|
<h5>Engagement collectif</h5>
|
2021-09-10 07:22:10 +00:00
|
|
|
|
<ol>
|
|
|
|
|
|
<li>La solidarité est le maître mot de la formation ! </li>
|
|
|
|
|
|
<li>Je participe activement à la vie du groupe ! </li>
|
2021-09-10 10:19:45 +00:00
|
|
|
|
<li>J'aide mes camarades dans le besoin ! </li>
|
|
|
|
|
|
<li>La transparence est une des valeurs fondamentales du groupe ! </li>
|
2021-09-10 07:22:10 +00:00
|
|
|
|
</ol>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="bloc">
|
2021-09-10 10:19:45 +00:00
|
|
|
|
<h5>Engagement individuel</h5>
|
2021-09-10 07:22:10 +00:00
|
|
|
|
|
|
|
|
|
|
<ol>
|
2021-09-10 10:19:45 +00:00
|
|
|
|
<li>Je m'autoforme continuellement pour ne pas rester en retraît ! </li>
|
|
|
|
|
|
<li>J'interviens pendant les sessions et j'essaye de ne pas rester en retrait ! </li>
|
|
|
|
|
|
<li>Je me couche tôt, je me lêve tôt, et j'ai le sourire toute la journée ! </li>
|
|
|
|
|
|
<li>Je m'accorde des petites pauses pour m'oxygéner !</li>
|
|
|
|
|
|
<li>Je dis bonjour tous les matins et je dis Au revoir tous les soirs ! </li>
|
2021-09-10 07:22:10 +00:00
|
|
|
|
</ol>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="bloc">
|
2021-09-10 10:19:45 +00:00
|
|
|
|
<h5>Règles diverses</h5>
|
2021-09-10 07:22:10 +00:00
|
|
|
|
|
|
|
|
|
|
<ol>
|
2021-09-10 10:19:45 +00:00
|
|
|
|
<li>J'ouvre la fênêtre le matin et je ferme la fenêtre le soir ! </li>
|
|
|
|
|
|
<li> Je mange du code au moins 1 fois par jour ! </li>
|
|
|
|
|
|
<li>Je fais un footing avec Blandine 1 fois par semaine ! </li>
|
2021-09-10 07:22:10 +00:00
|
|
|
|
</ol>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="bloc">
|
2021-09-10 10:19:45 +00:00
|
|
|
|
<h5>Fun</h5>
|
2021-09-10 07:22:10 +00:00
|
|
|
|
|
|
|
|
|
|
<ol>
|
2021-09-10 10:19:45 +00:00
|
|
|
|
<li>Je supporte le stade Rennais car c'est le meilleur club au monde ! </li>
|
|
|
|
|
|
<li>Je paye ma tournée pour mon anniversaire ! </li>
|
|
|
|
|
|
<li>Je m'abonne à Simplon sur Twitter ! </li>
|
2021-09-10 07:22:10 +00:00
|
|
|
|
</ol>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
Grâce à ce règlement on obtient le code suivant :
|
|
|
|
|
|
<pre><code style="overflow: auto;">
|
|
|
|
|
|
var compétencesDePromo = [];
|
|
|
|
|
|
var humeurPromo = 'Au top';
|
|
|
|
|
|
if('règles comprises' == true && 'règles appliquées' == true) {
|
|
|
|
|
|
compétencesDePromo.push(new Compétence());
|
|
|
|
|
|
} else {
|
|
|
|
|
|
humeurPromo = 'Pas top';
|
|
|
|
|
|
}
|
|
|
|
|
|
</code></pre>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
</main>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Fin du document (fermeture des balises)
|
|
|
|
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
