diff --git a/docs/en/1515/connectors.md b/docs/en/1515/connectors.md
index 5808f797..c4deedb7 100644
--- a/docs/en/1515/connectors.md
+++ b/docs/en/1515/connectors.md
@@ -27,6 +27,7 @@ Purchase
 </div>
 
 ## Description
+
 These are different types of **1515 Aluminium-Extrusions** accessories, cataloged by sides and angle degree.  These connectors will help build the various shape of Aluminium-Extrusions frames.
 
 
@@ -61,9 +62,11 @@ These are different types of **1515 Aluminium-Extrusions** accessories, cataloge
 *Notice: We don't offer tapping Aluminium-Extrusions by default, in order to make the M4 screw fixed in the Aluminium-Extrusions, you need to tap the Aluminium-Extrusions with tapping machine*
 
 ## Product Features
+
 - 1515 Aluminum Extrusions compatible
 
-## Package Includes
+## Include
+
 - 12x set
 - Each set:
     - 1x connector
@@ -71,8 +74,6 @@ These are different types of **1515 Aluminium-Extrusions** accessories, cataloge
 
 <script>
 
-   var purchase_link = '';
-
    anchor_search();
    scrollFunc();
 
diff --git a/docs/en/1515/corner.md b/docs/en/1515/corner.md
index 72ed6b39..8e2af3f6 100644
--- a/docs/en/1515/corner.md
+++ b/docs/en/1515/corner.md
@@ -18,10 +18,12 @@ This **1515 Corner** is a type of connector for 1515 Aluminum Extrusion. It coul
 
 
 ## Product Features
+
 - 90-degree 3-dimension connector. 
 - 1515 Aluminum Extrusions compatible
 
-## Package Includes
+## Include
+
 - 10x set
 - Each set:
     - 1x connector
diff --git a/docs/en/1515/nut.md b/docs/en/1515/nut.md
index 5dc59e3f..2b7c7333 100644
--- a/docs/en/1515/nut.md
+++ b/docs/en/1515/nut.md
@@ -9,10 +9,12 @@
 **1515 NUT**, like its namesake, is slide component belongs to 1515 Aluminum Extrusion series. It is also known as Drop in Nut.  It's for Drop in 1515 Aluminum Extrusions to set carriage or to connect.
 
 ## Product Features
+
 - 1515 Aluminum Extrusions compatible
 - Drop in Nut
 
-## Package Includes
+## Includes
+
 - 10x pcs
 
 ## Specification
diff --git a/docs/en/accessory/battery_base.md b/docs/en/accessory/battery_base.md
index e84ef764..897e45fc 100644
--- a/docs/en/accessory/battery_base.md
+++ b/docs/en/accessory/battery_base.md
@@ -5,6 +5,7 @@
 <div class="product_pic"><img src="assets\img\product_pics\accessory\battery_base\battery_base_01.webp"><img src="assets\img\product_pics\accessory\battery_base\battery_base_02.webp"></div>
 
 ## Description
+
 This is a battery base for 3 types of M5Cameras: M5Camera, M5Camera_X, M5Camera_F. It is a 400mAh Lipo battery.<br>
 You can wire it with the battery interface on M5camera board. Pay attention to the polarity. You can get extra power back up for your M5Camera.
 - red (positive)  
diff --git a/docs/en/accessory/bus_socket.md b/docs/en/accessory/bus_socket.md
index 514d5437..65ba34fd 100644
--- a/docs/en/accessory/bus_socket.md
+++ b/docs/en/accessory/bus_socket.md
@@ -9,6 +9,7 @@
 **BUS-Socket** is a pair of M-BUS socket, female and male. 2X15 pins.  They share the same specification with the BUS socket on M5Cores. The male piece is 90-degree bend to the side.
 
 ## Product Features
+
 - 90-degree bend pin
 - 2x15 @ 2.54mm
 
diff --git a/docs/en/accessory/cable/grove_cable.md b/docs/en/accessory/cable/grove_cable.md
index 8f50d09b..a7647a1d 100644
--- a/docs/en/accessory/cable/grove_cable.md
+++ b/docs/en/accessory/cable/grove_cable.md
@@ -12,17 +12,34 @@
 
 -  5 specifications: 10cm, 20cm, 0.5m, 1m, 2m
 
-## Weight and Size
-- 10cm (5/pcs)
-   - weight：21g
-- 20cm (5/pcs)
-   - weight：22g
-- 50cm (2/pcs)
-   - weight：21g
-- 100cm (1/pcs)
-   - weight：20g
-- 200cm (1/pcs)
-   - weight：36g
+## Specification
+
+<table>
+   <tr style="font-weight:bold">
+      <td>Resources</td>
+      <td>Parameter</td>
+   </tr>
+   <tr>
+      <td>10cm (5/pcs)</td>
+      <td>21g</td>
+   </tr>
+   <tr>
+      <td>20cm (5/pcs)</td>
+      <td>22g</td>
+   </tr>
+   <tr>
+      <td>50cm (2/pcs)</td>
+      <td>21g</td>
+   </tr>
+   <tr>
+      <td>100cm (1/pcs)</td>
+      <td>20g</td>
+   </tr>
+   <tr>
+      <td>200cm (1/pcs)</td>
+      <td>36g</td>
+   </tr>
+ </table>
      
 <script>
 
