finalresults.html

﻿<!DOCTYPE html>
<html>

<head>
  <title>Jogo de dados</title>
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
  <meta charset="utf-8">

  <link rel="stylesheet" href="finalresultsstyle.css" />
  <script src="https://kit.fontawesome.com/b9ede54a91.js" crossorigin="anonymous"></script>
  <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" />
</head>

<body>
    <center>
        <div>
            <h1>PLACAR FINAL!</h1>
            <div class="trophy-container">
                <span class="trophy">
                    <i class="fas fa-trophy"></i>
                </span>
                <span class="dice">
                    <i class="fas fa-dice"></i>
                </span>
            </div>
            <div class="results">
                <div class="player-result">
                    <h2 id="first-place">Jogador 3</h2>
                    <p id="second-place">Jogador 1</p>
                    <p id="third-place">Jogador 2</p>
                    <p id="fourth-place">Jogador 4</p>
                </div>
                <div class="player-result">
                    <h2 id="first-place-score">60 pontos</h2>
                    <p id="second-place-score">50 pontos</p>
                    <p id="third-place-score">40 pontos</p>
                    <p id="fourth-place-score">30 pontos</p>
                </div>
            </div>
            <form method="get" action="/ESRT---Jogo-de-Dados-PC/tournament.html">
                <button class="reset-button">REVANCHE</button>
            </form>
            <form method="get" action="/ESRT---Jogo-de-Dados-PC/start.html">
                <button class="reset-button">VOLTAR À TELA INICIAL</button>
            </form>
        </div>
        
    </center>
    <script src="main.js"></script>
</body>

<body onload=onloadFinalResultsData();>
</body>

</html>