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/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>