diff --git a/docs/assets/css/main.css b/docs/assets/css/main.css
index 9825e41a..d9623cb1 100644
--- a/docs/assets/css/main.css
+++ b/docs/assets/css/main.css
@@ -131,14 +131,6 @@ figure.thumbnails img {
     padding: 0;
 }
 
-/* #bala {
-    width: 0;
-    height: 0; */
-    /* overflow: hidden; */
-    /* margin: 0;
-    padding: 0;
-} */
-
 #accessory, #grove-t, #grove-cable, #usb-downloader {
     width: 0;
     height: 0;
diff --git a/docs/assets/img/product_pics/app/app_piano_01.png b/docs/assets/img/product_pics/app/app_piano_01.png
index dc442be3..90418341 100644
Binary files a/docs/assets/img/product_pics/app/app_piano_01.png and b/docs/assets/img/product_pics/app/app_piano_01.png differ
diff --git a/docs/index.md b/docs/index.md
index ad6b4a06..8af04db1 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -2,7 +2,6 @@
 
 ***
 
-
 # Core
 
 <div>
@@ -96,8 +95,6 @@
 
 *( **[IIC Address Table](https://shimo.im/sheets/GWkjHV3XyCCgwDpQ)** )*
 
-&nbsp;
-
 ## GPS
 ## LORA
 ## LoRaWAN
diff --git a/docs/ja/README.md b/docs/ja/README.md
index 93bdcaa8..582f79c3 100644
--- a/docs/ja/README.md
+++ b/docs/ja/README.md
@@ -2,6 +2,8 @@
 
 ***
 
+# Core
+
 <div>
      <img src="assets/img/product_pics/icon_core.png" style="vertical-align:middle;">
      <span style="font-size:30px">Core</span>
@@ -9,7 +11,9 @@
 
 *( **[コア比較](https://github.com/m5stack/M5-Schematic/blob/master/Core/hardware_difference_between_cores_ja.md)**&nbsp;&nbsp;&nbsp;**[I2Cアドレス一覧](https://shimo.im/sheets/GWkjHV3XyCCgwDpQ)** )*
 
-&nbsp;
+## BASIC
+## GRAY
+## FIRE
 
 **M5コア** *( **[クイックスタート](ja/quick_start/m5core/m5stack_core_quick_start)** )*
 
@@ -34,9 +38,8 @@
   <p class="item-title" style="font-style:italic;">FIRE</p>
 </div>
 
-&nbsp;
-
-<!-- **ミニコア** *( **[クイックスタート](ja/quick_start/m5core/m5stick_quick_start)** )* -->
+## M5Stick
+## M5StickC
 
 *( **[クイックスタート](ja/quick_start/m5stick/m5stick_quick_start)** )*&nbsp;&nbsp;&nbsp;&nbsp;*( **[クイックスタート](ja/quick_start/m5stickc/m5stickc_quick_start)** )*
 
@@ -54,9 +57,11 @@
   <p class="item-title" style="font-style:italic;">M5StickC</p>
 </div>
 
-&nbsp;
+## M5GO Lite
+## M5GO Kit
+## FACES Kit
 
-**セット**
+**セット** *( **[クイックスタート](ja/quick_start/m5core/m5stack_core_quick_start)** )*
 
 <div class="item">
   <a href="/#/ja/core/m5go_lite">
@@ -81,6 +86,8 @@
 
 ***
 
+# Module
+
 <div>
      <img src="assets/img/product_pics/icon_module.png" style="vertical-align:middle;">
      <span style="font-size:30px">Module</span>
@@ -88,7 +95,11 @@
 
 *( **[I2Cアドレス一覧](https://shimo.im/sheets/GWkjHV3XyCCgwDpQ)** )*
 
-&nbsp;
+## GPS
+## LORA
+## LoRaWAN
+## SIM800L
+## COMMU
 
 **通信モジュール**
 
@@ -127,6 +138,12 @@
   <p class="item-title" style="font-style:italic;">COMMU</p>
 </div>
 
+## BATTERY
+## PROTO
+## PLUS
+## USB
+## BUS
+
 **拡張モジュール**
 
 <div class="item">
@@ -164,6 +181,10 @@
   <p class="item-title" style="font-style:italic;">BUS</p>
 </div>
 
+## STEPMOTOR
+## SERVO
+## LEGO+
+
 **駆動モジュール**
 
 <div class="item">
@@ -187,6 +208,9 @@
   <p class="item-title" style="font-style:italic;">LEGO+</p>
 </div>
 
+## ENCODER
+## JOYSTICK
+
 **FACESモジュール**
 
 <div class="item">
@@ -205,6 +229,8 @@
 
 ***
 
+# BASE
+
 <div>
      <img src="assets/img/product_pics/icon_base.png" style="vertical-align:middle;">
      <span style="font-size:30px">Base</span>
@@ -214,6 +240,13 @@
 
 &nbsp;
 
+## LAN
+## NODE
+## BTC
+## PLC
+## Core BOTTOM
+## M5GO BOTTOM
+
 <div class="item">
   <a href="/#/ja/base/lan_base">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_lan_01.png">
@@ -256,6 +289,9 @@
   <p class="item-title" style="font-style:italic;">M5GO BOTTOM</p>
 </div>
 
+## M5GO RFID
+## M5GO CHARGER
+
 <div class="item">
   <a href="/#/ja/base/m5go_rfid">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_m5go_rfid_01.png">
@@ -273,6 +309,8 @@
 
 ***
 
+# Unit
+
 <div>
      <img src="assets/img/product_pics/icon_unit.png" style="vertical-align:middle;">
      <span style="font-size:30px">Unit</span>
@@ -280,7 +318,9 @@
 
 *( **[I2Cアドレス一覧](https://shimo.im/sheets/GWkjHV3XyCCgwDpQ)** )*
 
-&nbsp;
+## ESP32CAM
+## M5Camera
+## M5CameraF
 
 **カメラクラス** *( **[クイックスタート](ja/quick_start/m5camera/m5camera_quick_start)**&nbsp;&nbsp;&nbsp;**[カメラ比較](https://shimo.im/sheets/gP96C8YTdyjGgKQC/09fd4)** )*
 
@@ -305,7 +345,12 @@
   <p class="item-title" style="font-style:italic;">M5CameraF</p>
 </div>
 
-&nbsp;
+## ENV
+## EARTH
+## LIGHT
+## ANGLE
+## IR
+## PIR
 
 <div class="item">
   <a href="/#/ja/unit/env">
@@ -349,6 +394,13 @@
   <p class="item-title" style="font-style:italic;">PIR</p>
 </div>
 
+## NCIR
+## THERMAL
+## BUTTON
+## Dual-BUTTON
+## JOYSTICK
+## CardKB
+
 <div class="item">
   <a href="/#/ja/unit/ncir">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_ncir_01.png">
@@ -391,6 +443,13 @@
   <p class="item-title" style="font-style:italic;">CardKB</p>
 </div>
 
+## COLOR
+## TOF
+## HEART
+## RFID
+## ADC
+## DAC
+
 <div class="item">
   <a href="/#/ja/unit/color">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_color_01.png">
@@ -433,6 +492,13 @@
   <p class="item-title" style="font-style:italic;">DAC</p>
 </div>
 
+## MAKEY
+## RGB
+## RELAY
+## HUB
+## 3.96Port
+## PROTO
+
 <div class="item">
   <a href="/#/ja/unit/makey">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_makey_01.png">
@@ -475,6 +541,13 @@
   <p class="item-title" style="font-style:italic;">PROTO</p>
 </div>
 
+## EXT.IO
+## RS485
+## GPS
+## FINGER
+## WEIGHT
+## TRACE
+
 <div class="item">
   <a href="/#/ja/unit/extio">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_extio_01.png">
@@ -517,6 +590,12 @@
   <p class="item-title" style="font-style:italic;">TRACE</p>
 </div>
 
+## NeoPixel
+## CatEar
+## HEX
+## NeoFlash
+## BUTTERFLY
+
 **Visual class**
 
 <div class="item">
@@ -556,11 +635,19 @@
 
 ***
 
-<img src='assets/img/product_pics/icon_app.png'> <img src='assets/img/product_pics/application.png'>
+# Application
+
+<div>
+     <img src="assets/img/product_pics/icon_app.png" style="vertical-align:middle;">
+     <span style="font-size:30px">Application</span>
+</div>
 
 *( **[I2Cアドレス一覧](https://shimo.im/sheets/GWkjHV3XyCCgwDpQ)** )*
 
-&nbsp;
+## BALA
+## LidarBOT
+## PIANO
+## FLIR
 
 <div class="item">
   <a href="/#/ja/app/bala">
@@ -592,16 +679,16 @@
 
 ***
 
+# Accessory
+
 <div>
-    <img src="assets/img/product_pics/icon_accessory.png" style="vertical-align:middle;">
-    <span style="font-size:30px">Accessory</span>
+     <img src="assets/img/product_pics/icon_accessory.png" style="vertical-align:middle;">
+     <span style="font-size:30px">Accessory</span>
 </div>
 
-<!-- <img src='assets/img/product_pics/icon_accessory.png'> <img src='assets/img/product_pics/accessory.png'> -->
-
-&nbsp;
-
-<!-- *( **[I2Cアドレス一覧](https://shimo.im/sheets/GWkjHV3XyCCgwDpQ)** )* -->
+## Grove-T
+## Grove Cable
+## USB Downloader
 
 <div class="item">
   <a href="/#/ja/accessory/converter/grove_t">
@@ -624,9 +711,5 @@
   <p class="item-title" style="font-style:italic;">USB Downloader</p>
 </div>
 
-<!-- [![usb_downloader_01.png](https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/tool/usb_downloader_01.png)](ja/tool/usb_downloader)
-
-&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;**Downloader** -->
-
 <!-- GitHub Buttons -->
 <script async defer src="https://buttons.github.io/buttons.js"></script>
\ No newline at end of file
diff --git a/docs/navbar.md b/docs/navbar.md
index a78da074..87add110 100644
--- a/docs/navbar.md
+++ b/docs/navbar.md
@@ -1,5 +1,5 @@
 - Language
-  - [:uk: English](/)
+  - [:uk: English](/en/)
   - [:cn: 中文](/zh_CN/)
   - [:jp: 日本語](/ja/)
   <!-- - [:de: Deutsch](/de-de/) -->
diff --git a/docs/zh_CN/README.md b/docs/zh_CN/README.md
index 7151f66c..7531f57f 100644
--- a/docs/zh_CN/README.md
+++ b/docs/zh_CN/README.md
@@ -2,6 +2,8 @@
 
 ***
 
+# Core
+
 <div>
      <img src="assets/img/product_pics/icon_core.png" style="vertical-align:middle;">
      <span style="font-size:30px">Core</span>
@@ -9,7 +11,9 @@
 
 *(**[主控之间的对比](https://github.com/m5stack/M5-Schematic/blob/master/Core/hardware_difference_between_cores_zh_CN.md)**&nbsp;&nbsp;&nbsp;**[IIC 地址表](https://shimo.im/sheets/GWkjHV3XyCCgwDpQ)** )*
 
-&nbsp;
+## BASIC
+## GRAY
+## FIRE
 
 **M5Core** *( **[上手指南](zh_CN/quick_start/m5core/m5stack_core_quick_start)** )*
 
@@ -34,7 +38,8 @@
   <p class="item-title" style="font-style:italic;">FIRE</p>
 </div>
 
-&nbsp;
+## M5Stick
+## M5StickC
 
 *( **[上手指南](zh_CN/quick_start/m5stick/m5stick_quick_start)** )*&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*( **[上手指南](zh_CN/quick_start/m5stickc/m5stickc_quick_start)** )*
 
@@ -52,9 +57,11 @@
   <p class="item-title" style="font-style:italic;">M5StickC</p>
 </div>
 
-&nbsp;
+## M5GO Lite
+## M5GO Kit
+## FACES Kit
 
-**套件**
+**套件** *( **[上手指南](zh_CN/quick_start/m5core/m5stack_core_quick_start)** )*
 
 <div class="item">
   <a href="/#/zh_CN/core/m5go_lite">
@@ -79,6 +86,8 @@
 
 ***
 
+# Module
+
 <div>
      <img src="assets/img/product_pics/icon_module.png" style="vertical-align:middle;">
      <span style="font-size:30px">Module</span>
@@ -86,7 +95,11 @@
 
 *( **[IIC 地址表](https://shimo.im/sheets/GWkjHV3XyCCgwDpQ)** )*
 
-&nbsp;
+## GPS
+## LORA
+## LoRaWAN
+## SIM800L
+## COMMU
 
 **通讯模块**
 
@@ -125,6 +138,12 @@
   <p class="item-title" style="font-style:italic;">COMMU</p>
 </div>
 
+## BATTERY
+## PROTO
+## PLUS
+## USB
+## BUS
+
 **拓展模块**
 
 <div class="item">
@@ -162,6 +181,10 @@
   <p class="item-title" style="font-style:italic;">BUS</p>
 </div>
 
+## STEPMOTOR
+## SERVO
+## LEGO+
+
 **驱动模块**
 
 <div class="item">
@@ -185,6 +208,9 @@
   <p class="item-title" style="font-style:italic;">LEGO+</p>
 </div>
 
+## ENCODER
+## JOYSTICK
+
 **FACES系列模块**
 
 <div class="item">
@@ -203,6 +229,8 @@
 
 ***
 
+# BASE
+
 <div>
      <img src="assets/img/product_pics/icon_base.png" style="vertical-align:middle;">
      <span style="font-size:30px">Base</span>
@@ -212,6 +240,13 @@
 
 &nbsp;
 
+## LAN
+## NODE
+## BTC
+## PLC
+## Core BOTTOM
+## M5GO BOTTOM
+
 <div class="item">
   <a href="/#/zh_CN/base/lan_base">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_lan_01.png">
@@ -254,6 +289,9 @@
   <p class="item-title" style="font-style:italic;">M5GO BOTTOM</p>
 </div>
 
+## M5GO RFID
+## M5GO CHARGER
+
 <div class="item">
   <a href="/#/zh_CN/base/m5go_rfid">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_m5go_rfid_01.png">
@@ -270,6 +308,8 @@
 
 ***
 
+# Unit
+
 <div>
      <img src="assets/img/product_pics/icon_unit.png" style="vertical-align:middle;">
      <span style="font-size:30px">Unit</span>
@@ -277,7 +317,9 @@
 
 *( **[IIC 地址表](https://shimo.im/sheets/GWkjHV3XyCCgwDpQ)** )*
 
-&nbsp;
+## ESP32CAM
+## M5Camera
+## M5CameraF
 
 **摄像头类** *( **[上手指南](zh_CN/quick_start/m5camera/m5camera_quick_start)**&nbsp;&nbsp;&nbsp;**[摄像头之间的对比](https://github.com/m5stack/M5-Schematic/blob/master/Units/m5camera/CameraComparison_zh_CN.md)** )*
 
@@ -302,7 +344,12 @@
   <p class="item-title" style="font-style:italic;">M5CameraF</p>
 </div>
 
-&nbsp;
+## ENV
+## EARTH
+## LIGHT
+## ANGLE
+## IR
+## PIR
 
 <div class="item">
   <a href="/#/zh_CN/unit/env">
@@ -346,6 +393,13 @@
   <p class="item-title" style="font-style:italic;">PIR</p>
 </div>
 
+## NCIR
+## THERMAL
+## BUTTON
+## Dual-BUTTON
+## JOYSTICK
+## CardKB
+
 <div class="item">
   <a href="/#/zh_CN/unit/ncir">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_ncir_01.png">
@@ -388,6 +442,13 @@
   <p class="item-title" style="font-style:italic;">CardKB</p>
 </div>
 
+## COLOR
+## TOF
+## HEART
+## RFID
+## ADC
+## DAC
+
 <div class="item">
   <a href="/#/zh_CN/unit/color">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_color_01.png">
@@ -430,6 +491,13 @@
   <p class="item-title" style="font-style:italic;">DAC</p>
 </div>
 
+## MAKEY
+## RGB
+## RELAY
+## HUB
+## 3.96Port
+## PROTO
+
 <div class="item">
   <a href="/#/zh_CN/unit/makey">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_makey_01.png">
@@ -472,6 +540,13 @@
   <p class="item-title" style="font-style:italic;">PROTO</p>
 </div>
 
+## EXT.IO
+## RS485
+## GPS
+## FINGER
+## WEIGHT
+## TRACE
+
 <div class="item">
   <a href="/#/zh_CN/unit/extio">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_extio_01.png">
@@ -514,6 +589,12 @@
   <p class="item-title" style="font-style:italic;">TRACE</p>
 </div>
 
+## NeoPixel
+## CatEar
+## HEX
+## NeoFlash
+## BUTTERFLY
+
 **Visual class**
 
 <div class="item">
@@ -553,6 +634,8 @@
 
 ***
 
+# Application
+
 <div>
      <img src="assets/img/product_pics/icon_app.png" style="vertical-align:middle;">
      <span style="font-size:30px">Application</span>
@@ -560,7 +643,10 @@
 
 *( **[IIC 地址表](https://shimo.im/sheets/GWkjHV3XyCCgwDpQ)** )*
 
-&nbsp;
+## BALA
+## LidarBOT
+## PIANO
+## FLIR
 
 <div class="item">
   <a href="/#/zh_CN/app/bala">
@@ -592,12 +678,16 @@
 
 ***
 
+# Accessory
+
 <div>
      <img src="assets/img/product_pics/icon_accessory.png" style="vertical-align:middle;">
      <span style="font-size:30px">Accessory</span>
 </div>
 
-&nbsp;
+## Grove-T
+## Grove Cable
+## USB Downloader
 
 <div class="item">
   <a href="/#/zh_CN/accessory/converter/grove_t">