open_in_new content_copy 
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>replit</title>
  <link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <div class="dropdown">
    <button class="dropbtn">Menu</button>
    <div class="dropdown-content">
      <a href="https://index-1.hebbaraarush105.repl.co/">HomePage</a>
      <a href="https://contactushtml.hebbaraarush105.repl.co/">AboutUs</a>
      <a href="https://arcade-games.hebbaraarush105.repl.co/">Arcade Games</a>
      
    </div> 
  </div>
  
  <h1 style="text-align:center; font-size: 40px;">Popular Arcade Games That We Provide</h1><b>
    
  <style>
    table {
      border-collapse: collapse;
      width: 100%;  
      display: block;
      text-align: right;

    }

    th, td {
      padding: 8px;
      text-align: right;
      border-bottom: 1px solid #ddd;  
    }
    
  </style>

  <table>

      <tr>
        <th>Dollars</th>
        <th>Credits</th>
      </tr>

      <tr>
        <td>$5.99</td>
        <td>20</td>
      </tr>

      <tr>
        <td>$11.99</td>
        <td>50</td>
      </tr>

      <tr>
        <td>$23.99</td>  
        <td>100</td>
      </tr> 
      <td>$30.00</td>
      <td> Infinite(Delay) </td>
  </table>
  <ul style="list-style: none; display: flex; flex-wrap: wrap; justify-content: center;">

    <li style="flex-basis: 30%; border: 1px solid #ccc; padding: 10px; text-align: center; margin: 10px;">

      <div>Pac-Man</div>

      <span style="font-size: 24px; font-weight: bold;">5 Credits</span>

      <div>Played: <span id="pacManPlays">4269</span> times</div>

      <div><img src="shopping.webp" /></div>

    </li>

    <li style="flex-basis: 30%; border: 1px solid #ccc; padding: 10px; text-align: center; margin: 10px;">

      <div>Space Invaders</div>

      <span style="font-size: 24px; font-weight: bold;">4 Credits</span>

      <div>Played: <span id="spaceInvadersPlays">5023</span> times</div>

      <div><img src="spaceinvader.webp" /></div>

    </li>

    <li style="flex-basis: 30%; border: 1px solid #ccc; padding: 10px; text-align: center; margin: 10px;">

      <div>Street Fighter II</div>

      <span style="font-size: 24px; font-weight: bold;">2 Credits</span>

      <div>Played: <span id="streetFighterPlays">1598</span> times</div>

      <div><img src="streetfighter.jpg" /></div>

    </li>

    <li style="flex-basis: 30%; border: 1px solid #ccc; padding: 10px; text-align: center; margin: 10px;">

      <div>Donkey Kong</div>

      <span style="font-size: 24px; font-weight: bold;">6 Credits</span>

      <div>Played: <span id="donkeyKongPlays">8485</span> times</div>

      <div><img src="donkeykong.jpg" /></div>

    </li>

    <li style="flex-basis: 30%; border: 1px solid #ccc; padding: 10px; text-align: center; margin: 10px;">

      <div>Crossy Road</div>

      <span style="font-size: 24px; font-weight: bold;">7 Credits</span>

      <div>Played: <span id="crossyRoadPlays">4376</span> times</div>

      <div><img src="download (1).jpg" /></div>

    </li>

    <li style="flex-basis: 30%; border: 1px solid #ccc; padding: 10px; text-align: center; margin: 10px;">

      <div>Pong</div>

      <span style="font-size: 24px; font-weight: bold;">7 Credits</span>

      <div>Played: <span id="pongPlays">1734</span> times</div>

      <div><img src="pong.jpg" /></div>

    </li>
    
    
</body>

</html>