<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Web3 App with Ethers.js</title>
  <!-- Ethers.js Library from CDN -->
  <script src="https://cdn.ethers.io/lib/ethers-5.2.umd.min.js"></script>
</head>

<body>
  <div>
    <h1>Connect to Rootstock Network</h1>
    <!-- HTML Elements required -->
    <button id="connectButton">Connect Wallet</button>
    <button id="getBalanceButton" disabled>Get MTK Balance</button>
    <div id="walletAddress"></div>
    <div id="walletBalance"></div>
  </div>

  <!-- Custom JS code for the example -->
  <script src="app.js"></script>
</body>

</html>