2017-12-06 11:57:37 +01:00
|
|
|
<!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>
|
|
|
|
<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>
|
2017-12-07 14:00:06 +01:00
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
2017-12-06 11:57:37 +01:00
|
|
|
<script src="js/script.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|