diff --git a/.DS_Store b/.DS_Store
index cbf003f6..03bb1199 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 00000000..986a2b70
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,5 @@
+
+docs/.DS_Store
+.DS_Store
+docs/zh_CN/hat/.DS_Store
+docs/zh_CN/.DS_Store
diff --git a/docs/.DS_Store b/docs/.DS_Store
index 877a4067..a422b3d6 100644
Binary files a/docs/.DS_Store and b/docs/.DS_Store differ
diff --git a/docs/assets/img/product_pics/app/puppyc/puppyc_01.jpg b/docs/assets/img/product_pics/app/puppyc/puppyc_01.jpg
new file mode 100755
index 00000000..2d9a9136
Binary files /dev/null and b/docs/assets/img/product_pics/app/puppyc/puppyc_01.jpg differ
diff --git a/docs/assets/img/product_pics/app/puppyc/puppyc_02.jpg b/docs/assets/img/product_pics/app/puppyc/puppyc_02.jpg
new file mode 100755
index 00000000..a018506d
Binary files /dev/null and b/docs/assets/img/product_pics/app/puppyc/puppyc_02.jpg differ
diff --git a/docs/assets/img/product_pics/app/puppyc/puppyc_03.jpg b/docs/assets/img/product_pics/app/puppyc/puppyc_03.jpg
new file mode 100755
index 00000000..426da09e
Binary files /dev/null and b/docs/assets/img/product_pics/app/puppyc/puppyc_03.jpg differ
diff --git a/docs/assets/img/product_pics/app/puppyc/puppyc_04.jpg b/docs/assets/img/product_pics/app/puppyc/puppyc_04.jpg
new file mode 100755
index 00000000..3b962f4d
Binary files /dev/null and b/docs/assets/img/product_pics/app/puppyc/puppyc_04.jpg differ
diff --git a/docs/en/app/puppyc.md b/docs/en/app/puppyc.md
new file mode 100644
index 00000000..f1a68bb8
--- /dev/null
+++ b/docs/en/app/puppyc.md
@@ -0,0 +1,69 @@
+# PuppyC {docsify-ignore-all}
+
+<img src="assets\img\product_pics\app\puppyc\puppyc_01.jpg" width="30%" height="30%"> <img src="assets\img\product_pics\app\puppyc\puppyc_02.jpg" width="30%" height="30%">
+<img src="assets\img\product_pics\app\puppyc\puppyc_04.jpg" width="30%" height="30%">
+
+:memo:**[Description](#Description)**&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_M5StickC_logo_min.png">**[EasyLoader](#EasyLoader)**&nbsp;&nbsp;🛒**[Purchase](https://m5stack.com/products/puppyc-w-o-m5stickc)**&nbsp;&nbsp;:clapper:**[Videos](#Videos)**
+
+
+
+
+## Description
+
+**PuppyC** s a programmable four-legged robot base compatible with M5StickC. It contains the STM32F030F4 microcontroller，Four SG90 micro servos, a battery holder and an independent switch.
+
+PuppyC base needs to be used in conjunction with the M5StickC controller.After the StickC is programmed, it communicates with PuppyC through the I2C protocol to control the steering motion.
+
+It walks slowly and is easy to control.Due to the small contact area, the movement is slow and the frictional force is as large as possible even on a soft surface.
+
+<img src="assets\img\product_pics\app\puppyc\puppyc_03.jpg" width="30%" height="30%">
+
+## Product Features
+
+- Programmable robot
+- Servo controller
+- Four-legs walking
+
+## Dimensions
+
+- LxWxH：52mm * 60mm * 35mm
+- Servo angle range：0-180°
+
+
+
+## Applications
+
+- Robotic pet
+- Remote Control Robot 
+- Smart and cognitive toys
+
+## Package Includes
+
+- 1x PuppyC base
+- 1x 16340 Battery
+- 4x SG90 Servo
+
+## EasyLoader
+
+<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_M5StickC_logo.png" width="100px" style="margin-top:20px">
+
+<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/Application/PuppyC/EasyLoader_PuppyC.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.
+
+>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**)
+
+
+
+## Code
+
+### 1. Arduino IDE
+
+To get complete code, please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/App/PuppyC)
+
+## Videos
+
+<video width="500" height="500" controls>
+    <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/App/PuppyC/PuppyC.mp4" type="video/mp4">
+</video>
+
diff --git a/docs/index.md b/docs/index.md
index 26122fd5..7359d221 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -897,13 +897,6 @@
  </a>
 </div>
 
-<div class="item">
-  <a href="/#/en/hat/hat-puppyC">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/puppyc_hat_01.jpg">
-  <p class="item-title">PuppyC</p>
- </a>
-</div>
-
 
 ***
 
@@ -1012,6 +1005,12 @@
   </a>
 </div>
 
+<div class="item">
+  <a href="/#/en/app/puppyc">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/app/puppyc_01.jpg">
+  <p class="item-title">PuppyC</p>
+  </a>
+</div>
 
 ***
 
diff --git a/docs/zh_CN/.DS_Store b/docs/zh_CN/.DS_Store
index 1e16a7f2..c14b0bb0 100644
Binary files a/docs/zh_CN/.DS_Store and b/docs/zh_CN/.DS_Store differ
diff --git a/docs/zh_CN/README.md b/docs/zh_CN/README.md
index a3ad35c8..97bc4776 100644
--- a/docs/zh_CN/README.md
+++ b/docs/zh_CN/README.md
@@ -902,12 +902,6 @@
  </a>
 </div>
 
-<div class="item">
-  <a href="/#/zh_CN/hat/hat-puppyc">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/puppy_hat_01.jpg">
-  <p class="item-title">puppyC</p>
- </a>
-</div>
 
 ***
 
@@ -1013,6 +1007,13 @@
   </a>
 </div>
 
+<div class="item">
+  <a href="/#/zh_CN/app/puppyc">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/app/puppyc_01.jpg">
+  <p class="item-title">PuppyC</p>
+  </a>
+</div>
+
 
 ***
 <!--Below is adding on  -->
diff --git a/docs/zh_CN/hat/hat-puppyc.md b/docs/zh_CN/app/puppyc.md
similarity index 72%
rename from docs/zh_CN/hat/hat-puppyc.md
rename to docs/zh_CN/app/puppyc.md
index cf6d4787..e0b2ba03 100644
--- a/docs/zh_CN/hat/hat-puppyc.md
+++ b/docs/zh_CN/app/puppyc.md
@@ -1,9 +1,9 @@
 # PuppyC {docsify-ignore-all}
 
-<img src="assets\img\product_pics\hat\puppyc_hat\puppyc_hat_01.jpg" width="30%" height="30%"> <img src="assets\img\product_pics\hat\puppyc_hat\puppyc_hat_02.jpg" width="30%" height="30%">
-<img src="assets\img\product_pics\hat\puppyc_hat\puppyc_hat_04.jpg" width="30%" height="30%">
+<img src="assets\img\product_pics\app\puppyc\puppyc_01.jpg" width="30%" height="30%"> <img src="assets\img\product_pics\app\puppyc\puppyc_02.jpg" width="30%" height="30%">
+<img src="assets\img\product_pics\app\puppyc\puppyc_04.jpg" width="30%" height="30%">
 
-:memo:**[描述](#描述)**&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_M5StickC_logo_min.png">**[EasyLoader](#EasyLoader)**&nbsp;&nbsp;🛒**[购买链接](https://m5stack.com/products/bugc-w-o-m5stickc)**&nbsp;
+:memo:**[描述](#描述)**&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_M5StickC_logo_min.png">**[EasyLoader](#EasyLoader)**&nbsp;&nbsp;🛒**[购买链接](https://m5stack.com/products/puppyc-w-o-m5stickc)**&nbsp;
 
 
 
@@ -16,7 +16,7 @@ PuppyC底座需要结合M5StickC控制器使用，StickC编程后通过I2C协议
 
 
 
-<img src="assets\img\product_pics\hat\puppyc_hat\puppyc_hat_03.jpg" width="30%" height="30%">
+<img src="assets\img\product_pics\app\puppyc\puppyc_03.jpg" width="30%" height="30%">
 
 ## 产品特性
 
@@ -43,12 +43,13 @@ PuppyC底座需要结合M5StickC控制器使用，StickC编程后通过I2C协议
 
 - 1x PuppyC 底座
 - 1x 16340 电池
+- 4x SG90 舵机
 
 ## EasyLoader
 
 <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_M5StickC_logo.png" width="100px" style="margin-top:20px">
 
-<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/HAT/BugC/EasyLoader_PuppyC.exe"><button type="button" class="btn btn-primary">点击下载 EasyLoader</button></a>
+<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/Application/PuppyC/EasyLoader_PuppyC.exe"><button type="button" class="btn btn-primary">点击下载 EasyLoader</button></a>
 
 >1. EasyLoader是一个简洁快速的程序烧录器，每一个产品页面里的EasyLoader都提供了一个与产品相关的案例程序，通过简单步骤将其烧录至主控，能够进行一系列的功能验证.**(目前EasyLoader仅适用于Windows操作系统)**
 
@@ -59,11 +60,11 @@ PuppyC底座需要结合M5StickC控制器使用，StickC编程后通过I2C协议
 
 ### 1. Arduino IDE
 
-[点击此处](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/PuppyC/stickC/PuppyC)，获取完整程序.
+[点击此处](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/App/PuppyC)，获取完整程序.
 
 ## Videos
 
 <video width="500" height="500" controls>
-    <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/HAT/PuppyC.mp4" type="video/mp4">
+    <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/App/PuppyC/PuppyC.mp4" type="video/mp4">
 </video>
 
diff --git a/docs/zh_CN/hat/.DS_Store b/docs/zh_CN/hat/.DS_Store
index bf71bac5..d390901e 100644
Binary files a/docs/zh_CN/hat/.DS_Store and b/docs/zh_CN/hat/.DS_Store differ