diff --git a/notifyServer/src/main/resources/templates/index.html b/notifyServer/src/main/resources/templates/index.html
index 6467a0c..54cf3b1 100644
--- a/notifyServer/src/main/resources/templates/index.html
+++ b/notifyServer/src/main/resources/templates/index.html
@@ -42,53 +42,53 @@
     <button onclick="toggle3();" class="btn">8</button>
 </div>
 <div id="div1" style="display: block;">
-    <a href="#" onclick="update(11)" class="button button-highlight button-circle button-jumbo">14</a>
-    <a href="#" onclick="update(12)" class="button button-highlight button-circle button-jumbo">13</a>
-    <a href="#" onclick="update(13)" class="button button-highlight button-circle button-jumbo">12</a>
-    <a href="#" onclick="update(14)" class="button button-highlight button-circle button-jumbo">11</a>
-    <a href="#" onclick="update(15)" class="button button-highlight button-circle button-jumbo">10</a>
-    <a href="#" onclick="update(16)" class="button button-caution button-circle button-jumbo">9</a>
-    <a href="#" onclick="update(17)" class="button button-caution button-circle button-jumbo">8</a>
-    <a href="#" onclick="update(7)" class="button button-caution button-circle button-jumbo">7</a>
-    <a href="#" onclick="update(6)" class="button button-caution button-circle button-jumbo">6</a>
-    <a href="#" onclick="update(5)" class="button button-caution button-circle button-jumbo">5</a>
-    <a href="#" onclick="update(4)" class="button button-inverse button-circle button-jumbo">4</a>
-    <a href="#" onclick="update(3)" class="button button-inverse button-circle button-jumbo">3</a>
-    <a href="#" onclick="update(2)" class="button button-inverse button-circle button-jumbo">2</a>
-    <a href="#" onclick="update(1)" class="button button-inverse button-circle button-jumbo">1</a>
+    <a href="#" onclick="update(11)" class="button button-inverse button-circle button-jumbo">左1</a>
+    <a href="#" onclick="update(12)" class="button button-primary button-circle button-jumbo">左2</a>
+    <a href="#" onclick="update(13)" class="button button-action button-circle button-jumbo">左3</a>
+    <a href="#" onclick="update(14)" class="button button-highlight button-circle button-jumbo">左4</a>
+    <a href="#" onclick="update(15)" class="button button-caution button-circle button-jumbo">左5</a>
+    <a href="#" onclick="update(16)" class="button button-royal button-circle button-jumbo">左6</a>
+    <a href="#" onclick="update(17)" class="button button-primary button-circle button-jumbo">左7</a>
+    <a href="#" onclick="update(7)" class="button button-primary button-circle button-jumbo">右7</a>
+    <a href="#" onclick="update(6)" class="button button-royal button-circle button-jumbo">右6</a>
+    <a href="#" onclick="update(5)" class="button button-caution button-circle button-jumbo">右5</a>
+    <a href="#" onclick="update(4)" class="button button-highlight button-circle button-jumbo">右4</a>
+    <a href="#" onclick="update(3)" class="button button-action button-circle button-jumbo">右3</a>
+    <a href="#" onclick="update(2)" class="button button-primary button-circle button-jumbo">右2</a>
+    <a href="#" onclick="update(1)" class="button button-inverse button-circle button-jumbo">右1</a>
 
-    <a href="#" onclick="update(8)" class="button button-primary button-circle button-jumbo"
+    <a href="#" onclick="update(8)" class="button button-highlight button-circle button-jumbo"
        style="margin-left: 10px;">长振</a>
 </div>
 
 <div id="div2" style="display: none;">