diff --git a/docs/en/accessory/sg90_servo.md b/docs/en/accessory/sg90_servo.md
index 40388826..862d16e4 100644
--- a/docs/en/accessory/sg90_servo.md
+++ b/docs/en/accessory/sg90_servo.md
@@ -8,7 +8,7 @@
 
 **SG90 servo** is a custom 9g servo motor from M5Stack. This is totally compatible with the "8Servos" HAT and "PuppyC" base. This micro servo is very easy to use for beginners. There is no need to use a dedicated servo-drive board with feedback control and a complicated gearbox. Any common pwm driver or a microcontroller can easily control this servo. Compared to driving a stepper motor, a servo is much simpler to use. You can use it to do interesting small projects requiring angular movement and/or control.The commonly used pulse width is 1-2ms (-90° position - 1ms , 0° position - 1.5ms, 90° position - 2ms)，working at 50Hz. Going beyond the specified pulse width range will damage the servo.If you feel that the cable is not long enough, you can purchase the servo extension cable to extend it.The yellow wire is for the control signal, brown is for the ground, and the red wire is for the Vcc (voltage). Pay attention to the supply current and voltage to prevent the servo from getting damaged.
 
-### Product Features
+## Product Features
 
 - Gear material: plastic 
 - Torque： 1.6kg•cm/4.8V;1.8kg•cm/6.0V
diff --git a/docs/en/app/flir.md b/docs/en/app/flir.md
index 5da1393a..5ea3e8f6 100644
--- a/docs/en/app/flir.md
+++ b/docs/en/app/flir.md
@@ -34,18 +34,6 @@ The effective image generate by the Lepton sensor is 160×120, but you can proce
 - Industrial furnace inner wall refractory crack
 - Outdoor observation of animals at night
 
-## Lepton Parameter
-
-| *Lepton Parameter item* | *Parameter value*  |
-| :-----------: | :------:  |
-| Effective Frame Rate | 8.7Hz      |
-| Input Clock  | 25-MHz|
-| Pixel Size  | 12µm       |
-| Scene Dynamic Range | Low Gain Mode: -10 to 400°C; High Gain Mode: -10 to 140°C |
-| Spectral Range | 8 µm to 14 µm       |
-| Thermal Sensitivity	| ＜50 mK（0.050℃）       |
-| Input Supply Voltage	| 2.8 V, 1.2 V, 2.5 V - 3.1 V IO       |
-| Optimum Temperature Range	| -10 °C to +80 °C |
 
 ## Specification
 
@@ -72,6 +60,19 @@ The effective image generate by the Lepton sensor is 160×120, but you can proce
    </tr>
  </table>
 
+ ## Lepton Parameter
+
+| *Lepton Parameter item* | *Parameter value*  |
+| :-----------: | :------:  |
+| Effective Frame Rate | 8.7Hz      |
+| Input Clock  | 25-MHz|
+| Pixel Size  | 12µm       |
+| Scene Dynamic Range | Low Gain Mode: -10 to 400°C; High Gain Mode: -10 to 140°C |
+| Spectral Range | 8 µm to 14 µm       |
+| Thermal Sensitivity	| ＜50 mK（0.050℃）       |
+| Input Supply Voltage	| 2.8 V, 1.2 V, 2.5 V - 3.1 V IO       |
+| Optimum Temperature Range	| -10 °C to +80 °C |
+
 ## EasyLoader
 
 <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_logo.webp" width="100px" style="margin-top:20px">
diff --git a/docs/en/base/basex.md b/docs/en/base/basex.md
index f8b45224..e4921f07 100644
--- a/docs/en/base/basex.md
+++ b/docs/en/base/basex.md
@@ -24,6 +24,52 @@
 - Encoder motor / servo controller
 - LEGO DIY intelligent control
 
