57 lines
2.0 KiB
HTML
57 lines
2.0 KiB
HTML
<div class="well">
|
|
<h3>Bienvenue !</h3>
|
|
<p>
|
|
Compromissions, défauts de configuration, utilisations malveillantes,
|
|
contournements des règles de sécurité, … tous les jours nous mettons
|
|
en danger nos données.
|
|
</p>
|
|
<p>
|
|
Saurez-vous identifier les différents vecteurs de fuites de données avec
|
|
lesquels nos systèmes d'informations et nos utilisateurs font faces ?
|
|
</p>
|
|
<p>
|
|
Bon courage !
|
|
</p>
|
|
</div>
|
|
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title">Progressions</h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
|
|
<strong>Vous</strong>
|
|
<div class="progress progress-striped">
|
|
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60"
|
|
aria-valuemin="0" aria-valuemax="100" style="width: 18%;">
|
|
<span class="sr-only">18% Complete</span>
|
|
</div>
|
|
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="60"
|
|
aria-valuemin="0" aria-valuemax="100" style="width: 18%;">
|
|
<span class="sr-only">18% Complete</span>
|
|
</div>
|
|
</div>
|
|
|
|
<strong>Le temps</strong>
|
|
<div class="progress">
|
|
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60"
|
|
aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
|
|
<span class="sr-only">90 minutes restantes</span>
|
|
</div>
|
|
</div>
|
|
|
|
<strong>La meilleure équipe</strong>
|
|
<div class="progress">
|
|
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60"
|
|
aria-valuemin="0" aria-valuemax="100" style="width: 28%;">
|
|
<span class="sr-only">18% Complete</span>
|
|
</div>
|
|
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="60"
|
|
aria-valuemin="0" aria-valuemax="100" style="width: 18%;">
|
|
<span class="sr-only">18% Complete</span>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|