index.html

<!DOCTYPE html>
<html lang="es">
<head>
    <!-- META TAGS -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <meta name="author" content="https://github.com/fedeperin">
    <meta name="designer" content="https://github.com/fedeperin">
    <meta name="description" content="Tira el dado en 3D que gira aleatoriamente">
    <meta name="keywords" content="Dado, 3d, dado en 3d">
    
    <meta name="robots" content="index,follow">
    <meta name="googlebot" content="index,follow">
    <meta name="revisit-after" content="15days">
    
    <meta name="theme-color" content="#DFDFDF">
    
    <title>Dado</title>

    <script src="./app.js" defer></script>

    <link rel="stylesheet" href="./estilos.css">
    <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🎲</text></svg>">
</head>
<body>
    <button class="tirar">Tirar</button>
    <div class="cubo">
        <div class="lado">●</div>
        <div class="lado">
            <div>●</div>
            <div>●</div>
        </div>

        <div class="lado">●●●</div>

        <div class="lado">
            <div>●●●</div>
            <div>●●●</div>
        </div>

        <div class="lado">
            <div>●</div>
            <div>●</div>
            <div>●</div>
            <div>●</div>
            <div>●</div>
        </div>
        
        <div class="lado">
            <div>●</div>
            <div>●</div>
            <div>●</div>
            <div>●</div>
        </div>
    </div>
</body>
</html>