memory-game/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Memory Game</title>
    <link rel="shortcut icon" href="assets/favicon.ico" />
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
        integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <script src="./index.js"></script>
    <script src="./src/util.js"></script>
    <script src="./src/jogoDaMemoria.js"></script>
    <script src="./src/tela.js"></script>
</head>
<body class="container-fluid">
    <br/>
    <div class="row container-fluid">
        <button type="button" class="btn btn-success" id="jogar">Clique aqui para iniciar</button>
        <button type="button" class="btn btn-danger" id="mostrarTudo">Mostrar Tudo</button>
    </div>
    <br />
    <div id="carregando" class="row container-fluid invisible">
        <strong id="contador">Começando em 1 ...</strong>
        <div class="spinner-border text-warning spinner-border-sm" role="status">
            <span class="sr-only">Loading...</span>
        </div>
    </div>
    <br />
    <div id="conteudo" class="row">

    </div>
    <div class="row container-fluid">
        <div id="mensagem" class="alert alert-success invisible" role="alert">
            Combinação!!
        </div>
    </div>
</body>
</html>