index.html

<html>

<head>
  <meta charset="UTF-8" />
  <title>Mini-Software</title>
  <link rel="stylesheet" href="https://getbootstrap.com/docs/4.0/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="site.css">
</head>

<body class="text-center">

  <div class="cover-container d-flex h-100 p-3 mx-auto flex-column">
    <header class="masthead mb-auto">
      <div class="inner">
        <h3 class="masthead-brand">Mini-Software</h3>
        <nav class="nav nav-masthead justify-content-center">
          <a class="nav-link active" href="https://github.com/mini-software/">Mini-Software Github</a>
          <a class="nav-link active" href="https://gitee.com/shps951023">Mini-Software Gitee</a>
        </nav>
      </div>
    </header>

    <main role="main" class="inner cover">
      <div id="subtitle">
        <h1 class="cover-heading">Power <strong class="orange">Mini-Software </strong> <br>with your donation</h1>
        <!-- <p class="lead">Buy me a coffee can help Mini-Software a lot.</p> -->
        <p class="lead">
          <!-- <div href="#" class="btn btn-lg btn-secondary" onclick="getCode()">Get Lincense Code</div> -->
          <div href="#" class="btn btn-lg btn-secondary" onclick="donate()">Donate Mini-Software</div>
        </p>
        <h1 id='code'></h1>
        <hr>
      </div>

      <div id='dotnate'>

        <!-- alipay -->
        <h1 class="cover-heading">Alipay - 支付宝</h1>
        <a href="https://user-images.githubusercontent.com/12729184/150716115-a56dc7f6-d9a7-4f2e-9eed-2b2e0b1e9f9c.png">
          <img src="https://user-images.githubusercontent.com/12729184/150716115-a56dc7f6-d9a7-4f2e-9eed-2b2e0b1e9f9c.png"
            alt="alipay" width="200px">
        </a>
        <a href="https://user-images.githubusercontent.com/12729184/150735491-822d4a95-4b45-40fb-b0b0-08731b29dd74.png">
          <img src="https://user-images.githubusercontent.com/12729184/150735491-822d4a95-4b45-40fb-b0b0-08731b29dd74.png"
            alt="alipay" width="200px">
        </a>
        <hr> 
        <!-- YuShan -->
        <h1 class="cover-heading">E.SUN Bank 玉山銀行</h1>
        <p class="lead">  
        Bank Code 銀行代號 808<br>
        Account 賬號 705979061551  
      </p>   
      <hr> 
        <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
          <input type="hidden" name="cmd" value="_s-xclick">
          <input type="hidden" name="hosted_button_id" value="XF7U44UHSW9F6">
          <input type="hidden" name="on0" value="Plan">
          <h1>PayPal</h1>
          <select name="os0" class="form-control">
            <option value="Plan1">Plan1 $5.00 USD</option>
            <option value="Plan2">Plan2 $15.00 USD</option>
            <option value="Plan3">Plan3 $25.00 USD</option>
            <option value="Plan4">Plan4 $35.00 USD</option>
            <option value="Plan5">Plan5 $45.00 USD</option>
          </select>
          <br>
          <input type="hidden" name="currency_code" value="USD">
          <input type="submit" class="btn btn-success" border="0" name="submit" alt="PayPal" value="Buy">
          <img alt="" border="0" src="https://www.paypalobjects.com/zh_TW/i/scr/pixel.gif" width="1" height="1">
          </form>
           
        <hr>          
      </div>
    </main>

    <footer class="mastfoot mt-auto">
      <div class="inner">
        <p>Mini-Software by <a href="https://github.com/shps951023">@Wei Lin</a>.</p>
      </div>
    </footer>
  </div>

  <script type="text/javascript">
    var sc_project = 12704976;
    var sc_invisible = 1;
    var sc_security = "e9b8b974"; 
  </script>
  <script type="text/javascript" src="https://www.statcounter.com/counter/counter.js" async></script>
  <noscript>
    <div class="statcounter"><a title="Web Analytics" href="https://statcounter.com/" target="_blank"><img
          class="statcounter" src="https://c.statcounter.com/12704976/0/e9b8b974/1/" alt="Web Analytics"
          referrerPolicy="no-referrer-when-downgrade"></a></div>
  </noscript>
  <!-- End of Statcounter Code -->
</body>

</html>