Skip to content

T
tateti
Switch branch/tag
Find file
Normal viewHistoryPermalink
index.html 2.63 KB
Newer Older
initial commmit
a71b1589
 
Nahuel Mereles Rodriguez committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.">
    <link rel="stylesheet" href="estilos.css">
    <link rel="icon" type="image/icon" href="/img/favicon.ico" />
    <script src="https://kit.fontawesome.com/65c05c0a98.js" crossorigin="anonymous"></script>
    <title>Tateti Game</title>
</head>
<body>
    <div class="game-container" id="gameContainer">
        <div class="game-container-box">
            <form class="form" id="form">
                <h1 class="game-title">Ta te ti Game</h1>
                <div class="form-imputs-container">
                    <h2 class="form-title">Registrese para comenzar el juego</h2>
                    <input type="text" name="nameJ1" id="nameJ1" class="input-text" placeholder="Nombre del Jugador 1...">
                    <input type="text" name="nameJ1" id="nameJ2" class="input-text" placeholder="Nombre del Jugador 2...">
                    <input type="submit" value="Aceptar" class="input-submit">
                    <div class="light-mode" id="fondoBoton">
                        <div class="mode-button-lg" id="cambiarModo">
                            <div class="button-Off" id="lgMode" title="Cambiar a modo claro">
                                <i class="fa fa-sun-o" aria-hidden="true"></i>
                            </div>
                            <div id="dkMode">
                                <i class="fa fa-moon-o" aria-hidden="true" title="Cambiar a modo oscuro"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <label id="infoTurno" class="infoTurno"></label>
            <div class="tablero-container">
                <input type="button" value="" id="b1" class="tablero-input">
                <input type="button" value="" id="b2" class="tablero-input">
                <input type="button" value="" id="b3" class="tablero-input">
                <input type="button" value="" id="b4" class="tablero-input">
                <input type="button" value="" id="b5" class="tablero-input">
                <input type="button" value="" id="b6" class="tablero-input">
                <input type="button" value="" id="b7" class="tablero-input">
                <input type="button" value="" id="b8" class="tablero-input">
                <input type="button" value="" id="b9" class="tablero-input">
            </div>
            <input type="button" value="Reiniciar" id="input_reiniciar" class="input-reiniciar" title="Reiniciar el juego">
        </div>
    </div>
    <script src="scripts.js"></script>
</body>
</html>