+## Include
+
+-  1x BaseX
+-  1x LEGO base
+-  2x M3 * 5mm 304 Stainless steel hexagon socket bolt
+-  2x M3 * 32mm 304 Stainless steel hexagon socket bolt
+-  1x M3 wrench
+
+## Specification
+
+<table>
+   <tr style="font-weight:bold">
+      <td>Resources</td>
+      <td>Parameter</td>
+   </tr>
+   <tr>
+      <td>net weight</td>
+      <td>59g</td>
+   </tr>
+   <tr>
+      <td>Gross weight</td>
+      <td>110g</td>
+   </tr>
+   <tr>
+      <td>Product Size</td>
+      <td>54*54*26mm</td>
+   </tr>
+   <tr>
+      <td>Package Size</td>
+      <td>150*65*40mm</td>
+   </tr>
+ </table>
+
+## EasyLoader
+
+<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_logo.webp" width="100px" style="margin-top:20px">
+
+<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/Base/EasyLoader_BaseX.exe"><button type="button" class="btn btn-primary">click to download EasyLoader</button></a>
+
+>1. EasyLoader is a simple and fast program burner. Every product page in EasyLoader provides a product-related case program. This can be burned to the M5 device through simple steps, and a series of function verifications can be performed.
+
+>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**)
+
+?>3. Currently EasyLoader is only available for Windows operating system,  Before installing and using the Easyloader for M5Core, you need to install CP210X driver (you do not need to install with M5StickC as controller)[Click here to view the driver installation tutorial](en/related_documents/M5Burner#install-usb-driver)
+
+
 ## I2C Control instructions
 
 I2C Slave address: 0x22
@@ -77,51 +123,6 @@ Mode config method: Motor address + nByte
 <tr><td>Encoder</td><td>0x02</td>
 </table>
 
-## Include
-
--  1x BaseX
--  1x LEGO base
--  2x M3 * 5mm 304 Stainless steel hexagon socket bolt
--  2x M3 * 32mm 304 Stainless steel hexagon socket bolt
--  1x M3 wrench
-
-## Specification
-
-<table>
-   <tr style="font-weight:bold">
-      <td>Resources</td>
-      <td>Parameter</td>
-   </tr>
-   <tr>
-      <td>net weight</td>
-      <td>59g</td>
-   </tr>
-   <tr>
-      <td>Gross weight</td>
-      <td>110g</td>
-   </tr>
-   <tr>
-      <td>Product Size</td>
-      <td>54*54*26mm</td>
-   </tr>
-   <tr>
-      <td>Package Size</td>
-      <td>150*65*40mm</td>
-   </tr>
- </table>
-
-## EasyLoader
-
-<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_logo.webp" width="100px" style="margin-top:20px">
-
-<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/Base/EasyLoader_BaseX.exe"><button type="button" class="btn btn-primary">click to download EasyLoader</button></a>
-
->1. EasyLoader is a simple and fast program burner. Every product page in EasyLoader provides a product-related case program. This can be burned to the M5 device through simple steps, and a series of function verifications can be performed.
-
->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**)
-
-?>3. Currently EasyLoader is only available for Windows operating system,  Before installing and using the Easyloader for M5Core, you need to install CP210X driver (you do not need to install with M5StickC as controller)[Click here to view the driver installation tutorial](en/related_documents/M5Burner#install-usb-driver)
-
 ## Example
 
 ### 1. Arduino IDE
diff --git a/docs/en/base/lan_base.md b/docs/en/base/lan_base.md
index 5b9cc258..2367b3df 100644
--- a/docs/en/base/lan_base.md
+++ b/docs/en/base/lan_base.md
@@ -24,22 +24,6 @@ The serial port pins on the RS485 board will be connected to the GPIO16 and GPIO
 
 <img src="assets/img/product_pics/base/lan_05.webp" width="50%" height="50%">
 
-## PinMap
-
-**W5500**
-
-| W5500  | ESP32 Chip   |
-| :----: | :----------: |
-| MOSI   | GPIO23       |
-| MISO   | GPIO19       |
-| CLK    | GPIO18       |
-| CS     | GPIO26       |
-| RST    | GPIO13       |
-| INTn   | GPIO34       |
-
-**M-Bus**
-
-<img src="assets/img/product_pics/core/M-BUS.webp" width="500" height="385">
 
 ### Product Features
 
@@ -112,6 +96,23 @@ The serial port pins on the RS485 board will be connected to the GPIO16 and GPIO
 
 <img src="assets/img/product_pics/base/lan_sch.JPG">
 
+## PinMap
+
+**W5500**
+
+| W5500  | ESP32 Chip   |
+| :----: | :----------: |
+| MOSI   | GPIO23       |
+| MISO   | GPIO19       |
+| CLK    | GPIO18       |
+| CS     | GPIO26       |
+| RST    | GPIO13       |
+| INTn   | GPIO34       |
+
+**M-Bus**
+
+<img src="assets/img/product_pics/core/M-BUS.webp" width="500" height="385">
+
 ## Example
 
 - get example code [click here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Base/LAN/Arduino)
diff --git a/docs/en/base/node_base.md b/docs/en/base/node_base.md
index bc4de63e..6dd32fee 100644
--- a/docs/en/base/node_base.md
+++ b/docs/en/base/node_base.md
@@ -28,17 +28,6 @@ Internet Radio
 
 <img src="assets/img/product_pics/base/node_04.webp" width="50%" height="50%">
 
-## PinMap
-
-<table>
- <tr><td>ESP32</td><td>GPIO0</td><td>GPIO13</td><td>GPIO5</td><td>GPIO2</td><td>GPIO34</td><td>GPIO21</td><td>GPIO22</td><td>GPIO25</td></tr>
- <tr><td>Codec Chip</td><td>I2S_CLK</td><td>I2S_WS</td><td>I2S_BCK</td><td>I2S_IN</td><td>I2S_OUT</td><td>I2C_SDA</td><td>I2C_SCL</td><td>L_OUT1</td></tr>
-</table>
-
-<table>
- <tr><td>ESP32</td><td>GPIO15</td><td>GPIO35</td><td>GPIO12</td><td>GPIO21</td><td>GPIO22</td></tr>
- <tr><td>node base</td><td>RGBLed(SK6812)</td><td>IR_Receive</td><td>IR_Send</td><td>DHT12_SDA</td><td>DHT12_SCL</td></tr>
-</table>
 
 ## Include
 
@@ -63,6 +52,18 @@ Internet Radio
 
 <img src="assets/img/product_pics/base/node_sch_02.webp">
 
+## PinMap
+
+<table>
+ <tr><td>ESP32</td><td>GPIO0</td><td>GPIO13</td><td>GPIO5</td><td>GPIO2</td><td>GPIO34</td><td>GPIO21</td><td>GPIO22</td><td>GPIO25</td></tr>
+ <tr><td>Codec Chip</td><td>I2S_CLK</td><td>I2S_WS</td><td>I2S_BCK</td><td>I2S_IN</td><td>I2S_OUT</td><td>I2C_SDA</td><td>I2C_SCL</td><td>L_OUT1</td></tr>
+</table>
+
+<table>
+ <tr><td>ESP32</td><td>GPIO15</td><td>GPIO35</td><td>GPIO12</td><td>GPIO21</td><td>GPIO22</td></tr>
+ <tr><td>node base</td><td>RGBLed(SK6812)</td><td>IR_Receive</td><td>IR_Send</td><td>DHT12_SDA</td><td>DHT12_SCL</td></tr>
+</table>
+
 ## Related Link
 
 - **Datasheet** -  [WM8978](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/datasheet/base/WM8978%20_en.pdf)
diff --git a/docs/en/hat/hat-beetlec.md b/docs/en/hat/hat-beetlec.md
index c2f2210a..fdd0efa4 100644
--- a/docs/en/hat/hat-beetlec.md
+++ b/docs/en/hat/hat-beetlec.md
@@ -22,15 +22,15 @@ Besides, a power switch is placed at the front.
 - Concise design
 - Smooth control
 
+## Include
+
+- 1x BeetleC bottom
+
 ## Applications
 
 - Remote Motor control 
 - Wireless Robotic control
 
-## Include
-
-- 1x BeetleC bottom
-
 ## Specification
 
 <table>
diff --git a/docs/en/hat/hat-bugc.md b/docs/en/hat/hat-bugc.md
index 0ece2cab..c76c7f17 100644
--- a/docs/en/hat/hat-bugc.md
+++ b/docs/en/hat/hat-bugc.md
@@ -26,16 +26,17 @@ The Bugc base needs to be used in conjunction with the M5StickC controller. The
    - Stall current: 70mA
    - Insulation resistance: 10MΩ
 
+##  Include
+
+- 1x BugC base
+- 1x 16340 Battery(750mAh)
+
 ## Applications
 
 - RC motor
 - Robot control
 - Smart and cognitive toys
 
-##  Include
-
-- 1x BugC base
-- 1x 16340 Battery(750mAh)
 
 ## Specification
 
diff --git a/docs/en/hat/hat-env.md b/docs/en/hat/hat-env.md
index f4abbde9..e8343966 100644
--- a/docs/en/hat/hat-env.md
+++ b/docs/en/hat/hat-env.md
@@ -8,7 +8,7 @@
 
 **Hat ENV**  It is able to detect the temperature, humidity, air pressure and magnetic field. This product relates via I2C protocol which allows you to obtain 4 types of environment data thru just 2pins, together with the tiny body, makes it a powerful application for envitonment data collecting. 
 
-## Product Feature
+## Product Features
 
 - temperature:
     -  Range: -20 ~ 60 ℃
@@ -21,7 +21,6 @@
     - ±1300μT（x，y-axis），±2500μT（z-axis）
     - magnetic field resolution: 0.3μT
 
-
 ## Include
 
 - 1x ENV Hat
diff --git a/docs/en/hat/hat-neoflash.md b/docs/en/hat/hat-neoflash.md
index e731f47e..e972d68a 100644
--- a/docs/en/hat/hat-neoflash.md
+++ b/docs/en/hat/hat-neoflash.md
@@ -22,7 +22,6 @@ If you thinking about adding a display on your project, NeoFlash is a good choic
 - Hole Dimension: 0.039 "1mm (CNC Factory)
 - Assembly Approach:  back to back (default) / horizontal contact
 
-
 ## Include
 
 - 1x Neoflash HAT
diff --git a/docs/en/hat/hat-servo.md b/docs/en/hat/hat-servo.md
index ace93994..344163b1 100644
--- a/docs/en/hat/hat-servo.md
+++ b/docs/en/hat/hat-servo.md
@@ -9,6 +9,7 @@
 **SERVO HAT** as the name suggests, is a servo motor module with the new and upgraded "ES9251II" digital servo，This comes with 145°±10° range of motion and can be controlled by PWM signals. The signal pin of the hat is connected to G26 on M5StickC.
 
 ## Product Features
+
 - Servo Type: &emsp;      Digital
 - Spinning speed:&emsp;   0.09sec/60°
 - Gear material:&emsp;    Plastic
diff --git a/docs/en/hat/hat-spk.md b/docs/en/hat/hat-spk.md
index 4964617a..a31f6d95 100644
--- a/docs/en/hat/hat-spk.md
+++ b/docs/en/hat/hat-spk.md
@@ -8,7 +8,7 @@
 
 **SPK HAT** is an M5StickC compatible speaker, integrated PAM8303 amplifier (3w single channel type D power amplifier), High PSRR and differential inputs eliminate noise and rf interference, thus it has the characteristics of simple functions and high audio reproduction.
 
-## Product Feature
+## Product Features
 
 - Ultra-low EMI interference, 20dB better than FCC class B standard at 300MHz
 - Voltage 5 v power supply, with 4 Ω load power output 3 w, 10% of the total harmonic distortion.
diff --git a/docs/en/module/faces_rfid.md b/docs/en/module/faces_rfid.md
index b76078e7..a441e12f 100644
--- a/docs/en/module/faces_rfid.md
+++ b/docs/en/module/faces_rfid.md
@@ -15,11 +15,13 @@ This unit can realize the function of the card reading and writing device, to id
 Communication Protocol: I2C.
 
 ## Product Features
+
 - FACES bottom compatible
 - Interface Serial： I2C (21/22)
 - MFRC522
 
 ## Applications
+
 - Reader­-Tag
 - Security
 
diff --git a/docs/en/module/nb-iot.md b/docs/en/module/nb-iot.md
index ae362384..4a4431bb 100644
--- a/docs/en/module/nb-iot.md
+++ b/docs/en/module/nb-iot.md
@@ -34,6 +34,7 @@ Power Operation:
 
 
 ## Product Features
+
 - Serial communication: UART
 - Product Power in : 5V
 - Serial Communication: Uart2 16/17
diff --git a/docs/en/tool/usb_downloader.md b/docs/en/tool/usb_downloader.md
index 024ef7f7..e2d1ce5e 100644
--- a/docs/en/tool/usb_downloader.md
+++ b/docs/en/tool/usb_downloader.md
@@ -12,24 +12,6 @@ USB downloader is a USB-to-UART converter. It can be used to download firmware f
 
 TXD led, RXD led, Power led and 6pin @ 2.54mm bus sockets.
 
-## PARAMETER
-
-*There are two reserved pins(RTS, DTR) on M5Stack USB Downloader for other applications.*
-
-|       PinNumber       |          PinName          |
-| :-------------------: |:------------------------: |
-|           1           |           GND             |
-|           2           |           GPIO0           |
-|           3           |           EN              |
-|           4           |           TXD             |
-|           5           |           RXD             |
-|           6           |           3.3V            |
-
-<img src="assets/img/product_pics/tool/usb_downloader_03.webp"  width="60%" height="60%">
-
-**Usage:**
-
-<img src="assets/img/product_pics/tool/usb_downloader_04.webp">
 
 ## product Feature
 
@@ -65,6 +47,25 @@ TXD led, RXD led, Power led and 6pin @ 2.54mm bus sockets.
    </tr>
  </table>
 
+## PARAMETER
+
+*There are two reserved pins(RTS, DTR) on M5Stack USB Downloader for other applications.*
+
+|       PinNumber       |          PinName          |
+| :-------------------: |:------------------------: |
+|           1           |           GND             |
+|           2           |           GPIO0           |
+|           3           |           EN              |
+|           4           |           TXD             |
+|           5           |           RXD             |
+|           6           |           3.3V            |
+
+<img src="assets/img/product_pics/tool/usb_downloader_03.webp"  width="60%" height="60%">
+
+**Usage:**
+
+<img src="assets/img/product_pics/tool/usb_downloader_04.webp">
+
 ## Related Link
 
 - [UserGuide](https://github.com/watson8544/M5Stack-UserGuide/blob/master/TOOLS_DOCS/M5Stack-USB-Downloader-UserGuide.md)
diff --git a/docs/en/tool/usb_isp.md b/docs/en/tool/usb_isp.md
index 6d319127..cf1b8c38 100644
--- a/docs/en/tool/usb_isp.md
+++ b/docs/en/tool/usb_isp.md
@@ -5,27 +5,11 @@
 <img src="assets/img/product_pics/tool/usb_isp/tool_usb_isp_01.webp" width="30%" height="30%"><img src="assets/img/product_pics/tool/usb_isp/tool_usb_isp_03.webp" width="30%" height="30%">
 
 
-
 ## Description
 
 USB-ISP is an AVR Programmer,  3.3V/5V power supply, supports ISP programming for AVR and 51 microcontrollers. 
 
 
-## PARAMETER
-
-*There are two reserved pins(RTS, DTR) on M5Stack USB Downloader for other applications.*
-
-|       PinNumber      |        PinName        |
-| :-------:        |:----------: |
-|    1  &nbsp; &nbsp;  2     |   MOSI   &nbsp; &nbsp; VCC    |
-|    3  &nbsp; &nbsp;  4     |   NC     &nbsp; &nbsp; GND    |
-|    5  &nbsp; &nbsp;  6     |   RST    &nbsp; &nbsp; GND    |
-|    7  &nbsp; &nbsp;  8     |   sck    &nbsp; &nbsp; GND    |
-|    9  &nbsp; &nbsp;  10    |   MISO   &nbsp; &nbsp; GND    |
-
-<img src="assets/img/product_pics/tool/usb_isp/tool_usb_isp_02.webp" width="30%" height="30%"><img src="assets/img/product_pics/tool/usb_isp/tool_usb_isp_04.webp" width="30%" height="30%">
-
-
 ## Product Feature
 
 - supports win7 64
@@ -61,6 +45,21 @@ USB-ISP is an AVR Programmer,  3.3V/5V power supply, supports ISP programming fo
  </table>
 
 
+## PARAMETER
+
+*There are two reserved pins(RTS, DTR) on M5Stack USB Downloader for other applications.*
+
+|       PinNumber      |        PinName        |
+| :-------:        |:----------: |
+|    1  &nbsp; &nbsp;  2     |   MOSI   &nbsp; &nbsp; VCC    |
+|    3  &nbsp; &nbsp;  4     |   NC     &nbsp; &nbsp; GND    |
+|    5  &nbsp; &nbsp;  6     |   RST    &nbsp; &nbsp; GND    |
+|    7  &nbsp; &nbsp;  8     |   sck    &nbsp; &nbsp; GND    |
+|    9  &nbsp; &nbsp;  10    |   MISO   &nbsp; &nbsp; GND    |
+
+<img src="assets/img/product_pics/tool/usb_isp/tool_usb_isp_02.webp" width="30%" height="30%"><img src="assets/img/product_pics/tool/usb_isp/tool_usb_isp_04.webp" width="30%" height="30%">
+
+
 <script>
 
    var purchase_link = 'https://m5stack.com/collections/m5-accessory/products/isp-usbasp-programmer';
diff --git a/docs/en/uiflow/uiflow_home_page.md b/docs/en/uiflow/uiflow_home_page.md
index 81b73437..36d37886 100644
--- a/docs/en/uiflow/uiflow_home_page.md
+++ b/docs/en/uiflow/uiflow_home_page.md
@@ -14,11 +14,21 @@
 
 <div class="container" style="margin-top:60px" id="tutorial">
 <div class="row">
-          <!-- <div class="col-md-4">
-            <h2>Introduction</h2>
+          <div class="col-md-4">
+            <h2>Quick Start</h2>
             <p class="uiflow_p">Explain several preparations before using UIFlow, including programming and network configuration of UIFlow firmware, as well as some program basics. </p>
-            <p><a class="btn btn-secondary" href="#/en/uiflow/introduction" role="button">View details »</a></p>
-          </div> -->
+          <div class="dropdown">
+            <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
+              View details  »
+            </button>
+            <div>
+              <a class="dropdown-item" href="#/en/quick_start/m5core/m5stack_core_get_started_MicroPython" style="color:black">BASIC/FACES/FIRE/M5GO</a>
+              <a class="dropdown-item" href="#/en/quick_start/m5stickc/m5stickc_quick_start" style="color:black">M5StickC</a>
+              <a class="dropdown-item" href="#/en/quick_start/m5stick/m5stick_quick_start_with_uiflow" style="color:black">M5Stick</a>
+              <a class="dropdown-item" href="#/en/quick_start/atom/atom_quick_start_uiflow" style="color:black">ATOM</a>
+            </div>
+          </div>
+          </div>
           <div class="col-md-4">
             <h2>Hardware</h2>
             <p class="uiflow_p">Some basic control of device hardware in UIFlow, and information acquisition.</p>
@@ -29,14 +39,14 @@
             <p class="uiflow_p">UIFlow display control for characters and graphics, as well as image upload and drawing functions.</p>
             <p><a class="btn btn-secondary" href="#/en/uiflow/ui_simulator" role="button">View details »</a></p>
           </div>  
+  </div>
+
+<div class="row">
         <div class="col-md-4">
           <h2>Data structure</h2>
           <p class="uiflow_p">Introduction to data types in UIFlow, including constants, variables, characters, random numbers, lists, etc.</p>
           <p><a class="btn btn-secondary" href="#/en/uiflow/data_structure" role="button">View details »</a></p>
         </div>
-  </div>
-
-<div class="row">
         <div class="col-md-4">
           <h2>Logic</h2>
           <p class="uiflow_p">The use of logic judgments, operations, and conditional loops, iterations, functions, etc. in UIFlow. </p>
@@ -47,14 +57,14 @@
           <p class="uiflow_p">The higher-level functions in UIFlow involve remote functions and the use of MQTT communication.</p>
           <p><a class="btn btn-secondary" href="#/en/uiflow/advanced" role="button">View details »</a></p>
         </div>
+</div>
+  
+<div class="row">
         <div class="col-md-4">
           <h2>Units</h2>
           <p class="uiflow_p">Introduction to how to use unit devices, such as ToF, ENV, Realy, inlucde I/O,UART,I2C,etc.</p>
           <p><a class="btn btn-secondary" href="#/en/uiflow/Units" role="button">View details »</a></p>
         </div>
-</div>
-  
-<div class="row">
           <div class="col-md-4">
             <h2>Modules</h2>
             <p class="uiflow_p">Introduce some useful modules block add to your project  in UIFlow. </p>
@@ -65,6 +75,9 @@
             <p class="uiflow_p">UIFlow uses FACES panel for interface interaction or data manipulation  help you to improve input efficiency.</p>
             <p><a class="btn btn-secondary" href="#/en/uiflow/FACES" role="button">View details »</a></p>
           </div>
+  </div>
+
+<div class="row">
           <div class="col-md-4">
             <h2>Custom</h2>
             <p class="uiflow_p">The creation and use of UIFlow custom program blocks. </p>
diff --git a/docs/en/unit/vibrator.md b/docs/en/unit/vibrator.md
index 953d9506..cfe9a815 100644
--- a/docs/en/unit/vibrator.md
+++ b/docs/en/unit/vibrator.md
@@ -13,7 +13,7 @@ With this product, you can implement a vibration function to your application.<b
 
 These days miniature vibrating motors are used in a wide range of products, not just phone and consumer electronics, but also included such as tools, scanners, medical instruments, GPS trackers, and control sticks. Vibrator motors are also the main actuators for haptic feedback which is an inexpensive way to increase a product's value and differentiate it from the competition.
 
-### Product Features
+## Product Features
 
 - single-direction rotation
 
diff --git a/docs/zh_CN/quick_start/m5stick/m5stick_quick_start_with_uiflow.md b/docs/zh_CN/quick_start/m5stick/m5stick_quick_start_with_uiflow.md
index e6ffb9f3..16655a1f 100644
--- a/docs/zh_CN/quick_start/m5stick/m5stick_quick_start_with_uiflow.md
+++ b/docs/zh_CN/quick_start/m5stick/m5stick_quick_start_with_uiflow.md
@@ -1,6 +1,6 @@
 # M5Stick 快速上手 - UIFlow {docsify-ignore-all}
 
-<img src="assets/img/getting_started_pics/m5stick/stick_01.png">
+<img src="assets/img/getting_started_pics/m5stick/stick_01.webp"><img src="assets/img/getting_started_pics/m5stick/stick_06.webp">
 
 1. **[更新固件](#更新固件)**
 
@@ -24,7 +24,7 @@
 
 *如果需要更新或自行烧录固件的话，请点击[这里](zh_CN/related_documents/M5Burner)*
 
-<img src="assets/img/getting_started_pics/m5stick/stick_03.png">
+<img src="assets/img/getting_started_pics/m5stick/stick_03.webp">
 
 ## 开关机操作
 
@@ -32,7 +32,7 @@
 
 >除了电源键以外，stick还提供了另一个A按键可供您编程使用
 
-<img src="assets/img/getting_started_pics/m5stick/stick_02.png" width="300" height="300">
+<img src="assets/img/getting_started_pics/m5stick/stick_02.webp" width="300" height="300">
 
 ## 编程环境配置
 
@@ -46,7 +46,7 @@
 
 这时候可以使用手机连接这个热点，待连接成功后，使用浏览器输入网络配置地址，进入WIFI配置页面，输入个人WIFI的信息，点击保存，等待连接成功
 
-<img src="assets/img/getting_started_pics/m5stick/stick_04.png">
+<img src="assets/img/getting_started_pics/m5stick/stick_04.webp">
 
 ### Step2. 设置API Key
 
@@ -54,15 +54,15 @@
 
 点击屏幕右上角的菜单中的设置按钮，填写stick屏幕上显示的**API Key**，点击保存，开始编程吧！
 
-<img src="assets/img/getting_started_pics/m5stack_core/get_started_with_m5stick/uiflow_setting.png">
+<img src="assets/img/getting_started_pics/m5stack_core/get_started_with_m5stick/uiflow_setting.webp">
 
-<img src="assets/img/getting_started_pics/m5stick/stick_05.png">
+<img src="assets/img/getting_started_pics/m5stick/stick_05.webp">
 
 ## 操作补充
 
 >如果下载了程序，那么每次开机都会默认运行，如果想要重新运行或下载程序，那么需要在重启出现Logo时单击按键A，再次进入编程模式
 
-<img src="assets/img/getting_started_pics/m5stack_core/get_started_with_m5stick/uiflow_download.png">
+<img src="assets/img/getting_started_pics/m5stack_core/get_started_with_m5stick/uiflow_download.webp" width="50%" height="50%">
 
 >如果想要配置新的WIFI，那么需要在重启出现Logo时，长按按键A一秒以上后松开，进入配置页面
 
@@ -74,13 +74,6 @@
 
 <img src="assets/img/product_pics/core/minicore/m5stick/example/example_core_m5stick_02.png" width=50% height=50%><img src="assets/img/product_pics/core/minicore/m5stick/example/example_core_m5stick_03.png" width=50% height=50%>
 
-### 注意
-
->stick的屏幕**分辨率为64x128**，所以当您UIFlow中往屏幕添加图形的时候，需要将形状放置到一定范围之内才能显示，目前只支持显示矩形图案，以及标签
-
-<img src="assets/img/product_pics/core/minicore/m5stick/example/example_core_m5stick_01.png" width=50% height=50%>
-
->我们会尽快针对stick做出一系列兼容UIFlow的优化，敬请期待
 
 ## 相关视频
 
diff --git a/docs/zh_CN/uiflow/uiflow_home_page.md b/docs/zh_CN/uiflow/uiflow_home_page.md
index d5af8990..ef1ef3e1 100644
--- a/docs/zh_CN/uiflow/uiflow_home_page.md
+++ b/docs/zh_CN/uiflow/uiflow_home_page.md
@@ -16,6 +16,21 @@
 
 <div class="container" style="margin-top:60px" id="tutorial">
 <div class="row">
+          <div class="col-md-4">
+            <h2>快速上手</h2>
+            <p class="uiflow_p">在使用UIFlow之前进行的一些准备工作，包括UIFlow固件的烧录和网络配置以及一些基础内容。 </p>
+          <div class="dropdown">
+            <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
+              View details  »
+            </button>
+            <div>
+              <a class="dropdown-item" href="#/zh_CN/quick_start/m5core/m5stack_core_get_started_MicroPython" style="color:black">BASIC/FACES/FIRE/M5GO</a>
+              <a class="dropdown-item" href="#/zh_CN/quick_start/m5stickc/m5stickc_quick_start" style="color:black">M5StickC</a>
+              <a class="dropdown-item" href="#/zh_CN/quick_start/m5stick/m5stick_quick_start_with_uiflow" style="color:black">M5Stick</a>
+              <a class="dropdown-item" href="#/zh_CN/quick_start/atom/atom_quick_start_uiflow" style="color:black">ATOM</a>
+            </div>
+          </div>
+          </div>
           <div class="col-md-4">
             <h2>硬件控制</h2>
             <p class="uiflow_p">UIFlow中关于设备硬件的一些基本控制，与信息获取. </p>
@@ -26,13 +41,13 @@
             <p class="uiflow_p">UIFlow中关于字符与图形的显示控制，以及图片上传与绘图功能. </p>
             <p><a class="btn btn-secondary" href="#/zh_CN/uiflow/ui_simulator" role="button">View details »</a></p>
           </div>  
+  </div>
+<div class="row">
           <div class="col-md-4">
             <h2>数据类型</h2>
             <p class="uiflow_p">UIFlow中关于数据类型的简介，包括常量、变量、字符、随机数、列表等. </p>
             <p><a class="btn btn-secondary" href="#/zh_CN/uiflow/data_structure" role="button">View details »</a></p>
           </div>
-  </div>
-<div class="row">
           <div class="col-md-4">
             <h2>逻辑循环</h2>
             <p class="uiflow_p">UIFlow中关于逻辑判断、运算，以及条件循环、迭代、函数等功能的使用. </p>
@@ -43,15 +58,15 @@
             <p class="uiflow_p">UIFlow中较为高阶的功能，涉及远程功能、MQTT通信的使用.</p>
             <p><a class="btn btn-secondary" href="#/zh_CN/uiflow/advanced" role="button">View details »</a></p>
           </div>
+  </div>
+
+
+<div class="row">
           <div class="col-md-4">
             <h2>Units</h2>
             <p class="uiflow_p">UIFlow相关的Units使用方法，如ToF,ENV,Realy等模块，包含I/O类和I2C及UART接口的硬件. </p>
             <p><a class="btn btn-secondary" href="#/zh_CN/uiflow/Units" role="button">View details »</a></p>
           </div>
-  </div>
-
-
-<div class="row">
           <div class="col-md-4">
             <h2>Modules</h2>
             <p class="uiflow_p">UIFlow中配合Modules使用的操作说明. </p>
@@ -62,6 +77,9 @@
             <p class="uiflow_p">UIFlow中使用FACES面板进行界面交互或数据操作,提高输入效率.</p>
             <p><a class="btn btn-secondary" href="#/zh_CN/uiflow/FACES" role="button">View details »</a></p>
           </div>
+  </div>
+
+<div class="row">
           <div class="col-md-4">
             <h2>Custom</h2>
             <p class="uiflow_p">UIFlow自定义程序块的创建与使用. </p>