Detank/index.html

277 lines
11 KiB
HTML

<html>
<head>
<meta charset="UTF-8">
<title>de_tank</title>
<link rel="stylesheet" href="./assets/css/style.css">
</head>
<body>
<div class="nano-player" style="display: none"></div>
<section class="header">
<h1>de_tank</h1>
</section>
<div class="container">
<section class="map">
<div class="score">
<h3>SCORE</h3>
<h5><span class="textScore"></span></h5>
</div>
<div class="gameover">
<h1>GAME OVER</h1>
<h4>Votre score : <span class="textScore"></span></h4>
<a href="#" class="replay">Rejouer</a>
</div>
<div class="startmenu">
<h1>DE_TANK</h1>
<h4>Vous devez détruire les cibles,<br><br> si plus de 3 cibles sont affichées c'est PERDU.</h4>
<a href="#" class="play easy">Facile</a>
<br><br>
<a href="#" class="play hard">Pas facile</a>
<img src="assets/img/tank.png" alt="tank">
</div>
<div class="line line-1">
<div class="col col-1"></div>
<div class="col col-2"></div>
<div class="col col-3"></div>
<div class="col col-4"></div>
<div class="col col-5"></div>
<div class="col col-6"></div>
<div class="col col-7"></div>
<div class="col col-8"></div>
<div class="col col-9"></div>
<div class="col col-10"></div>
<div class="col col-11"></div>
<div class="col col-12"></div>
<div class="col col-13"></div>
<div class="col col-14"></div>
<div class="col col-15"></div>
<div class="col col-16"></div>
<div class="col col-17"></div>
<div class="col col-18"></div>
<div class="col col-19"></div>
<div class="col col-20"></div>
</div>
<div class="line line-2">
<div class="col col-1"></div>
<div class="col col-2"></div>
<div class="col col-3"></div>
<div class="col col-4"></div>
<div class="col col-5"></div>
<div class="col col-6"></div>
<div class="col col-7"></div>
<div class="col col-8"></div>
<div class="col col-9"></div>
<div class="col col-10"></div>
<div class="col col-11"></div>
<div class="col col-12"></div>
<div class="col col-13"></div>
<div class="col col-14"></div>
<div class="col col-15"></div>
<div class="col col-16"></div>
<div class="col col-17"></div>
<div class="col col-18"></div>
<div class="col col-19"></div>
<div class="col col-20"></div>
</div>
<div class="line line-3">
<div class="col col-1"></div>
<div class="col col-2"></div>
<div class="col col-3"></div>
<div class="col col-4"></div>
<div class="col col-5"></div>
<div class="col col-6"></div>
<div class="col col-7"></div>
<div class="col col-8"></div>
<div class="col col-9"></div>
<div class="col col-10"></div>
<div class="col col-11"></div>
<div class="col col-12"></div>
<div class="col col-13"></div>
<div class="col col-14"></div>
<div class="col col-15"></div>
<div class="col col-16"></div>
<div class="col col-17"></div>
<div class="col col-18"></div>
<div class="col col-19"></div>
<div class="col col-20"></div>
</div>
<div class="line line-4">
<div class="col col-1"></div>
<div class="col col-2"></div>
<div class="col col-3"></div>
<div class="col col-4"></div>
<div class="col col-5"></div>
<div class="col col-6"></div>
<div class="col col-7"></div>
<div class="col col-8"></div>
<div class="col col-9"></div>
<div class="col col-10"></div>
<div class="col col-11"></div>
<div class="col col-12"></div>
<div class="col col-13"></div>
<div class="col col-14"></div>
<div class="col col-15"></div>
<div class="col col-16"></div>
<div class="col col-17"></div>
<div class="col col-18"></div>
<div class="col col-19"></div>
<div class="col col-20"></div>
</div>
<div class="line line-5">
<div class="col col-1"></div>
<div class="col col-2"></div>
<div class="col col-3"></div>
<div class="col col-4"></div>
<div class="col col-5"></div>
<div class="col col-6"></div>
<div class="col col-7"></div>
<div class="col col-8"></div>
<div class="col col-9"></div>
<div class="col col-10"></div>
<div class="col col-11"></div>
<div class="col col-12"></div>
<div class="col col-13"></div>
<div class="col col-14"></div>
<div class="col col-15"></div>
<div class="col col-16"></div>
<div class="col col-17"></div>
<div class="col col-18"></div>
<div class="col col-19"></div>
<div class="col col-20"></div>
</div>
<div class="line line-6">
<div class="col col-1"></div>
<div class="col col-2"></div>
<div class="col col-3"></div>
<div class="col col-4"></div>
<div class="col col-5"></div>
<div class="col col-6"></div>
<div class="col col-7"></div>
<div class="col col-8"></div>
<div class="col col-9"></div>
<div class="col col-10"></div>
<div class="col col-11"></div>
<div class="col col-12"></div>
<div class="col col-13"></div>
<div class="col col-14"></div>
<div class="col col-15"></div>
<div class="col col-16"></div>
<div class="col col-17"></div>
<div class="col col-18"></div>
<div class="col col-19"></div>
<div class="col col-20"></div>
</div>
<div class="line line-7">
<div class="col col-1"></div>
<div class="col col-2"></div>
<div class="col col-3"></div>
<div class="col col-4"></div>
<div class="col col-5"></div>
<div class="col col-6"></div>
<div class="col col-7"></div>
<div class="col col-8"></div>
<div class="col col-9"></div>
<div class="col col-10"></div>
<div class="col col-11"></div>
<div class="col col-12"></div>
<div class="col col-13"></div>
<div class="col col-14"></div>
<div class="col col-15"></div>
<div class="col col-16"></div>
<div class="col col-17"></div>
<div class="col col-18"></div>
<div class="col col-19"></div>
<div class="col col-20"></div>
</div>
<div class="line line-8">
<div class="col col-1"></div>
<div class="col col-2"></div>
<div class="col col-3"></div>
<div class="col col-4"></div>
<div class="col col-5"></div>
<div class="col col-6"></div>
<div class="col col-7"></div>
<div class="col col-8"></div>
<div class="col col-9"></div>
<div class="col col-10"></div>
<div class="col col-11"></div>
<div class="col col-12"></div>
<div class="col col-13"></div>
<div class="col col-14"></div>
<div class="col col-15"></div>
<div class="col col-16"></div>
<div class="col col-17"></div>
<div class="col col-18"></div>
<div class="col col-19"></div>
<div class="col col-20"></div>
</div>
<div class="line line-9">
<div class="col col-1"></div>
<div class="col col-2"></div>
<div class="col col-3"></div>
<div class="col col-4"></div>
<div class="col col-5"></div>
<div class="col col-6"></div>
<div class="col col-7"></div>
<div class="col col-8"></div>
<div class="col col-9"></div>
<div class="col col-10"></div>
<div class="col col-11"></div>
<div class="col col-12"></div>
<div class="col col-13"></div>
<div class="col col-14"></div>
<div class="col col-15"></div>
<div class="col col-16"></div>
<div class="col col-17"></div>
<div class="col col-18"></div>
<div class="col col-19"></div>
<div class="col col-20"></div>
</div>
<div class="line line-10">
<div class="col col-1"></div>
<div class="col col-2"></div>
<div class="col col-3"></div>
<div class="col col-4"></div>
<div class="col col-5"></div>
<div class="col col-6"></div>
<div class="col col-7"></div>
<div class="col col-8"></div>
<div class="col col-9"></div>
<div class="col col-10"></div>
<div class="col col-11"></div>
<div class="col col-12"></div>
<div class="col col-13"></div>
<div class="col col-14"></div>
<div class="col col-15"></div>
<div class="col col-16"></div>
<div class="col col-17"></div>
<div class="col col-18"></div>
<div class="col col-19"></div>
<div class="col col-20"></div>
</div>
</section>
</div>
<div class="background"></div>
<script src="./assets/js/nano.js"></script>
<script src="assets/js/script.js"></script>
<script>
var nanoPlayer = new nanoPlayer('.nano-player', {
// Parameters
autoplay: true,
loop: true,
defaultVolume: 100,
songList: [
{
name: 'musique',
path: 'song.mp3'
}
],
DefaultSong: 0
})
</script>
</body>
</html>