diff --git a/README.md b/README.md
deleted file mode 100644
index e69de29..0000000
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..41434a6
--- /dev/null
+++ b/index.html
@@ -0,0 +1,98 @@
+<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>
diff --git a/site.css b/site.css
new file mode 100644
index 0000000..5c4714f
--- /dev/null
+++ b/site.css
@@ -0,0 +1,122 @@
+/*
+ * Globals
+ */
+
+.orange {
+    -webkit-text-size-adjust: 100%;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    text-align: center;
+    font-family: inherit;
+    line-height: 1.1;
+    font-size: 42px;
+    box-sizing: border-box;
+    font-weight: 700;
+    color: #f7941e;
+}
+
+/* Links */
+a,
+a:focus,
+a:hover {
+  color: #fff;
+}
+
+/* Custom default button */
+.btn-secondary,
+.btn-secondary:hover,
+.btn-secondary:focus {
+  color: #333;
+  text-shadow: none; /* Prevent inheritance from `body` */
+  background-color: #fff;
+  border: .05rem solid #fff;
+}
+
+
+/*
+ * Base structure
+ */
+
+html,
+body {
+  height: 100%;
+  background-color: #333;
+}
+
+body {
+  display: -ms-flexbox;
+  display: -webkit-box;
+  display: flex;
+  -ms-flex-pack: center;
+  -webkit-box-pack: center;
+  justify-content: center;
+  color: #fff;
+  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
+  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
+}
+
+.cover-container {
+  max-width: 42em;
+}
+
+
+/*
+ * Header
+ */
+.masthead {
+  margin-bottom: 2rem;
+}
+
+.masthead-brand {
+  margin-bottom: 0;
+}
+
+.nav-masthead .nav-link {
+  padding: .25rem 0;
+  font-weight: 700;
+  color: rgba(255, 255, 255, .5);
+  background-color: transparent;
+  border-bottom: .25rem solid transparent;
+}
+
+.nav-masthead .nav-link:hover,
+.nav-masthead .nav-link:focus {
+  border-bottom-color: rgba(255, 255, 255, .25);
+}
+
+.nav-masthead .nav-link + .nav-link {
+  margin-left: 1rem;
+}
+
+.nav-masthead .active {
+  color: #fff;
+  border-bottom-color: #fff;
+}
+
+@media (min-width: 48em) {
+  .masthead-brand {
+    float: left;
+  }
+  .nav-masthead {
+    float: right;
+  }
+}
+
+
+/*
+ * Cover
+ */
+.cover {
+  padding: 0 1.5rem;
+}
+.cover .btn-lg {
+  padding: .75rem 1.25rem;
+  font-weight: 700;
+}
+
+
+/*
+ * Footer
+ */
+.mastfoot {
+  color: rgba(255, 255, 255, .5);
+}
\ No newline at end of file
diff --git a/store.html b/store.html
new file mode 100644
index 0000000..e966ca7
--- /dev/null
+++ b/store.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="zh">
+  <head>
+    <meta charset="UTF-8">
+    <title>MiniSoftware 綠界商城</title>
+    <style>
+      body {
+        font-family: Arial, sans-serif;
+        margin: 0;
+        padding: 0;
+      }
+      header {
+        background-color: #2ecc71;
+        color: #fff;
+        padding: 20px;
+        text-align: center;
+      }
+      h1 {
+        margin: 0;
+        font-size: 36px;
+      }
+      .product {
+        border: 1px solid #ccc;
+        padding: 20px;
+        margin: 20px;
+      }
+      .product h2 {
+        font-size: 24px;
+        margin-top: 0;
+      }
+      .product p {
+        font-size: 16px;
+        margin-bottom: 0;
+      }
+      .contact {
+        text-align: center;
+        margin-top: 40px;
+      }
+      .contact p {
+        font-size: 18px;
+        margin-bottom: 10px;
+      }
+      .contact a {
+        font-size: 18px;
+        color: #2ecc71;
+        text-decoration: none;
+      }
+    </style>
+  </head>
+  <body>
+    <header>
+      <h1>MiniSoftware 綠界商城</h1>
+    </header>
+    <div class="product">
+      <h2>MiniExcel 1.0 License</h2>
+      <p>MiniExcel 簡單、高效避免OOM的.NET處理Excel查、寫、模版填充數據工具。</p>
+      <p>價格：999 TWD</p>
+    </div>
+    <div class="product">
+      <h2>MiniWord 1.0 License</h2>
+      <p>MiniWord .NET Word(docx) 模版導出引擎不需要安裝 Office COM+ 支持 Linux 和 Mac</p>
+      <p>價格：999 TWD</p>
+    </div>
+    <div class="contact">
+      <p>如有任何問題，請聯繫我們：</p>
+      <a href="mailto:shps951002@gmail.com">shps951002@gmail.com</a>
+    </div>
+  </body>
+</html>
\ No newline at end of file
