SinglePlayer - Games/Guess_the_Correct_Logo/index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Logo Guessing Game</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
  <link rel="stylesheet" href="./main.css">
  
<body>
   <h1>Logo Guessing Game</h1>
   <div id="game">
    <h3>Rules:</h3>
    <p>
      1. There will be 2 logos of the same company and you have to select the correct logo.
      <br>
      2. There will be total of 30 sec for the challenge.
      <br>
      3. You will get 1 point each for the correct ans.
      <br>
      4. You score will be displayed at the end of the Game
    </p>
    <a href="./game.html"> <button type="button" class="btn btn-outline-secondary">Start Game</button> </a>
   </div>
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
</body>
</html>