diff --git a/docs/assets/css/main.css b/docs/assets/css/main.css
index 2723605b..00dd6851 100755
--- a/docs/assets/css/main.css
+++ b/docs/assets/css/main.css
@@ -1042,3 +1042,56 @@ mark {
         transform: translateX(0px) !important;
     }
 }
+
+
+.easyloader-box {
+    display: flex;
+    flex-direction: row;
+    width: 80%;
+}
+
+.easyloader-box > div {
+    position: relative;
+    width: 50%;
+}
+
+.easyloader-box img {
+    width: 100%;
+}
+
+.easyloader-box p {
+    margin-left: 10px;
+    color: white;
+}
+
+.easyloader-mask {
+    position: absolute;
+    right: 0px;
+    bottom: 0px;
+    height: 50%;
+    width: 100%;
+    background-color: black;
+    opacity: 0.7;
+}
+
+.easyloader-btn {
+    position: absolute;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    bottom: 6%;
+    width: 100%;
+}
+
+.easyloader-btn a {
+    width: 90px;
+    text-align: center;
+    padding: 2px 10px;
+    background-color: #007bff;
+    color: white !important;
+    border-radius: 10px;
+}
+
+.easyloader-btn a:hover {
+    background-color: #45a9ff;
+}
\ No newline at end of file
diff --git a/docs/assets/img/product_pics/hat/PowerC_hat/powerc_example.jpg b/docs/assets/img/product_pics/hat/PowerC_hat/powerc_example.jpg
new file mode 100644
index 00000000..7a439c51
Binary files /dev/null and b/docs/assets/img/product_pics/hat/PowerC_hat/powerc_example.jpg differ
diff --git a/docs/en/hat/hat-8servos.md b/docs/en/hat/hat-8servos.md
index 4502de1f..4586e5e0 100644
--- a/docs/en/hat/hat-8servos.md
+++ b/docs/en/hat/hat-8servos.md
@@ -47,6 +47,7 @@
 >2. After downloading the software, double-click to run the application, connect the M5 device to the computer through the data cable, select the port parameters, click **"Burn"** to burn the program (**For M5StickC, set the baud rate to 115200 or 750000**)
 
 
+
 ## Example
 
 - **UIFlow**
diff --git a/docs/index.md b/docs/index.md
index c2331145..319b1410 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -214,75 +214,52 @@
       $(".product_page div:last-child").attr("id",product_class_name[i]);
     }
 
+   var title_list = {
+      "BASIC":"M5Core/Kit",
+      "M5Stick":"M5Stick",
+      "ATOM Lite":"ATOM",
+      "LoRa (433MHz)":"Communication Modules",
+      "BATTERY":"Expansion Modules",
+      "STEPMOTOR":"Drive Modules",
+      "ENCODER":"FACES Series",
+      "LAN":"Base",
+      "ESP32CAM":"Camera class",
+      "EARTH":"Sensor class",
+      "EXT.IO":"I / 0  class",
+      "IR":"Communication class",
+      "RGB LED":"LED class",
+      "SPK":"C-HAT class",
+      "BALA":"Application",
+      "Grove-T":"Accessory",
+      "CORNER":"Aluminium"
+   };
+
+
     for (var class_num=0; class_num<product_class.length; class_num++ ){
       for (var i=0; i<product_class[class_num].length; i++ ) {
-        if(product_class[class_num][i].p == "BASIC"){
-           $("#"+product_class_name[class_num]).append("<p><strong>M5Core/Kit</strong></p>");
-        }
-        if(product_class[class_num][i].p == "M5Stick"){
-           $("#"+product_class_name[class_num]).append("<p><strong>M5Stick</strong></p>");
-        }
-        if(product_class[class_num][i].p == "ATOM Lite"){
-           $("#"+product_class_name[class_num]).append("<p><strong>ATOM</strong></p>");
-        }
-        if(product_class[class_num][i].p == "LoRa (433MHz)"){
-           $("#"+product_class_name[class_num]).append("<p><strong>Communication Modules</strong></p>");
-        }
-        if(product_class[class_num][i].p == "BATTERY"){
-           $("#"+product_class_name[class_num]).append("<p><strong>Expansion Modules</strong></p>");
-        }
-        if(product_class[class_num][i].p == "STEPMOTOR"){
-           $("#"+product_class_name[class_num]).append("<p><strong>Drive Modules</strong></p>");
-        }
-        if(product_class[class_num][i].p == "ENCODER"){
-           $("#"+product_class_name[class_num]).append("<p><strong>FACES Series</strong></p>");
-        }
-        if(product_class[class_num][i].p == "LAN"){
-           $("#"+product_class_name[class_num]).append("<p><strong>Base</strong></p>");
-        }
-        if(product_class[class_num][i].p == "ESP32CAM"){
-           $("#"+product_class_name[class_num]).append("<p><strong>Camera class</strong></p>");
-        }
-        if(product_class[class_num][i].p == "EARTH"){
-           $("#"+product_class_name[class_num]).append("<p><strong>Sensor class</strong></p>");
-        }
-        if(product_class[class_num][i].p == "EXT.IO"){
-           $("#"+product_class_name[class_num]).append("<p><strong>I / 0  class</strong></p>");
-        }
-        if(product_class[class_num][i].p == "IR"){
-           $("#"+product_class_name[class_num]).append("<p><strong>Communication class</strong></p>");
-        }
-        if(product_class[class_num][i].p == "RGB LED"){
-           $("#"+product_class_name[class_num]).append("<p><strong>LED class</strong></p>");
-        }
-        if(product_class[class_num][i].p == "SPK"){
-           $("#"+product_class_name[class_num]).append("<p><strong>C-HAT class</strong></p>");
-        }
-        if(product_class[class_num][i].p == "BALA"){
-           $("#"+product_class_name[class_num]).append("<p><strong>Application</strong></p>");
-        }
-        if(product_class[class_num][i].p == "Grove-T"){
-           $("#"+product_class_name[class_num]).append("<p><strong>Accessory</strong></p>");
-        }
-        if(product_class[class_num][i].p == "CORNER"){
-           $("#"+product_class_name[class_num]).append("<p><strong>Aluminium</strong></p>");
+        if(title_list.hasOwnProperty(product_class[class_num][i].p)){
+           var test = 
+           $("#"+product_class_name[class_num]).append("<p><strong>"+title_list[product_class[class_num][i].p]+"</strong></p>");
         }
         $("#"+product_class_name[class_num]).append("<div class='item'><a><img><p class='item-title'></p></a></div> ");
         $("#"+product_class_name[class_num]+" .item:last-child a").attr("href", product_class[class_num][i].a);
         $("#"+product_class_name[class_num]+" .item:last-child img").attr("src", product_class[class_num][i].img);
         $("#"+product_class_name[class_num]+" .item:last-child p").text(product_class[class_num][i].p);
       }
-    }
+    } 
 
 
     $(document).ready(function(){
         var mask_html = `<div class="mask"><a href="#" style="color:white;text-decoration:none" ><button type="button" class="btn-sm btn-primary mask-btn1">QuickStart</button></a><button type="button" class="btn-sm btn-primary mask-btn2">Document</button></div>`
         $("#core div.item a:lt(9)").append(mask_html);
+        $("#core div.item a:gt(18)").append(mask_html);
         $("#unit div.item a:lt(5)").append(mask_html);
         $("#core .mask a").attr("href", "#en/quick_start/m5core/m5stack_core_quick_start");
         $("#core .mask a").eq(6).attr("href", "#en/quick_start/m5stick/m5stick_quick_start");
         $("#core .mask a").eq(7).attr("href", "#en/quick_start/m5stickc/m5stickc_quick_start");
         $("#core .mask a").eq(8).attr("href", "#en/quick_start/m5stickv/m5stickv_quick_start");
+        $("#core .mask a").eq(9).attr("href", "#en/quick_start/atom/atom_quick_start");
+        $("#core .mask a").eq(10).attr("href", "#en/quick_start/atom/atom_quick_start");
         $("#unit .mask a").attr("href", "#en/quick_start/m5camera/m5camera_quick_start");
         $("#unit .mask a").eq(4).attr("href", "#en/quick_start/unitv/unitv_quick_start");
         $(".product_page strong").parent('p').css("margin-bottom","0px");
diff --git a/docs/zh_CN/README.md b/docs/zh_CN/README.md
index 69bf9d77..28993733 100644
--- a/docs/zh_CN/README.md
+++ b/docs/zh_CN/README.md
@@ -71,7 +71,7 @@
       {a:"/#/zh_CN/base/base15", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_base15_01.jpg", p:"BASE15"},
       {a:"/#/zh_CN/base/base26", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_base26_01.jpg", p:"BASE26"},
       {a:"/#/zh_CN/accessory/battery_base", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/accessory/battery_base_01.jpg", p:"M5Camera Battery"},
-      {a:"/#/zh_CN/base/baseX", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_basex_01.webp", p:"BaseX"},
+      {a:"/#/zh_CN/base/basex", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_basex_01.webp", p:"BaseX"},
     ];
 
     var unit_list = [
@@ -211,83 +211,58 @@
       $(".product_page div:last-child").attr("id",product_class_name[i]);
     }
 
-    // console.log(product_class[0][0].a);
-    // console.log(product_class[0].length);
+   var title_list = {
+      "BASIC":"M5Core/Kit",
+      "M5Stick":"M5Stick",
+      "ATOM Lite":"ATOM",
+      "LoRa (433MHz)":"Communication Modules",
+      "BATTERY":"Expansion Modules",
+      "STEPMOTOR":"Drive Modules",
+      "ENCODER":"FACES Series",
+      "LAN":"Base",
+      "ESP32CAM":"Camera class",
+      "EARTH":"Sensor class",
+      "EXT.IO":"I / 0  class",
+      "IR":"Communication class",
+      "RGB LED":"LED class",
+      "SPK":"C-HAT class",
+      "BALA":"Application",
+      "Grove-T":"Accessory",
+      "CORNER":"Aluminium"
+   };
+
+
     for (var class_num=0; class_num<product_class.length; class_num++ ){
       for (var i=0; i<product_class[class_num].length; i++ ) {
-        if(product_class[class_num][i].p == "BASIC"){
-           $("#"+product_class_name[class_num]).append("<p><strong>M5Core/Kit</strong></p>");
-        }
-        if(product_class[class_num][i].p == "M5Stick"){
-           $("#"+product_class_name[class_num]).append("<p><strong>M5Stick</strong></p>");
-        }
-        if(product_class[class_num][i].p == "ATOM Lite"){
-           $("#"+product_class_name[class_num]).append("<p><strong>ATOM</strong></p>");
-        }
-        if(product_class[class_num][i].p == "LoRa (433MHz)"){
-           $("#"+product_class_name[class_num]).append("<p><strong>Communication Modules</strong></p>");
-        }
-        if(product_class[class_num][i].p == "BATTERY"){
-           $("#"+product_class_name[class_num]).append("<p><strong>Expansion Modules</strong></p>");
-        }
-        if(product_class[class_num][i].p == "STEPMOTOR"){
-           $("#"+product_class_name[class_num]).append("<p><strong>Drive Modules</strong></p>");
-        }
-        if(product_class[class_num][i].p == "ENCODER"){
-           $("#"+product_class_name[class_num]).append("<p><strong>FACES Series</strong></p>");
-        }
-        if(product_class[class_num][i].p == "LAN"){
-           $("#"+product_class_name[class_num]).append("<p><strong>Base</strong></p>");
-        }
-        if(product_class[class_num][i].p == "ESP32CAM"){
-           $("#"+product_class_name[class_num]).append("<p><strong>Camera class</strong></p>");
-        }
-        if(product_class[class_num][i].p == "EARTH"){
-           $("#"+product_class_name[class_num]).append("<p><strong>Sensor class</strong></p>");
-        }
-        if(product_class[class_num][i].p == "EXT.IO"){
-           $("#"+product_class_name[class_num]).append("<p><strong>I / 0  class</strong></p>");
-        }
-        if(product_class[class_num][i].p == "IR"){
-           $("#"+product_class_name[class_num]).append("<p><strong>Communication class</strong></p>");
-        }
-        if(product_class[class_num][i].p == "RGB LED"){
-           $("#"+product_class_name[class_num]).append("<p><strong>LED class</strong></p>");
-        }
-        if(product_class[class_num][i].p == "SPK"){
-           $("#"+product_class_name[class_num]).append("<p><strong>C-HAT class</strong></p>");
-        }
-        if(product_class[class_num][i].p == "BALA"){
-           $("#"+product_class_name[class_num]).append("<p><strong>Application</strong></p>");
-        }
-        if(product_class[class_num][i].p == "Grove-T"){
-           $("#"+product_class_name[class_num]).append("<p><strong>Accessory</strong></p>");
-        }
-        if(product_class[class_num][i].p == "CORNER"){
-           $("#"+product_class_name[class_num]).append("<p><strong>Aluminium</strong></p>");
+        if(title_list.hasOwnProperty(product_class[class_num][i].p)){
+           var test = 
+           $("#"+product_class_name[class_num]).append("<p><strong>"+title_list[product_class[class_num][i].p]+"</strong></p>");
         }
         $("#"+product_class_name[class_num]).append("<div class='item'><a><img><p class='item-title'></p></a></div> ");
         $("#"+product_class_name[class_num]+" .item:last-child a").attr("href", product_class[class_num][i].a);
         $("#"+product_class_name[class_num]+" .item:last-child img").attr("src", product_class[class_num][i].img);
         $("#"+product_class_name[class_num]+" .item:last-child p").text(product_class[class_num][i].p);
       }
-    } 
+    }
  
 
 
     $(document).ready(function(){
-        var mask_html = `<div class="mask"><a href="#" style="color:white;text-decoration:none" ><button type="button" class="btn-sm btn-primary mask-btn1">快速上手 »</button></a><button type="button" class="btn-sm btn-primary mask-btn2">产品文档 »</button></div>`
+        var mask_html = `<div class="mask"><a href="#" style="color:white;text-decoration:none" ><button type="button" class="btn-sm btn-primary mask-btn1">快速上手</button></a><button type="button" class="btn-sm btn-primary mask-btn2">产品文档</button></div>`
         $("#core div.item a:lt(9)").append(mask_html);
+        $("#core div.item a:gt(18)").append(mask_html);
         $("#unit div.item a:lt(5)").append(mask_html);
         $("#core .mask a").attr("href", "#zh_CN/quick_start/m5core/m5stack_core_quick_start");
         $("#core .mask a").eq(6).attr("href", "#zh_CN/quick_start/m5stick/m5stick_quick_start");
         $("#core .mask a").eq(7).attr("href", "#zh_CN/quick_start/m5stickc/m5stickc_quick_start");
         $("#core .mask a").eq(8).attr("href", "#zh_CN/quick_start/m5stickv/m5stickv_quick_start");
+        $("#core .mask a").eq(9).attr("href", "#zh_CN/quick_start/atom/atom_quick_start");
+        $("#core .mask a").eq(10).attr("href", "#zh_CN/quick_start/atom/atom_quick_start");
         $("#unit .mask a").attr("href", "#zh_CN/quick_start/m5camera/m5camera_quick_start");
         $("#unit .mask a").eq(4).attr("href", "#zh_CN/quick_start/unitv/unitv_quick_start");
         $(".product_page strong").parent('p').css("margin-bottom","0px");
         anchor_search();
         scrollFunc();
      });
-    
+     
 </script>
\ No newline at end of file