-    <a href="#" onclick="update(14)" class="button button-highlight button-circle button-jumbo">11</a>
-    <a href="#" onclick="update(15)" class="button button-highlight button-circle button-jumbo">10</a>
-    <a href="#" onclick="update(16)" class="button button-caution button-circle button-jumbo">9</a>
-    <a href="#" onclick="update(17)" class="button button-caution button-circle button-jumbo">8</a>
-    <a href="#" onclick="update(7)" class="button button-caution button-circle button-jumbo">7</a>
-    <a href="#" onclick="update(6)" class="button button-caution button-circle button-jumbo">6</a>
-    <a href="#" onclick="update(5)" class="button button-caution button-circle button-jumbo">5</a>
-    <a href="#" onclick="update(4)" class="button button-inverse button-circle button-jumbo">4</a>
-    <a href="#" onclick="update(3)" class="button button-inverse button-circle button-jumbo">3</a>
-    <a href="#" onclick="update(2)" class="button button-inverse button-circle button-jumbo">2</a>
-    <a href="#" onclick="update(1)" class="button button-inverse button-circle button-jumbo">1</a>
+    <a href="#" onclick="update(11)" class="button button-inverse button-circle button-jumbo">左1</a>
+    <a href="#" onclick="update(12)" class="button button-primary button-circle button-jumbo">左2</a>
+    <a href="#" onclick="update(13)" class="button button-action button-circle button-jumbo">左3</a>
+    <a href="#" onclick="update(14)" class="button button-highlight button-circle button-jumbo">左4</a>
+    <a href="#" onclick="update(15)" class="button button-caution button-circle button-jumbo">左5</a>
+    <a href="#" onclick="update(6)" class="button button-royal button-circle button-jumbo">右6</a>
+    <a href="#" onclick="update(5)" class="button button-caution button-circle button-jumbo">右5</a>
+    <a href="#" onclick="update(4)" class="button button-highlight button-circle button-jumbo">右4</a>
+    <a href="#" onclick="update(3)" class="button button-action button-circle button-jumbo">右3</a>
+    <a href="#" onclick="update(2)" class="button button-primary button-circle button-jumbo">右2</a>
+    <a href="#" onclick="update(1)" class="button button-inverse button-circle button-jumbo">右1</a>
 
-    <a href="#" onclick="update(8)" class="button button-primary button-circle button-jumbo"
+    <a href="#" onclick="update(8)" class="button button-highlight button-circle button-jumbo"
        style="margin-left: 10px;">长振</a>
 </div>
 
 <div id="div3" style="display: none;">
-    <a href="#" onclick="update(17)" class="button button-caution button-circle button-jumbo">8</a>
-    <a href="#" onclick="update(7)" class="button button-caution button-circle button-jumbo">7</a>
-    <a href="#" onclick="update(6)" class="button button-caution button-circle button-jumbo">6</a>
-    <a href="#" onclick="update(5)" class="button button-caution button-circle button-jumbo">5</a>
-    <a href="#" onclick="update(4)" class="button button-inverse button-circle button-jumbo">4</a>
-    <a href="#" onclick="update(3)" class="button button-inverse button-circle button-jumbo">3</a>
-    <a href="#" onclick="update(2)" class="button button-inverse button-circle button-jumbo">2</a>
-    <a href="#" onclick="update(1)" class="button button-inverse button-circle button-jumbo">1</a>
+    <a href="#" onclick="update(11)" class="button button-inverse button-circle button-jumbo">左1</a>
+    <a href="#" onclick="update(12)" class="button button-primary button-circle button-jumbo">左2</a>
+    <a href="#" onclick="update(13)" class="button button-action button-circle button-jumbo">左3</a>
+    <a href="#" onclick="update(14)" class="button button-highlight button-circle button-jumbo">左4</a>
+    <a href="#" onclick="update(4)" class="button button-highlight button-circle button-jumbo">右4</a>
+    <a href="#" onclick="update(3)" class="button button-action button-circle button-jumbo">右3</a>
+    <a href="#" onclick="update(2)" class="button button-primary button-circle button-jumbo">右2</a>
+    <a href="#" onclick="update(1)" class="button button-inverse button-circle button-jumbo">右1</a>
 
-    <a href="#" onclick="update(8)" class="button button-primary button-circle button-jumbo"
+    <a href="#" onclick="update(8)" class="button button-highlight button-circle button-jumbo"
        style="margin-left: 10px;">长振</a>
 </div>