Hack_explo/site/index.html

167 lines
6.0 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Try to hack me if you can!</title>
<link href="hacker.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Mon site pour devenir maître du monde</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">CLICK ME!!!<span class="caret"></span> </a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Ooh un lien</a></li>
<li><a href="#">Un autre</a></li>
<li><a href="#">Mais ya toujours rien derrière</a></li>
<li class="divider"></li>
<li class="dropdown-header">Quoi que...</li>
<li><a href="#">Alors?</a></li>
<li><a href="#">Hein?</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div class="container">
<!-- Jumbotron -->
<div class="jumbotron">
<h1>3M</h1>
<p>Je suis 3M (moi maître du monde)</p>
<p>Ceci est mon antre. Un coin secret où je cache tous mes projets démoniaques.</p>
<div class="col-sm-6">
<a href="#" class="btn btn-success">Mou</a>
<a href="#" class="btn btn-warning">Ha</a>
<a href="#" class="btn btn-primary">Ha</a>
</div>
</div>
<div class="row tall-row">
<div class="col-lg-12">
<h1>Projets en cours</h1>
<hr>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<h3>Infiltrer la NASA</h3>
<div class="progress progress-striped">
<div class="progress-bar" style="width: 15%"></div>
</div>
<h3> Craquer le secret de la pierre philosophale </h3>
<div class="progress progress-striped active">
<div class="progress-bar progress-bar-info" style="width: 30%"></div>
</div>
<h3> Résoudre N = NP</h3>
<div class="progress progress-striped active">
<div class="progress-bar progress-bar-success" style="width: 45%"></div>
</div>
<h3> Réussir mon prochain devoir d'info </h3>
<div class="progress progress-striped active">
<div class="progress-bar progress-bar-warning" style="width: 60%"></div>
</div>
<h3> Ne pas oublier mes affaires </h3>
<div class="progress progress-striped active">
<div class="progress-bar progress-bar-warning" style="width: 10%"></div>
</div>
</div>
</div>
<!-- Wells -->
<div class="row tall-row">
<div class="col-lg-12">
<h1>Ce que les gens disent de moi</h1>
<hr>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="well well-lg">
C'est un être incroyable.
</div>
</div>
<div class="col-md-4">
<div class="well well-lg">
Rien ne peut le dépasser.
</div>
</div>
<div class="col-md-4">
<div class="well well-lg">
Impossible de l'attaquer
</div>
</div>
</div>
<!-- Alerts -->
<div class="row tall-row">
<div class="col-lg-12">
<h2>Alerts</h2>
<hr>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="alert alert-dismissible alert-warning">
<button type="button" class="close">×</button>
<h4>Warning!</h4>
<p>Vous faites quoi ici?</p>
</div>
<div class="row">
<div class="col-lg-4">
<div class="alert alert-dismissible alert-danger">
<button type="button" class="close">×</button>
Partez vous n'avez il y a rien à voir.
</div>
</div>
<div class="col-lg-4">
<div class="alert alert-dismissible alert-success">
<button type="button" class="close">×</button>
De toute façon vous ne trouverez <strong>jamais </strong> comment je m'appelle.
</div>
</div>
</div>
</div>
</div>
</div>
<!--
Ne pas oublier... Pour le connecter à ma machine
ssh <nom d'utilisateur>@<IP de la machine>
Heureusement que personne ne viendra regarder ici.
Ma maman ma toujours dit qu'il fallait signer son travail.
Franklin
-->
</body>
</html>