Skip to content

Instantly share code, notes, and snippets.

@jbibi

jbibi/index.html

Last active August 3, 2018 00:48
Show Gist options
  • Save jbibi/ebff35b38a3b0a5f11130f7a2bb8d4d1 to your computer and use it in GitHub Desktop.
Save jbibi/ebff35b38a3b0a5f11130f7a2bb8d4d1 to your computer and use it in GitHub Desktop.
Download ZIP
HTML Juego
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<!-- Jquery -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<!-- Custom javascript -->
<script src="main.js"></script>
<style>
#gameBoard {
height: 608px;
width: 1024px;
background-image: url('Dungeon_Background.png');
background-size: cover;
margin: 0 auto;
opacity: 0.8;
}
#warrior {
height: 80px;
position: relative;
top: 73px;
left: 45px;
}
#gameover {
text-align: center;
font-size: 72px;
display: none;
color: white;
margin-top: 25%;
}
</style>
</head>
<body>
<div id="gameBoard">
<img id="warrior" src="warrior.png" alt="Warrior">
</div>
<div id="gameover">
GAME OVER
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment