vincentRamiere/briefcharte
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
zylfu 2021-09-12 08:42:07 +02:00 committed by GitHub
parent e81dbbc5fe
commit 8470ce5914
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 122 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

122
index.html Normal file
View File

@ -0,0 +1,122 @@
<!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
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<script type="text/javascript" src="./script/script.js" async></script>
<!-- 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">
<button>Chartre de la promo</button>
</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>