2021-09-12 06:42:07 +00:00
<!DOCTYPE html>
< html lang = "fr" >
< head >
<!-- Les bases d'une page HTML
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
< meta charset = "utf-8" >
< title > Charte de promo : DWWM - La Poste 2021< / 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-10-26 13:46:49 +00:00
< script type = "text/javascript" src = "./script/script.js" defer > < / script >
2021-09-12 06:42:07 +00:00
<!-- Liaison du Favicon
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
< link rel = "shortcut icon" type = "image/ico" href = "./images/favicon.png" >
< / 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 = "eight 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 > ! < br > Les voici, prenez plaisir à les parcourir !< / p >
< / div >
< div class = "four columns" >
2021-10-26 13:46:49 +00:00
< button > Charte de la promo< / button >
2021-09-12 06:42:07 +00:00
< / div >
< / div >
< div class = "blocs" >
< div class = "bloc" >
< h5 class = "titre" > Engagement collectif < font size = "2.5em" > < span > (Cliquez pour étendre)< / span > < / font > < / h5 >
< ol >
< li > La solidarité est le maître mot de la formation ! < / li >
< li > Je participe activement à la vie du groupe ! < / li >
< li > J'aide mes camarades dans le besoin ! < / li >
< li > La transparence est une des valeurs fondamentales du groupe ! < / li >
< / ol >
< / div >
< div class = "bloc" >
< h5 class = "titre" > Engagement individuel < font size = "2.5em" > < span > (Cliquez pour étendre)< / span > < / font > < / h5 >
< ol >
< 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 >
< / ol >
< / div >
< div class = "bloc" >
< h5 class = "titre" > Règles diverses < font size = "2.5em" > < span > (Cliquez pour étendre)< / span > < / font > < / h5 >
< ol >
< 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 >
< / ol >
< / div >
< div class = "bloc" >
< h5 class = "titre" > Fun < font size = "2.5em" > < span > (Cliquez pour étendre)< / span > < / font > < / h5 >
< ol >
< 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 >
< / ol >
< / div >
< 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 >
< / main >
<!-- Fin du document (fermeture des balises)
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
< / body >
< / html >
