2021-09-11 15:29:59 +00:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="fr">
|
|
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Les bases d'une page HTML
|
|
|
|
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
<title>Charte de groupe Promo 5 </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 rel="stylesheet" href="css/style.css">
|
|
|
|
|
|
<!-- Liaisons du fichier JS si vous faites le bonus
|
|
|
|
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
2021-09-18 16:07:15 +00:00
|
|
|
|
|
2021-09-11 15:29:59 +00:00
|
|
|
|
<!-- TODO -->
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Liaison du Favicon
|
|
|
|
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
|
|
|
|
|
<link rel="icon" href="images/favicon.png">
|
|
|
|
|
|
<!-- TODO -->
|
|
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<header class="header">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<h4>Promo DWWM - La Poste 2021
|
|
|
|
|
|
</h4>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Structure principale de la page
|
|
|
|
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
|
|
|
|
|
<main class="container">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="six columns">
|
|
|
|
|
|
<h4>Ceci est notre charte de promo</h4>
|
|
|
|
|
|
<p>Ces règles nous unissent et ont été <strong>inventées</strong> et sont <strong>officieuses</strong> ! Les
|
|
|
|
|
|
voici, prenez plaisir à les parcourir !</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Primary buttons -->
|
|
|
|
|
|
<div class="six columns">
|
2021-09-18 16:07:15 +00:00
|
|
|
|
<button class="button-primary">Acces charte</button>
|
2021-09-11 15:29:59 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<section class="containerreusite">
|
|
|
|
|
|
<h5 class="reduire"> Réussite collective<span class="accordeon">+</span></h5>
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>Nous nous entraidons dans le respect !</li>
|
|
|
|
|
|
<li>Nous respectons la parole de l'autre</li>
|
|
|
|
|
|
<li>Nous ne portons pas de jugement sur le travail des autres</li>
|
|
|
|
|
|
<li>Nous respectons nos différences</li>
|
|
|
|
|
|
<li>Nous partageons nos souces et autres outils</li>
|
|
|
|
|
|
<li>Nous nous engageons à travailler avec toutes les personnes de la promo</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<section class="containervivreensemble">
|
|
|
|
|
|
<h5 class="reduire"> Vivre ensemble<span class="accordeon">+</span></h5>
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>Dents lavées pour venir en formation</li>
|
|
|
|
|
|
<li>Nous apportons les croissants à tour de rôle les mardis et jeudi</li>
|
|
|
|
|
|
<li>Restons nous même</li>
|
|
|
|
|
|
<li>Je fais attention aux affaires des autres quand ils sont absents</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<section class="containercovid">
|
|
|
|
|
|
<h5 class="reduire"> Covid<span class="accordeon">+</span></h5>
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>Respecter le port du masque</li>
|
|
|
|
|
|
<li>Garder dans le mesure du possible le metre de distance entre apprenants</li>
|
|
|
|
|
|
<li>Se laver les mains régulièrement</li>
|
|
|
|
|
|
<li>Désinfecter les tables quotidiennement</li>
|
|
|
|
|
|
<li>Embrassons nous tout les matins :)</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<section class="containerfun">
|
|
|
|
|
|
<h5 class="reduire"> Pour le fun<span class="accordeon">+</span></h5>
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>Jeudi soir apéro obligatoire</li>
|
|
|
|
|
|
<li>Une blague quotidienne en fin de journée pour détendre l'atmosphère</li>
|
|
|
|
|
|
<li>Ramener un fraisier pour Jéremy</li>
|
|
|
|
|
|
<li>Rester joyeux en toutes circonstances</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
|
|
<section>
|
|
|
|
|
|
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>
|
|
|
|
|
|
|
|
|
|
|
|
<button class="random"> Random apprenant</button>
|
|
|
|
|
|
|
|
|
|
|
|
</main>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Fin du document (fermeture des balises)
|
|
|
|
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="accordeon.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
