84 lines
2.9 KiB
HTML
84 lines
2.9 KiB
HTML
<!doctype html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
|
|
<title>The HTML5 Herald</title>
|
|
<meta name="description" content="The HTML5 Herald">
|
|
<meta name="author" content="SitePoint">
|
|
|
|
<link rel="stylesheet" href="css/style.css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<h1>PLAY && LEARN</h1>
|
|
<div id="game-container"></div>
|
|
<!-- popup police -->
|
|
<div id="pop-up-police">
|
|
<h3>Zagraj w nasze gry!</h3>
|
|
<p>
|
|
Wejdz, zagraj i zdobądź dodatkowe punkty z przedmiotu
|
|
</p>
|
|
</div>
|
|
<a href="snake.html" class="active">
|
|
<div id="police-building" class="building"><img src="img/006-police.png"></div>
|
|
</a>
|
|
<a href="page1.html" class="active">
|
|
<div id="station-building" class="building"><img src="img/002-station.png"></div>
|
|
</a>
|
|
<a href="page1.html" class="active">
|
|
<div id="cinema-building" class="building"><img src="img/003-cinema.png"></div>
|
|
</a>
|
|
<a href="page1.html" class="active">
|
|
<div id="burguer-building" class="building"><img src="img/004-burguer.png"></div>
|
|
</a>
|
|
<a href="page1.html" class="active">
|
|
<div id="club-building" class="building"><img src="img/001-club.png"></div>
|
|
</a>
|
|
<div id="char-container">
|
|
<div id="char-head">
|
|
<div id="char-hair"></div>
|
|
<div id="char-ear-left"></div>
|
|
<div id="char-ear-right"></div>
|
|
<div id="char-eyebrown-left"></div>
|
|
<div id="char-eyebrown-right"></div>
|
|
<div id="char-eye-left">
|
|
<div id="char-pupil-left"></div>
|
|
</div>
|
|
<div id="char-eye-right">
|
|
<div id="char-pupil-right"></div>
|
|
</div>
|
|
<div id="char-mouth">
|
|
<div id="char-tooth-left"></div>
|
|
<div id="char-tooth-right"></div>
|
|
</div>
|
|
</div>
|
|
<div id="char-main-body">
|
|
<div id="char-body"></div>
|
|
<div id="char-arm-left">
|
|
<div id="char-forearm-left"></div>
|
|
</div>
|
|
<div id="char-arm-right">
|
|
<div id="char-forearm-right"></div>
|
|
</div>
|
|
<div id="char-lower">
|
|
<div id="char-pants-middle"></div>
|
|
<div id="char-pants-left">
|
|
<div id="char-leg-left"></div>
|
|
<div id="char-sock-left"></div>
|
|
<div id="char-shoe-left"></div>
|
|
</div>
|
|
<div id="char-pants-right">
|
|
<div id="char-leg-right"></div>
|
|
<div id="char-sock-right"></div>
|
|
<div id="char-shoe-right"></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
|
<script src="js/script.js"></script>
|
|
</body>
|
|
</html> |