Skip to content

Instantly share code, notes, and snippets.

@HiramZednem
Created May 7, 2025 12:38
Show Gist options
  • Save HiramZednem/84b06a4b43f2dc358122342eb904983c to your computer and use it in GitHub Desktop.
Save HiramZednem/84b06a4b43f2dc358122342eb904983c to your computer and use it in GitHub Desktop.
Template Blackjack
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blackjack</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/styles.css">
</head>
<body>
<header class="titulo">
Blackjack
</header>
<div class="row mt-2">
<div class="col text-center">
<button id="btnNuevo" class="btn btn-danger">Nuevo Juego</button>
<button id="btnPedir" class="btn btn-primary">Pedir Carta</button>
<button id="btnDetener" class="btn btn-primary">Detener</button>
</div>
</div>
<div class="row container">
<div class="col">
<h1>Jugador 1 - <small>0</small></h1>
<div id="jugador-cartas" class="deck-cartas">
<!-- <img class="carta" src="assets/cartas/10C.png" alt="">
<img class="carta" src="assets/cartas/10C.png" alt="">
<img class="carta" src="assets/cartas/10C.png" alt="">
<img class="carta" src="assets/cartas/10C.png" alt=""> -->
</div>
</div>
</div>
<div class="row container mt-2">
<div class="col">
<h1>Computadora - <small>0</small></h1>
<div id="computadora-cartas" class="deck-cartas">
</div>
</div>
</div>
<script src="assets/js/underscore-min.js"></script>
<script src="assets/js/juego.js"></script>
</body>
</html>
html, body {
margin: 0;
background-color: #2F4F30;
color: white;
}
.titulo {
text-align: center;
background-color: black;
color: white;
}
.carta {
width: 150px;
position: relative;
left: 100px;
margin-left: -75px;
}
#computadora-cartas , #jugador-cartas {
height: 280px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment