index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport"content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible"content="ie=edge">
        <script src="https://kit.fontawesome.com/cd9179a844.js" crossorigin="anonymous"></script>
        <link rel="stylesheet"href="css/style.css">
        <link rel="stylesheet"href="css/modal.css">
        <title>Stone Paper Scissors</title>
    </head>
<body>
    <div class="container">
        <header class="header">
          <h1>Stone Paper Scissors</h1>
          <button id="restart" class="restart-btn">Restart Game</button>
          <div id="score" class="score">
            <p>Player: 0</p>
            <p>Computer: 0</p>
          </div>
        </header>
        <h2>Make Selection</h2>
        <div class="choices">
          <i id="rock" class="choice fas fa-hand-rock fa-10x"></i>
          <i id="paper" class="choice fas fa-hand-paper fa-10x"></i>
          <i id="scissors" class="choice fas fa-hand-scissors fa-10x"></i>
        </div>
      </div>
  
      <!--Modal-->
      <div class="modal">
        <div id="result"class="modal-content">
            <h1 class="text-win">You win</h1>
            <i class="fas fa-hand-rock fa-10x"></i>
            <p>Computer Chose Stone</p>
        </div>
</div>


<script src="js/main.js"></script>
</body>
</html>