diff --git a/public/site/css/common.css b/public/site/css/common.css
index d5b0da2f1..31eaa0a8e 100644
--- a/public/site/css/common.css
+++ b/public/site/css/common.css
@@ -760,7 +760,6 @@ img {
   color: var(--text-color);
 }
 .get-started{
-  width: 123px; 
   display: inline-block;
 }
 .login-btn{
diff --git a/public/site/css/help.css b/public/site/css/help.css
index a5fd87656..c1f6d6b24 100644
--- a/public/site/css/help.css
+++ b/public/site/css/help.css
@@ -1,158 +1,189 @@
 /* 头部样式 */
-.nav{
-  background-color: var(--pop-bg-color);
-  box-shadow: 0px 4px 9px var(--box-shadow-color);
+.nav {
+    background-color: var(--pop-bg-color);
+    box-shadow: 0px 4px 9px var(--box-shadow-color);
 }
-.help{
-  position: relative;
-  margin: 56px 0 96px 0;
-  padding-top: 80px;
+
+.help {
+    position: relative;
+    margin: 56px 0 96px 0;
+    padding-top: 80px;
 }
-.help-con{
-  width: 100%;
-  max-width: 1280px;
-  margin: 0 auto;
+
+.help-con {
+    width: 100%;
+    max-width: 1280px;
+    margin: 0 auto;
 }
-.help-layout{
-  display: flex;
-  align-items: flex-start;
+
+.help-layout {
+    display: flex;
+    align-items: flex-start;
 }
-.help-l{
-  padding: 24px;
-  background: var(--bg-fa-color);
-  border-radius: 8px;
-  margin-right: 32px;
-  height: 95%;
+
+.help-l {
+    display: none;
+    padding: 24px;
+    background: var(--bg-fa-color);
+    border-radius: 8px;
+    margin-right: 32px;
+    height: 95%;
 }
-.help-h5{
-  color: var(--text-color);
+
+.help-h5 {
+    color: var(--text-color);
 }
-.help-l-ul{
-  width: 240px;
-  overflow: auto;
-  height: 82vh;
+
+.help-l-ul {
+    width: 240px;
+    overflow: auto;
+    height: 82vh;
 }
-.l-ul-item{
-  padding: 9px 16px;
-  cursor: pointer;
-  height: 22px;
+
+.l-ul-item {
+    padding: 9px 16px;
+    cursor: pointer;
+    height: 22px;
 }
-.l-ul-item.active .txt{
-  color: var(--txt-theme-color);
+
+.l-ul-item.active .txt {
+    color: var(--txt-theme-color);
 }
-.l-ul-item.active{
-  background-color: var(--bg-hover-color);
-  border-radius: 8px;
+
+.l-ul-item.active {
+    background-color: var(--bg-hover-color);
+    border-radius: 8px;
 }
-.l-ul-item:hover{
-  background: var(--bg-hover-color);
-  border-radius: 8px;
+
+.l-ul-item:hover {
+    background: var(--bg-hover-color);
+    border-radius: 8px;
 }
-.txt{
-  /* display: inline-block; */
-  color: var(--txt-gray-color);
+
+.txt {
+    /* display: inline-block; */
+    color: var(--txt-gray-color);
 }
-.help-r{
-  border-left: 1px solid var(--border-color);
-  padding-left: 32px;
-  position: relative;
+
+.help-r {
+    padding-left: 32px;
+    position: relative;
 }
-.help-r::-webkit-scrollbar{
-  width: 0 !important 
+
+.help-r::-webkit-scrollbar {
+    width: 0 !important
 }
-.help-pic1{
-  position: relative;
-  padding-left: 34px;
-  width: auto;
-  height: 240px;
-  background: var(--txt-theme-color);
-  border-radius: 8px;
-  display: flex;
-  align-items: center;
-  overflow: hidden;
+
+.help-pic1 {
+    position: relative;
+    padding-left: 34px;
+    width: auto;
+    height: 240px;
+    background: var(--txt-theme-color);
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    overflow: hidden;
 }
-#help-pic1-svg{
-  height: 100%;
-  position: absolute;
-  top: 0;
-  right: 0;
+
+#help-pic1-svg {
+    height: 100%;
+    position: absolute;
+    top: 0;
+    right: 0;
 }
-.help-pic1-tips{
-  max-width: 360px;
+
+.help-pic1-tips {
+    max-width: 360px;
 }
-.help-pic1-tips-h2{
-  color: #fff;
-  margin-bottom: 16px;
+
+.help-pic1-tips-h2 {
+    color: #fff;
+    margin-bottom: 16px;
 }
-.help-pic1-tips-h6{
-  color: #fff;
+
+.help-pic1-tips-h6 {
+    color: #fff;
 }
-.help-h4{
-  color: var(--text-color) !important;
+
+.help-h4 {
+    color: var(--text-color) !important;
 }
-.help-h6{
-  color: var(--txt-gray-color);
+
+.help-h6 {
+    color: var(--txt-gray-color);
 }
-.help-h6-bold{
-  color: var(--text-color) !important;
+
+.help-h6-bold {
+    color: var(--text-color) !important;
 }
-.r-ul-item-pic1{
-  display: block;
-  height: 316px;
+
+.r-ul-item-pic1 {
+    display: block;
+    height: 316px;
 }
-.r-ul-item-pic2{
-  display: block;
-  height: 418px;
+
+.r-ul-item-pic2 {
+    display: block;
+    height: 418px;
 }
-.dots{
-  background: url(../img/dots.svg) no-repeat;
-  width: 4px;
-  height: 4px;
-  display: block;
-  position: absolute;
-  left: 10px;
-  top: 10px;
+
+.dots {
+    background: url(../img/dots.svg) no-repeat;
+    width: 4px;
+    height: 4px;
+    display: block;
+    position: absolute;
+    left: 10px;
+    top: 10px;
 }
-.help-t-768{
-  display: flex;
-  align-items: center;
-  padding: 14px 16px;
-  background: var(--bg-fa-color);
-  border-radius: 8px;
-  margin-top: 16px;
-  cursor: pointer;
-  margin-bottom: 40px;
+
+.help-t-768 {
+    display: flex;
+    align-items: center;
+    padding: 14px 16px;
+    background: var(--bg-fa-color);
+    border-radius: 8px;
+    margin-top: 16px;
+    cursor: pointer;
+    margin-bottom: 40px;
 }
-.help-t-prev{
-  display: inline-block;
-  width: 14px;
-  margin-right: 8px;
+
+.help-t-prev {
+    display: inline-block;
+    width: 14px;
+    margin-right: 8px;
 }
-.help-t-tit{
-  font-weight: 400;
-  font-size: 16px;
-  line-height: 20px;
-  color: var(--txt-theme-color);
+
+.help-t-tit {
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 20px;
+    color: var(--txt-theme-color);
 }
-.help-drawer{
-  position: fixed;
-  top: 0;
-  left: -90vw;
-  width: 75vw;
-  height: 100%;
-  padding: 22px 24px;
-  background-color: var(--pop-bg-color);
-  border: 1px solid var(--box-shadow-color);
-  box-shadow: var(--pop-box-shadow);
-  transition: all 0.5s ease-in-out;
-  z-index: 999;
+
+.help-drawer {
+    position: fixed;
+    top: 0;
+    left: -90vw;
+    width: 75vw;
+    height: 100%;
+    padding: 22px 24px;
+    background-color: var(--pop-bg-color);
+    border: 1px solid var(--box-shadow-color);
+    box-shadow: var(--pop-box-shadow);
+    transition: all 0.5s ease-in-out;
+    z-index: 999;
 }
-.open-help-drawer{
-  left: 0;
+
+.open-help-drawer {
+    left: 0;
 }
-.help-t-768{
-  display: none;
+
+.help-t-768 {
+    display: none;
+}
+
+.filings {
+    border-top: 1px solid var(--border-color);
 }
-.filings{
-  border-top: 1px solid var(--border-color);
-}
\ No newline at end of file
diff --git a/public/site/css/price.css b/public/site/css/price.css
index f4e499419..e9e2c563e 100644
--- a/public/site/css/price.css
+++ b/public/site/css/price.css
@@ -186,4 +186,60 @@
 /* 底部样式 */
 .footer-layut{
   border-top: var(--border-color) solid 1px;
-}
\ No newline at end of file
+}
+.BulletBox1{
+  position: fixed;
+  display: none;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%,-50%);
+  background-color: #fff;
+  width: 430px;
+  text-align: center;
+  z-index: 9999;
+  border: 1px solid transparent;
+  border-radius: 18px;
+  box-sizing: border-box;
+  box-shadow: 0 4px 12px rgba(0,0,0,.15);
+}
+.BulletBox1 .top{
+  width: 382px;
+  line-height: 20px;
+  padding: 22px 24px 20px 24px;
+  font-size: 18px;
+  color: #303133;
+    font-weight: 500;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: flex;
+    justify-content: space-between;
+}
+.BulletBox1 .content{
+  width: 100%;
+  box-sizing: border-box;
+  line-height: 1.5;
+  font-size: 14px;
+  padding:16px 32px 2px 32px;
+  text-align: left;
+  color: rgb(96, 98, 102);
+}
+.BulletBox1 .bottom{
+  width: 370px;
+  height: 34px;
+  padding: 20px 30px 22px 30px;
+  position: relative;
+}
+.BulletBox1 .bottom .BulletBox1Btn{
+  position: absolute;
+  min-width: 100px;
+  right: 20px;
+  height: 34px;
+  line-height: 32px;
+  color: #fff;
+  background-color: #8bcf70;
+  border-color: #8bcf70;
+  cursor: pointer;
+  border-radius: 8px;
+  padding: 5px;
+}
diff --git a/public/site/site/en/about.html b/public/site/en/about.html
similarity index 89%
rename from public/site/site/en/about.html
rename to public/site/en/about.html
index 0d6dc444a..fff5c158b 100644
--- a/public/site/site/en/about.html
+++ b/public/site/en/about.html
@@ -5,12 +5,12 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
-  <meta name="keywords" content="China Dootask Task management Lightweight Hitosea Teamwork">
+  <meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/about.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/about.css">
 </head>
 <body>
   <div class="BulletBox"></div>
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../en/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 Support
-                <img src="../../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,25 +63,25 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="Light theme">
+              <img src="../img/light.svg" alt="Light theme">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="Dark theme">
+              <img src="../img/drak.svg" alt="Dark theme">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
               <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >Get Started</button>
+                <button class="btn btn-primary" >Experience it now</button>
               </a>
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="Menu">
+            <img id="menuBtn" src="../img/menu.svg" alt="Menu">
           </div>
         </div>
       </div>
@@ -118,7 +118,7 @@
       <article class="company-profile">
         <div class="company-profile-con">
           <div class="company-profile-layout">
-            <img class="company-profile-l" id="about_pic1" src="../../img/light/about_pic1.png" alt="广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海">
+            <img class="company-profile-l" id="about_pic1" src="../img/light/about_pic1.png" alt="广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海">
             <div class="company-profile-r">
               <h1 class="txt-5004455 company-profile-h1 mb-80">
                 Company profile
@@ -136,7 +136,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../en/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -152,7 +152,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               Support
-              <img src="../../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
+              <img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
             </i>
           </div>
           <ol class="drawer-active" id="support" style="display: none;">
@@ -174,7 +174,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               Theme
-              <img src="../../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
+              <img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
           <ol class="drawer-active" id="theme" style="display: none;">
@@ -188,7 +188,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               Language
-              <img src="../../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
+              <img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
           <ol class="drawer-active" id="language" style="display: none;">
@@ -219,37 +219,37 @@
               <ul class="scenario-app-ul">
                 <li class="scenario-app-ul-item mb-32 about-animate-box" style="--delay: 0s;">
                   <i class="scenario-app-icon-bg mb-24">
-                    <img class="scenario-app-icon" src="../../img/about_icon7.svg" alt="Edge Security">
+                    <img class="scenario-app-icon" src="../img/about_icon7.svg" alt="Edge Security">
                   </i>
                   <h5 class="txt-5002025 scenario-app-h5 mb-16">Edge Security</h5>
                   <h6 class="txt-4001624 scenario-app-h6">HITOSEA next-generation firewall, intrusion prevention/intrusion detection system, cloud sandbox and other products provide users with comprehensive intelligent security protection such as access control to network boundaries, deep attack detection and APT attack detection.</h6>
-                  <img class="scenario-app-ul-item-svg" src="../../img/01.svg" alt="">
+                  <img class="scenario-app-ul-item-svg" src="../img/01.svg" alt="">
                 </li>
                 <li class="scenario-app-ul-item mb-32 about-animate-box" style="--delay: 0.1s;">
                   <i class="scenario-app-icon-bg mb-24">
-                    <img class="scenario-app-icon" src="../../img/about_icon8.svg" alt="Cloud Security">
+                    <img class="scenario-app-icon" src="../img/about_icon8.svg" alt="Cloud Security">
                   </i>
                   <h5 class="txt-5002025 scenario-app-h5 mb-16">Cloud Security</h5>
                   <h6 class="txt-4001624 scenario-app-h6">We provide safe and reliable high-proof cloud servers to solve the primary network security risks faced by servers, alleviate the risk of business interruption due to flooding attacks, and meet the needs of regular security operations.</h6>
-                  <img class="scenario-app-ul-item-svg" src="../../img/02.svg" alt="">
+                  <img class="scenario-app-ul-item-svg" src="../img/02.svg" alt="">
                 </li>
                 <li class="scenario-app-ul-item about-animate-box" style="--delay: 0.3s;">
                   <i class="scenario-app-ul-item-icon-num"></i>
                   <i class="scenario-app-icon-bg mb-24">
-                    <img class="scenario-app-icon" src="../../img/about_icon9.svg" alt="Data Security">
+                    <img class="scenario-app-icon" src="../img/about_icon9.svg" alt="Data Security">
                   </i>
                   <h5 class="txt-5002025 scenario-app-h5 mb-16">Data Security</h5>
                   <h6 class="txt-4001624 scenario-app-h6">Database audit and data leakage protection system can protect sensitive data and documents, identify data and monitor operations, and block data theft by internal and external personnel through the network, e-mail and other channels.</h6>
-                  <img class="scenario-app-ul-item-svg" src="../../img/03.svg" alt="">
+                  <img class="scenario-app-ul-item-svg" src="../img/03.svg" alt="">
                 </li>
                 <li class="scenario-app-ul-item about-animate-box" style="--delay: 0.4s;">
                   <i class="scenario-app-ul-item-icon-num"></i>
                   <i class="scenario-app-icon-bg mb-24">
-                    <img class="scenario-app-icon" src="../../img/about_icon10.svg" alt="Intranet Security">
+                    <img class="scenario-app-icon" src="../img/about_icon10.svg" alt="Intranet Security">
                   </i>
                   <h5 class="txt-5002025 scenario-app-h5 mb-16">Intranet Security</h5>
                   <h6 class="txt-4001624 scenario-app-h6">Web application firewall and web anti-tampering system provide overall security protection for the application system, effectively blocking malicious behaviors such as web tampering and attacks.</h6>
-                  <img class="scenario-app-ul-item-svg" src="../../img/04.svg" alt="">
+                  <img class="scenario-app-ul-item-svg" src="../img/04.svg" alt="">
                 </li>
               </ul>
             </div>
@@ -262,12 +262,12 @@
                 <h1 class="footer-t-h1 mb-56">We'd love to hear from you</h1>
                 <h6 class="footer-t-h6 mb-56">Have questions about pricing, plans or products? Please fill out the form and we will contact you.</h6>
                 <div class="footer-t-contact mb-24">
-                  <img class="footer-t-contact-icon mr-12" src="../../img/about_icon1.svg" alt="Contact telephone number,13471168831">
-                  <h6 class="footer-t-contact-h6">13471168831</h6>
+                  <img class="footer-t-contact-icon mr-12" src="../img/about_icon1.svg" alt="Contact telephone number,0771-3164099">
+                  <h6 class="footer-t-contact-h6">0771-3164099</h6>
                 </div>
                 <div class="footer-t-contact">
-                  <img class="footer-t-contact-icon mr-12" src="../../img/about_icon2.svg" alt="E-mail,hitosea@gmail.com">
-                  <h6 class="footer-t-contact-h6">hitosea@gmail.com</h6>
+                  <img class="footer-t-contact-icon mr-12" src="../img/about_icon2.svg" alt="E-mail,service@hitosea.com">
+                  <h6 class="footer-t-contact-h6">service@hitosea.com</h6>
                 </div>
               </div>
               <form class="from">
@@ -302,7 +302,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../en/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">Helps teams move projects forward efficiently and makes work easier.</i>
@@ -350,7 +350,7 @@
                     <li class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ group</i>
                       <div class="group_code">
-                        <img class="code-svg" id="home_code" src="../../img/light/home_code.svg" alt="Group：546574618">
+                        <img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="Group：546574618">
                         <i class="group_num">Group：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
@@ -362,14 +362,14 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
 <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.js"></script>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
   /* 数字滚动动画 */ 
   const companyYearEl = document.querySelector('.company-year');
diff --git a/public/site/site/en/distribute.html b/public/site/en/distribute.html
similarity index 85%
rename from public/site/site/en/distribute.html
rename to public/site/en/distribute.html
index 8cf3e0c64..f76178d8b 100644
--- a/public/site/site/en/distribute.html
+++ b/public/site/en/distribute.html
@@ -5,25 +5,25 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
-  <meta name="keywords" content="China Dootask Task management Lightweight Hitosea Teamwork">
+  <meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-	<link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" href="../../css/distribution.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+	<link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" href="../css/distribution.css">
 </head>
 <body>
 	<main class="distrbution">
-		<img class="bg_fpic1" src="../../img/bg_fpic1.svg" alt="广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海">
-		<img class="bg_fpic2" src="../../img/bg_fpic2.svg" alt="广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海">
+		<img class="bg_fpic1" src="../img/bg_fpic1.svg" alt="广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海">
+		<img class="bg_fpic2" src="../img/bg_fpic2.svg" alt="广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海">
 		<section>
 			<div class="content">
 				<div class="layout" id="target">
-					<img class="icon1" src="../../img/logo_y.svg" alt="DooTask">
+					<img class="icon1" src="../img/logo_y.svg" alt="DooTask">
 					<div class="qr_code">
 						<i id="qrcode" style="width: 130px; height: 130px;display: inline-block;"></i>
 					</div>
 					<div class="name">
-						<img class="icon2" src="../../img/android_y.svg" alt="安卓,abdroid">
+						<img class="icon2" src="../img/android_y.svg" alt="安卓,abdroid">
 						<i class="">DooTask</i>
 					</div>
 					<div class="scan">
diff --git a/public/site/site/en/download.html b/public/site/en/download.html
similarity index 87%
rename from public/site/site/en/download.html
rename to public/site/en/download.html
index cf0af3b36..00775855c 100644
--- a/public/site/site/en/download.html
+++ b/public/site/en/download.html
@@ -5,12 +5,12 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
-  <meta name="keywords" content="China Dootask Task management Lightweight Hitosea Teamwork">
+  <meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/download.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/download.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../en/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 Support
-                <img src="../../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,25 +63,25 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="Brighter themes">
+              <img src="../img/light.svg" alt="Brighter themes">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="Dark theme">
+              <img src="../img/drak.svg" alt="Dark theme">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
               <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >Get Started</button>
+                <button class="btn btn-primary" >Experience it now</button>
               </a>
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="Menu">
+            <img id="menuBtn" src="../img/menu.svg" alt="Menu">
           </div>
         </div>
       </div>
@@ -95,17 +95,17 @@
             <ul class="download-ul">
               <li class="download-ul-item dow-animate-box" style="--delay: 0s;" onmouseover='handleMouseover(0)' onmouseout='handleMouseout(0)'>
                 <a class="normal" href="https://apps.apple.com/cn/app/dootask/id1624855111">
-                  <img class="icon mb-8" src="../../img/dow_ios.svg" alt="ios">
+                  <img class="icon mb-8" src="../img/dow_ios.svg" alt="ios">
                   <i class="txt-4001624 txt">ios</i>
                 </a>
                 <div class="hover">
-                  <img class="qr-code mb-8" src="../../img/ios_code.png" alt="Scan download,ios">
+                  <img class="qr-code mb-8" src="../img/ios_code.png" alt="Scan download,ios">
                   <i class="txt-4001624 txt">Scan download</i>
                 </div>
               </li>
               <li class="download-ul-item dow-animate-box" style="--delay: 0.1s;" onmouseover='handleMouseover(1)' onmouseout='handleMouseout(1)'>
                 <a class="normal" href="https://www.dootask.com/desktop/publish/latest?platform=android">
-                  <img class="icon mb-8" src="../../img/dow_android.svg" alt="Android">
+                  <img class="icon mb-8" src="../img/dow_android.svg" alt="Android">
                   <i class="txt-4001624 txt">Android</i>
                 </a>
                 <div class="hover">
@@ -115,7 +115,7 @@
               </li>
               <li class="download-ul-item dow-animate-box" style="--delay: 0.2s;" onmouseover='handleMouseover(2)' onmouseout='handleMouseout(2)'>
                 <div class="normal">
-                  <img class="icon mb-8" src="../../img/dow_mac.svg" alt="macOS">
+                  <img class="icon mb-8" src="../img/dow_mac.svg" alt="macOS">
                   <i class="txt-4001624 txt">macOS</i>
                 </div>
                 <div class="hover radius">
@@ -129,11 +129,11 @@
               </li>
               <li class="download-ul-item dow-animate-box" style="--delay: 0.3s;" onmouseover='handleMouseover(3)' onmouseout='handleMouseout(3)'>
                 <div class="normal">
-                  <img class="icon mb-8" src="../../img/dow_window.svg" alt="Windows">
+                  <img class="icon mb-8" src="../img/dow_window.svg" alt="Windows">
                   <i class="txt-4001624 txt">Windows</i>
                 </div>
                 <a class="hover radius" id="winx64Link" href="https://www.dootask.com/uploads/desktop/0.27.46/DooTask-v0.27.46-win-x64.exe">
-                  <img class="icon mb-8" src="../../img/dow_icon.svg" alt="Windows,download">
+                  <img class="icon mb-8" src="../img/dow_icon.svg" alt="Windows,download">
                   <i class="txt-4001624 txt">download</i>
                 </a>
               </li>
@@ -146,7 +146,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../en/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -162,7 +162,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               Support
-              <img src="../../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
+              <img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
             </i>
           </div>
           <ol class="drawer-active" id="support" style="display: none;">
@@ -184,7 +184,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               Theme
-              <img src="../../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
+              <img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
           <ol class="drawer-active" id="theme" style="display: none;">
@@ -198,7 +198,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               Language
-              <img src="../../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
+              <img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
           <ol class="drawer-active" id="language" style="display: none;">
@@ -232,13 +232,13 @@
                     <li>
                       <a class="more-item" href="../en/log.html">
                         <h5 class="txt-4001624 more">More Logs</h5>
-                        <img class="icon" src="../../img/dow_arrow.svg" alt="More Logs">
+                        <img class="icon" src="../img/dow_arrow.svg" alt="More Logs">
                       </a>
                     </li>
                   </ul>
                 </div>
                 <div class="update-r">
-                  <img class="update-r-svg" id="dow_pic1" src="../../img/light/zh_dow_pic1.png" alt="Download Centre">
+                  <img class="update-r-svg" id="dow_pic1" src="../img/light/zh_dow_pic1.png" alt="Download Centre">
                 </div>
               </div>
             </div>
@@ -252,7 +252,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../en/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">Helps teams move projects forward efficiently and makes work easier.</i>
@@ -300,7 +300,7 @@
                     <li class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ group</i>
                       <div class="group_code">
-                        <img class="code-svg" id="home_code" src="../../img/light/home_code.svg" alt="Group：546574618">
+                        <img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="Group：546574618">
                         <i class="group_num">Group：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
@@ -312,14 +312,14 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
 <script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
   /* 下载应用的hover处理函数 */ 
 const download = document.querySelector('.download-ul');
diff --git a/public/site/site/en/help.html b/public/site/en/help.html
similarity index 91%
rename from public/site/site/en/help.html
rename to public/site/en/help.html
index ab88bfbd6..228f27f74 100644
--- a/public/site/site/en/help.html
+++ b/public/site/en/help.html
@@ -5,12 +5,12 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
-  <meta name="keywords" content="China Dootask Task management Lightweight Hitosea Teamwork">
+  <meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/help.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/help.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../en/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 Support
-                <img src="../../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,25 +63,25 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="Brighter themes">
+              <img src="../img/light.svg" alt="Brighter themes">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="Dark theme">
+              <img src="../img/drak.svg" alt="Dark theme">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
               <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >Get Started</button>
+                <button class="btn btn-primary" >Experience it now</button>
               </a>
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="Menu">
+            <img id="menuBtn" src="../img/menu.svg" alt="Menu">
           </div>
         </div>
       </div>
@@ -90,7 +90,7 @@
     <div class="help-drawer">
       <div class="drawer-t mb-36">
         <a href="../en/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeHelpDraweHandle()">✕</i>
@@ -184,7 +184,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../en/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -200,7 +200,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               Support
-              <img src="../../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
+              <img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
             </i>
           </div>
           <ol class="drawer-active" id="support" style="display: none;">
@@ -222,7 +222,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               Theme
-              <img src="../../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
+              <img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
           <ol class="drawer-active" id="theme" style="display: none;">
@@ -236,7 +236,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               Language
-              <img src="../../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
+              <img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
           <ol class="drawer-active" id="language" style="display: none;">
@@ -262,7 +262,7 @@
         <article class="help">
           <div class="help-con">
             <div class="help-t-768" id="help-menu-btn">
-              <img class="help-t-prev" src="../../img/prev.svg" alt="Help Center">
+              <img class="help-t-prev" src="../img/prev.svg" alt="Help Center">
               <i class="help-t-tit">Help Center</i>
             </div>
             <div class="help-layout">
@@ -358,8 +358,8 @@
               </div>
               <div class="help-r">
                 <div class="help-pic1 mb-36">
-                  <img id="help-pic1-svg" class="theme_light" src="../../img/light/help_pic11.svg" alt="Just starting out with DooTask? No problem, this primer is for you!">
-                  <img id="help-pic1-svg" class="theme_dark" src="../../img/dark/help_pic11.svg" alt="Just starting out with DooTask? No problem, this primer is for you!">
+                  <img id="help-pic1-svg" class="theme_light" src="../img/light/help_pic11.svg" alt="Just starting out with DooTask? No problem, this primer is for you!">
+                  <img id="help-pic1-svg" class="theme_dark" src="../img/dark/help_pic11.svg" alt="Just starting out with DooTask? No problem, this primer is for you!">
                   <div class="help-pic1-tips">
                     <h2 class="help-pic1-tips-h2 txt-6003652">User Manual</h2>
                     <h6 class="help-pic1-tips-h6 txt-4001624">Just starting out with DooTask? No problem, this primer is for you!</h6>
@@ -373,7 +373,7 @@
                   <li class="r-ul-item mb-36">
                     <h4 class="txt-5002430 help-h4 mb-24">What is task management?</h4>
                     <h6 class="txt-4001624 help-h6 mb-16">Task management is the process of monitoring your project's tasks through their various stages from start to finish. This involves actively making decisions for your tasks to accommodate changes that can occur real-time, with your end goal being the successful completion of your tasks. Project task management also means managing all aspects of a task like budget, time, scope, resources, recurrence and so on effectively.</h6>
-                    <img class="r-ul-item-pic1" id="help_pic2" src="../../img/light/help_pic2.png" alt="What is task management?">
+                    <img class="r-ul-item-pic1" id="help_pic2" src="../img/light/help_pic2.png" alt="What is task management?">
                   </li>
                   <li class="r-ul-item mb-36">
                     <h4 class="txt-5002430 help-h4 mb-24">How to manage tasks?</h4>
@@ -381,7 +381,7 @@
                     <h6 class="txt-4001624 help-h6 mb-12"><i class="help-h6-bold">Prioritization: </i>Whatever tool you use to manage your tasks, whether a simple to-do list or a comprehensive project task management tool, the most important aspect of task management is prioritization. This helps in efficiently completing all the tasks involved while maintaining the planned constraints.</h6>
                     <h6 class="txt-4001624 help-h6 mb-12"><i class="help-h6-bold">Milestone tracking: </i>The findings of this study also show that establishing clear goals is essential to the successful completion of a project. Although for task management an end goal isn't necessary, defining milestones helps motivate teams to execute tasks successfully.</h6>
                     <h6 class="txt-4001624 help-h6 mb-16"><i class="help-h6-bold">Schedule management: </i>Making sure your task gets completed on time is something that has an impact on the overall project health. Attributing the right time frame by estimating the effort involved is key here.</h6>
-                    <img class="r-ul-item-pic1" id="help_pic3" src="../../img/light/help_pic3.png" alt="How to manage tasks?">
+                    <img class="r-ul-item-pic1" id="help_pic3" src="../img/light/help_pic3.png" alt="How to manage tasks?">
                   </li>
                   <li class="r-ul-item mb-36">
                     <h4 class="txt-5002430 help-h4 mb-24">How to choose the right task management software?</h4>
@@ -400,7 +400,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../en/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">Helps teams move projects forward efficiently and makes work easier.</i>
@@ -448,7 +448,7 @@
                   <li class="footer-ol-item" id="qq_group">
                     <i class="txt-4001624 txt">QQ group</i>
                     <div class="group_code">
-                      <img class="code-svg" id="home_code" src="../../img/light/home_code.svg" alt="Group：546574618">
+                      <img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="Group：546574618">
                       <i class="group_num">Group：546574618</i>
                       <i class="lower_triangle"></i>
                     </div>
@@ -460,13 +460,13 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
 /* 菜单点击激活函数 */ 
 const tabs = document.querySelector('.help-l-1920');
diff --git a/public/site/site/en/index.html b/public/site/en/index.html
similarity index 81%
rename from public/site/site/en/index.html
rename to public/site/en/index.html
index 3923e9a26..10298a1f7 100644
--- a/public/site/site/en/index.html
+++ b/public/site/en/index.html
@@ -5,12 +5,12 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
-  <meta name="keywords" content="China Dootask Task management Lightweight Hitosea Teamwork">
+  <meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-  <link rel="stylesheet" type="text/css" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" type="text/css" href="../../css/home.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" type="text/css" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" type="text/css" href="../css/home.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../en/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 Support
-                <img src="../../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,25 +63,25 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="Brighter theme">
+              <img src="../img/light.svg" alt="Brighter theme">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="Dark theme">
+              <img src="../img/drak.svg" alt="Dark theme">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
               <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >Get Started</button>
+                <button class="btn btn-primary" >Experience it now</button>
               </a>
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="Menu">
+            <img id="menuBtn" src="../img/menu.svg" alt="Menu">
           </div>
         </div>
       </div>
@@ -101,14 +101,14 @@
             <h4 class="txt-4001830 topics-h4 mb-32">Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.</h4>
             <div class="topics-btn flex-cc">
               <span class="mr-24 get-started">
-                <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
+                <a href="file:///Users/mac-023/Downloads/site/en/price.html">
                   <button class="btn btn-primary mr-20">Get Started</button>
                 </a>
               </span>
             </div>
           </div>
           <div class="ten_img">
-            <img class="home-pic" id="home_pic" src="../../img/light/zh_home_pic1.png" alt="DooTask,Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.">
+            <img class="home-pic" id="home_pic" src="../img/light/zh_home_pic1.png" alt="DooTask,Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.">
           </div>
         </div>
       </div>
@@ -117,7 +117,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../en/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -133,7 +133,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               Support
-              <img src="../../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
+              <img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
             </i>
           </div>
           <ol class="drawer-active" id="support" style="display: none;">
@@ -155,7 +155,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               Theme
-              <img src="../../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
+              <img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
           <ol class="drawer-active" id="theme" style="display: none;">
@@ -169,7 +169,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               Language
-              <img src="../../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
+              <img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
           <ol class="drawer-active" id="language" style="display: none;">
@@ -198,16 +198,16 @@
             <h1 class="companies-h1 txt-4003645">Trusted by many companies</h1>
             <ul class="companies-ul">
               <li class="companies-ul-item">
-                <img id="home_icon1" src="../../img/light/home_icon1.png" alt="陕建集团">
+                <img id="home_icon1" src="../img/light/home_icon1.png" alt="陕建集团">
               </li>
               <li class="companies-ul-item">
-                <img id="home_icon2" src="../../img/light/home_icon2.png" alt="艾特科">
+                <img id="home_icon2" src="../img/light/home_icon2.png" alt="艾特科">
               </li>
               <li class="companies-ul-item">
-                <img id="home_icon3" src="../../img/light/home_icon3.png" alt="中国联通">
+                <img id="home_icon3" src="../img/light/home_icon3.png" alt="中国联通">
               </li>
               <li class="companies-ul-item">
-                <img id="home_icon4" src="../../img/light/home_icon4.png" alt="旗雲科技">
+                <img id="home_icon4" src="../img/light/home_icon4.png" alt="旗雲科技">
               </li>
             </ul>
           </div>
@@ -219,77 +219,77 @@
             <div class="card-con-layout">
               <ul class="card-ul">
                 <li class="card-ul-item active">
-                  <img class="icon" src="../../img/home_icon1.svg" alt="Project Management">
+                  <img class="icon" src="../img/home_icon1.svg" alt="Project Management">
                   <div class="card-ul-item-unfolded">
                     <h3 class="txt-5002025 card-ul-item-h3">Project Management</h3>
-                    <img class="arrows" src="../../img/vector.svg" alt="Project Management">
+                    <img class="arrows" src="../img/vector.svg" alt="Project Management">
                   </div>
                   <div class="card-ul-item-expand" >
                     <div class="card-ul-item-expand-tit">
                       <h3 class="txt-5002025 card-ul-item-h3">Project Management</h3>
-                      <img class="arrows" src="../../img/vector.svg" alt="Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work.">
+                      <img class="arrows" src="../img/vector.svg" alt="Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work.">
                     </div>
                     <i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work.</i> 
                   </div>
                 </li>
                 <li class="card-ul-item">
-                  <img class="icon" src="../../img/home_icon2.svg" alt="Teamwork">
+                  <img class="icon" src="../img/home_icon2.svg" alt="Teamwork">
                   <div class="card-ul-item-unfolded">
                     <h3 class="txt-5002025 card-ul-item-h3">Teamwork</h3>
-                    <img class="arrows" src="../../img/vector.svg" alt="Teamwork">
+                    <img class="arrows" src="../img/vector.svg" alt="Teamwork">
                   </div>
                   <div class="card-ul-item-expand">
                     <div class="card-ul-item-expand-tit">
                       <h3 class="txt-5002025 card-ul-item-h3">Teamwork</h3>
-                      <img class="arrows" src="../../img/vector.svg" alt="Provide rich and practical online document collaboration tools to facilitate communication and collaboration among team members and improve work efficiency.">
+                      <img class="arrows" src="../img/vector.svg" alt="Provide rich and practical online document collaboration tools to facilitate communication and collaboration among team members and improve work efficiency.">
                     </div>
                     <i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">Provide rich and practical online document collaboration tools to facilitate communication and collaboration among team members and improve work efficiency.</i> 
                   </div>
                 </li>
                 <li class="card-ul-item">
-                  <img class="icon" src="../../img/home_icon3.svg" alt="Task Synergy">
+                  <img class="icon" src="../img/home_icon3.svg" alt="Task Synergy">
                   <div class="card-ul-item-unfolded">
                     <h3 class="txt-5002025 card-ul-item-h3">Task Synergy</h3>
-                    <img class="arrows" src="../../img/vector.svg" alt="Task Synergy">
+                    <img class="arrows" src="../img/vector.svg" alt="Task Synergy">
                   </div>
                   <div class="card-ul-item-expand">
                     <div class="card-ul-item-expand-tit">
                       <h3 class="txt-5002025 card-ul-item-h3">Task Synergy</h3>
-                      <img class="arrows" src="../../img/vector.svg" alt="A task-oriented approach keeps the team's work organized and ensures efficient teamwork and a clear division of tasks.">
+                      <img class="arrows" src="../img/vector.svg" alt="A task-oriented approach keeps the team's work organized and ensures efficient teamwork and a clear division of tasks.">
                     </div>
                     <i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">A task-oriented approach keeps the team's work organized and ensures efficient teamwork and a clear division of tasks.</i> 
                   </div>
                 </li>
                 <li class="card-ul-item">
-                  <img class="icon" src="../../img/home_icon4.svg" alt="Performance Measurement">
+                  <img class="icon" src="../img/home_icon4.svg" alt="Performance Measurement">
                   <div class="card-ul-item-unfolded">
                     <h3 class="txt-5002025 card-ul-item-h3">Performance Measurement</h3>
-                    <img class="arrows" src="../../img/vector.svg" alt="Performance Measurement">
+                    <img class="arrows" src="../img/vector.svg" alt="Performance Measurement">
                   </div>
                   <div class="card-ul-item-expand">
                     <div class="card-ul-item-expand-tit">
                       <h3 class="txt-5002025 card-ul-item-h3">Performance Measurement</h3>
-                      <img class="arrows" src="../../img/vector.svg" alt="Establishing quantifiable evaluation standards, data presentation of work effectiveness, and cohesion of core talents.">
+                      <img class="arrows" src="../img/vector.svg" alt="Establishing quantifiable evaluation standards, data presentation of work effectiveness, and cohesion of core talents.">
                     </div>
                     <i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">Establishing quantifiable evaluation standards, data presentation of work effectiveness, and cohesion of core talents.</i> 
                   </div>
                 </li>
                 <li class="card-ul-item">
-                  <img class="icon" src="../../img/home_icon5.svg" alt="Communication Report">
+                  <img class="icon" src="../img/home_icon5.svg" alt="Communication Report">
                   <div class="card-ul-item-unfolded">
                     <h3 class="txt-5002025 card-ul-item-h3">Communication Report</h3>
-                    <img class="arrows" src="../../img/vector.svg" alt="Communication Report">
+                    <img class="arrows" src="../img/vector.svg" alt="Communication Report">
                   </div>
                   <div class="card-ul-item-expand">
                     <div class="card-ul-item-expand-tit">
                       <h3 class="txt-5002025 card-ul-item-h3">Communication Report</h3>
-                      <img class="arrows" src="../../img/vector.svg" alt="Instant messaging and sharing based on work scenarios for better team communication.">
+                      <img class="arrows" src="../img/vector.svg" alt="Instant messaging and sharing based on work scenarios for better team communication.">
                     </div>
                     <i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">Instant messaging and sharing based on work scenarios for better team communication.</i> 
                   </div>
                 </li>
               </ul>
-              <img class="card-pic" id="home_pic2" src="../../img/light/zh_home_pic2.png" alt="Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work.">
+              <img class="card-pic" id="home_pic2" src="../img/light/zh_home_pic2.png" alt="Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work.">
             </div>
           </div>
           <div class="card-con-768">
@@ -297,34 +297,34 @@
             <div class="card-con-layout">
               <ul class="card-768-ul">
                 <li style="width: 100%;">
-                  <img class="icon" src="../../img/home_icon1.svg" alt="Project Management">
+                  <img class="icon" src="../img/home_icon1.svg" alt="Project Management">
                   <h3 class="txt-5001822 card-ul-item-h3 mb-12">Project Management</h3>
                   <i class="txt-4001524 card-ul-item-txt mb-16">Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work.</i> 
-                  <img class="card-pic mb-40" id="home_pic2" src="../../img/light/zh_home_pic2.png" alt="Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work.">
+                  <img class="card-pic mb-40" id="home_pic2" src="../img/light/zh_home_pic2.png" alt="Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work.">
                 </li>
                 <li style="width: 100%;">
-                  <img class="icon" src="../../img/home_icon2.svg" alt="Teamwork">
+                  <img class="icon" src="../img/home_icon2.svg" alt="Teamwork">
                   <h3 class="txt-5001822 card-ul-item-h3 mb-12">Teamwork</h3>
                   <i class="txt-4001524 card-ul-item-txt mb-16">Provide rich and practical online document collaboration tools to facilitate communication and collaboration among team members and improve work efficiency.</i> 
-                  <img class="card-pic mb-40" id="home_pic3" src="../../img/light/zh_home_pic3.png" alt="Provide rich and practical online document collaboration tools to facilitate communication and collaboration among team members and improve work efficiency.">
+                  <img class="card-pic mb-40" id="home_pic3" src="../img/light/zh_home_pic3.png" alt="Provide rich and practical online document collaboration tools to facilitate communication and collaboration among team members and improve work efficiency.">
                 </li>
                 <li style="width: 100%;">
-                  <img class="icon" src="../../img/home_icon3.svg" alt="Task Synergy">
+                  <img class="icon" src="../img/home_icon3.svg" alt="Task Synergy">
                   <h3 class="txt-5001822 card-ul-item-h3 mb-12">Task Synergy</h3>
                   <i class="txt-4001524 card-ul-item-txt mb-16">A task-oriented approach keeps the team's work organized and ensures efficient teamwork and a clear division of tasks.</i> 
-                  <img class="card-pic mb-40" id="home_pic4" src="../../img/light/zh_home_pic4.png" alt="A task-oriented approach keeps the team's work organized and ensures efficient teamwork and a clear division of tasks.">
+                  <img class="card-pic mb-40" id="home_pic4" src="../img/light/zh_home_pic4.png" alt="A task-oriented approach keeps the team's work organized and ensures efficient teamwork and a clear division of tasks.">
                 </li>
                 <li style="width: 100%;">
-                  <img class="icon" src="../../img/home_icon4.svg" alt="Performance Measurement">
+                  <img class="icon" src="../img/home_icon4.svg" alt="Performance Measurement">
                   <h3 class="txt-5001822 card-ul-item-h3 mb-12">Performance Measurement</h3>
                   <i class="txt-4001524 card-ul-item-txt mb-16">Establishing quantifiable evaluation standards, data presentation of work effectiveness, and cohesion of core talents.</i> 
-                  <img class="card-pic mb-40" id="home_pic5" src="../../img/light/zh_home_pic5.png" alt="Establishing quantifiable evaluation standards, data presentation of work effectiveness, and cohesion of core talents.">
+                  <img class="card-pic mb-40" id="home_pic5" src="../img/light/zh_home_pic5.png" alt="Establishing quantifiable evaluation standards, data presentation of work effectiveness, and cohesion of core talents.">
                 </li>
                 <li style="width: 100%;">
-                  <img class="icon" src="../../img/home_icon5.svg" alt="Communication Report">
+                  <img class="icon" src="../img/home_icon5.svg" alt="Communication Report">
                   <h3 class="txt-5001822 card-ul-item-h3 mb-12">Communication Report</h3>
                   <i class="txt-4001524 card-ul-item-txt mb-16">Instant messaging and sharing based on work scenarios for better team communication.</i> 
-                  <img class="card-pic" id="home_pic6" src="../../img/light/zh_home_pic6.png" alt="Instant messaging and sharing based on work scenarios for better team communication.">
+                  <img class="card-pic" id="home_pic6" src="../img/light/zh_home_pic6.png" alt="Instant messaging and sharing based on work scenarios for better team communication.">
                 </li>
               </ul>
             </div>
@@ -372,7 +372,7 @@
             </ul>
           </div>
           <div class="choose-con-768">
-            <h1 class="txt-5004455 choose-con-tit">Why Choose Us<img class="arcs2" src="../../img/arcs.svg" alt=""></h1>
+            <h1 class="txt-5004455 choose-con-tit">Why Choose Us<img class="arcs2" src="../img/arcs.svg" alt=""></h1>
             <div class="choose-con-768-box">
               <ul class="choose-con-768-ul">
                 <li class="choose-con-768-item active">
@@ -412,13 +412,13 @@
           </div>
         </article> 
         <article class="collaboration">
-          <img id="home_pic7" class="home_pic7" src="../../img/light/home_pic7.svg" alt="Turn on your Dootask team collaboration">
-          <img id="home_pic7_768" class="home_pic7_768" src="../../img/light/home_pic7_768.svg" alt="Turn on your Dootask team collaboration">
+          <img id="home_pic7" class="home_pic7" src="../img/light/home_pic7.svg" alt="Turn on your DooTask team collaboration">
+          <img id="home_pic7_768" class="home_pic7_768" src="../img/light/home_pic7_768.svg" alt="Turn on your DooTask team collaboration">
           <div class="collaboration-content collaboration-content-en">
-            <h1 class="collaboration-txt txt-5002835 mb-32">Turn on your Dootask team collaboration</h1>
+            <h1 class="collaboration-txt txt-5002835 mb-32">Turn on your DooTask team collaboration</h1>
             <div style="display: flex;">
               <span class="mr-24" style="width: 123px; display: inline-block;">
-                <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
+                <a href="file:///Users/mac-023/Downloads/site/en/price.html">
                   <button class="btn btn-gw mr-20">Get Started</button>
                 </a>
               </span>
@@ -433,7 +433,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../en/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">Helps teams move projects forward efficiently and makes work easier.</i>
@@ -481,7 +481,7 @@
                     <li class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ group</i>
                       <div class="group_code">
-                        <img class="code-svg" id="home_code" src="../../img/light/home_code.svg" alt="Group：546574618">
+                        <img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="Group：546574618">
                         <i class="group_num">Group：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
@@ -493,13 +493,13 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
   /* 功能卡片切换函数 */ 
   const tabs = document.querySelector('.card-ul');
@@ -513,7 +513,7 @@
       // 切换激活状态
       for (let [index,value] of tabItems.entries()) {
         if(value === clickedItem){
-          funImg.setAttribute('src', `../../img/${theme?theme:'light'}/${lang}_home_pic${index+2}.png`)
+          funImg.setAttribute('src', `../img/${theme?theme:'light'}/${lang}_home_pic${index+2}.png`)
         }
         value.classList.toggle('active', value === clickedItem);
       }
diff --git a/public/site/site/en/log.html b/public/site/en/log.html
similarity index 88%
rename from public/site/site/en/log.html
rename to public/site/en/log.html
index 4d3aaa638..9645d1976 100644
--- a/public/site/site/en/log.html
+++ b/public/site/en/log.html
@@ -5,12 +5,12 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
-  <meta name="keywords" content="China Dootask Task management Lightweight Hitosea Teamwork">
+  <meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/log.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/log.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../en/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 Support
-                <img src="../../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,25 +63,25 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="Light theme">
+              <img src="../img/light.svg" alt="Light theme">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="Dark theme">
+              <img src="../img/drak.svg" alt="Dark theme">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
               <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >Get Started</button>
+                <button class="btn btn-primary" >Experience it now</button>
               </a>
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="Menu">
+            <img id="menuBtn" src="../img/menu.svg" alt="Menu">
           </div>
         </div>
       </div>
@@ -90,7 +90,7 @@
     <div class="logs-drawer">
       <div class="drawer-t mb-36">
         <a href="../en/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeLogsDraweHandle()">✕</i>
@@ -102,7 +102,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../en/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -118,7 +118,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               Support
-              <img src="../../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
+              <img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
             </i>
           </div>
           <ol class="drawer-active" id="support" style="display: none;">
@@ -140,7 +140,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               Theme
-              <img src="../../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
+              <img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
           <ol class="drawer-active" id="theme" style="display: none;">
@@ -154,7 +154,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               Language
-              <img src="../../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
+              <img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
           <ol class="drawer-active" id="language" style="display: none;">
@@ -180,7 +180,7 @@
         <article class="logs">
           <div class="logs-con">
             <div class="logs-t-768" id="menuBtn-logs">
-              <img class="logs-t-prev" src="../../img/prev.svg" alt="Logs">
+              <img class="logs-t-prev" src="../img/prev.svg" alt="Logs">
               <i class="logs-t-tit">Logs</i>
             </div>
             <div class="logs-layout">
@@ -200,14 +200,14 @@
     <footer>
       <div class="footer-con">
         <div class="filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
 <script src="https://cdn.jsdelivr.net/npm/markdown-it/dist/markdown-it.min.js"></script>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
 const getItem = (key)=> {
   var record = JSON.parse(localStorage.getItem(key));
diff --git a/public/site/site/en/price.html b/public/site/en/price.html
similarity index 76%
rename from public/site/site/en/price.html
rename to public/site/en/price.html
index d6a128728..80166a87c 100644
--- a/public/site/site/en/price.html
+++ b/public/site/en/price.html
@@ -5,21 +5,35 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
-  <meta name="keywords" content="China Dootask Task management Lightweight Hitosea Teamwork">
+  <meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/price.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/price.css">
 </head>
 <body>
+  <div class="BulletBox1">
+    <div class="top">
+      <div class="name BulletBox1Name"></div>
+      <div class="close"></div>
+    </div>
+    <div class="content">
+      <p>If you have any questions, please feel free to contact us using the following methods.</p>
+      <p>Landline Telephone：0771-3164099</p>
+      <p>Email Address：service@hitosea.com</p>
+    </div>
+    <div class="bottom">
+      <div class="BulletBox1Btn">OK</div>
+    </div>
+  </div>
   <div id="layout">
     <!-- 页头区域 -->
     <header class="head price">
       <div class="nav">
         <div class="nav-layout">
           <a href="../en/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +46,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 Support
-                <img src="../../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +66,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,25 +77,25 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="Light theme">
+              <img src="../img/light.svg" alt="Light theme">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="Dark theme">
+              <img src="../img/drak.svg" alt="Dark theme">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
               <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >Get Started</button>
+                <button class="btn btn-primary" >Experience it now</button>
               </a>
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="Menu">
+            <img id="menuBtn" src="../img/menu.svg" alt="Menu">
           </div>
         </div>
       </div>
@@ -94,99 +108,99 @@
             <h4 class="txt-4001830 topics-h4 mb-64 topics-h4-en">Different versions are available depending on the size and needs of your business</h4>
             <ul class="price-card">
               <li class="price-card-item price-animate-box" style="--delay: 0s;">
-                <h4 class="txt-5002025 price-card-h4 mb-24">Free</h4>
+                <h4 class="txt-5002025 price-card-h4 mb-24">Regular version</h4>
                 <div class="price-card-money mb-12">
                   <h2 class="txt-6003645 price-card-h2">¥0</h2>
                   <i class="txt-5001628 price-card-unit">/month</i>
                 </div>
-                <h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">Up to 3 persons</h6>
-                <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-green mb-24">Get Started</button> </a>
+                <h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">No limit to the number of people</h6>
+                <a href="https://github.com/kuaifan/dootask/tree/v0.13.0"  target="_blank"> <button class="btn btn-green mb-24">Get Started</button> </a>
                 <ol class="price-card-ol">
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="Support for private deployment">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Support for private deployment">
                     <h6 class="txt-4001624 price-card-h6">Support for private deployment</h6>
                   </li>
                 </ol>
               </li>
               <li class="price-card-item price-animate-box" style="--delay: 0.1s;">
-                <h4 class="txt-5002025 price-card-h4 mb-24">Annual</h4>
+                <h4 class="txt-5002025 price-card-h4 mb-24">Professional Edition</h4>
                 <div class="price-card-money mb-12">
-                  <h2 class="txt-6003645 price-card-h2">¥3,000</h2>
-                  <i class="txt-5001628 price-card-unit">/year</i>
+                  <h2 class="txt-6003645 price-card-h2">¥0</h2>
+                  <i class="txt-5001628 price-card-unit">/month</i>
                 </div>
-                <h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">No limit to the number of people</h6>
-                <a href="https://www.dootask.com/manage/dashboard"  target="_blank">  <button class="btn btn-green mb-24">Get Started</button> </a>
+                <h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">Up to 3 persons</h6>
+                <a href="https://github.com/kuaifan/dootask/tree/pro"  target="_blank">  <button class="btn btn-green mb-24">Get Started</button> </a>
                 <ol class="price-card-ol">
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="Support for private deployment">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Support for private deployment">
                     <h6 class="txt-4001624 price-card-h6">Support for private deployment</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="Technical advisory services">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Technical advisory services">
                     <h6 class="txt-4001624 price-card-h6">Technical advisory services</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="24-hour service response">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="24-hour service response">
                     <h6 class="txt-4001624 price-card-h6">24-hour service response</h6>
                   </li>
                 </ol>
               </li>
               <li class="price-card-item active price-animate-box" style="--delay: 0.2s;">
-                <h4 class="txt-5002025 price-card-h4 mb-24">Lifetime<i class="rec-icon">Rec.</i></h4>
+                <h4 class="txt-5002025 price-card-h4 mb-24">Professional Edition<i class="rec-icon">Rec.</i></h4>
                 <div class="price-card-money mb-12">
                   <h2 class="txt-6003645 price-card-h2">¥18,888</h2>
                 </div>
                 <h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">No limit to the number of people</h6>
-                <a href="https://www.dootask.com/manage/dashboard"  target="_blank">  <button class="btn btn-green mb-24">Get Started</button> </a>
+                <button class="btn btn-green mb-24" onclick="showBox('Contact Us')">Contact Us</button>
                 <ol class="price-card-ol">
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="Support for private deployment">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Support for private deployment">
                     <h6 class="txt-4001624 price-card-h6">Support for private deployment</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="Technical advisory services">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Technical advisory services">
                     <h6 class="txt-4001624 price-card-h6">Technical advisory services</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="Logo customisation">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Logo customisation">
                     <h6 class="txt-4001624 price-card-h6">Logo customisation</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="Dedicated Account Manager">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Dedicated Account Manager">
                     <h6 class="txt-4001624 price-card-h6">Dedicated Account Manager</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="12-hour service response">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="12-hour service response">
                     <h6 class="txt-4001624 price-card-h6">12-hour service response</h6>
                   </li>
                 </ol>
               </li>
               <li class="price-card-item price-animate-box" style="--delay: 0.3s;">
-                <h4 class="txt-5002025 price-card-h4 mb-24">Customized Versions</h4>
+                <h4 class="txt-5002025 price-card-h4 mb-24">customised version</h4>
                 <div class="price-card-money mb-12">
                   <h2 class="txt-6003645 price-card-h2">Custom</h2>
                 </div>
                 <h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">No limit to the number of people</h6>
-                <a href="https://www.dootask.com/manage/dashboard"  target="_blank">  <button class="btn btn-green mb-24">Get Started</button></a>
+                <button class="btn btn-green mb-24" onclick="showBox('Customised consultancy')">Customised consultancy</button>
                 <ol class="price-card-ol">
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="Support for private deployment">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Support for private deployment">
                     <h6 class="txt-4001624 price-card-h6">Support for private deployment</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="Technical advisory services">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Technical advisory services">
                     <h6 class="txt-4001624 price-card-h6">Technical advisory services</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="Logo customisation">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Logo customisation">
                     <h6 class="txt-4001624 price-card-h6">Logo customisation</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="Dedicated Account Manager">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Dedicated Account Manager">
                     <h6 class="txt-4001624 price-card-h6">Dedicated Account Manager</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="12-hour service response">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="12-hour service response">
                     <h6 class="txt-4001624 price-card-h6">12-hour service response</h6>
                   </li>
                 </ol>
@@ -200,7 +214,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../en/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -216,7 +230,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               Support
-              <img src="../../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
+              <img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
             </i>
           </div>
           <ol class="drawer-active" id="support" style="display: none;">
@@ -238,7 +252,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               Theme
-              <img src="../../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
+              <img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
           <ol class="drawer-active" id="theme" style="display: none;">
@@ -252,7 +266,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               Language
-              <img src="../../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
+              <img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
           <ol class="drawer-active" id="language" style="display: none;">
@@ -283,9 +297,9 @@
               <ul class="plans-ul-t">
                 <li class="plans-ul-t-item grid-4" style="padding: 20px 24px;">
                   <h4 class="txt-5002024 plans-ul-t-item-h4">Feature</h4>
-                  <h4 class="txt-5002024 plans-ul-t-item-h4">Free</h4>
-                  <h4 class="txt-5002024 plans-ul-t-item-h4">Annual</h4>
-                  <h4 class="txt-5002024 plans-ul-t-item-h4">Lifetime</h4>
+                  <h4 class="txt-5002024 plans-ul-t-item-h4">Professional Edition</h4>
+                  <h4 class="txt-5002024 plans-ul-t-item-h4">Professional Edition</h4>
+                  <h4 class="txt-5002024 plans-ul-t-item-h4">customised version</h4>
                 </li>
                 <li class="plans-ul-t-item grid-4" style="padding: 32px 24px;">
                   <h4 class="txt-5001616 plans-ul-t-item-h4">Pricing</h4>
@@ -295,16 +309,7 @@
                       <i class="txt-5001628 price-card-unit">/month</i>
                     </div>
                     <span class="plans-ul-b-item-btn">
-                      <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-primary">Get Started</button></a>
-                    </span>
-                  </div>
-                  <div class="plans-ul-t-item-h4">
-                    <div class="price-card-money mb-24">
-                      <h2 class="txt-6003645 price-card-h2">¥3,000</h2>
-                      <i class="txt-5001628 price-card-unit">/year</i>
-                    </div>
-                    <span class="plans-ul-b-item-btn">
-                      <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-primary">Get Started</button></a>
+                      <a href="https://github.com/kuaifan/dootask/tree/pro"  target="_blank"> <button class="btn btn-primary">Get Started</button></a>
                     </span>
                   </div>
                   <div class="plans-ul-t-item-h4">
@@ -312,7 +317,15 @@
                       <h2 class="txt-6003645 price-card-h2">¥18,888</h2>
                     </div>
                     <span class="plans-ul-b-item-btn">
-                      <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-primary">Get Started</button></a>
+                      <button class="btn btn-primary" onclick="showBox('Contact Us')">Contact Us</button>
+                    </span>
+                  </div>
+                  <div class="plans-ul-t-item-h4">
+                    <div class="price-card-money mb-24">
+                      <h2 class="txt-6003645 price-card-h2">Custom</h2>
+                    </div>
+                    <span class="plans-ul-b-item-btn">
+                      <button class="btn btn-primary" onclick="showBox('Customised consultancy')">Customised consultancy</button>
                     </span>
                   </div>
                 </li>
@@ -348,33 +361,33 @@
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">Multi-view presentation (Kanban/calendar/list)</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">Task custom Fields</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task custom Fields">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task custom Fields">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task custom Fields">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task custom Fields">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task custom Fields">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task custom Fields">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">Task loop</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task loop">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task loop">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task loop">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task loop">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task loop">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task loop">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">Task mapping</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task mapping">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task mapping">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task mapping">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task mapping">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task mapping">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task mapping">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">Task dependencies</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task dependencies">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task dependencies">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task dependencies">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task dependencies">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task dependencies">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task dependencies">
                     </li>
                   </ol>
                 </li>
@@ -385,27 +398,27 @@
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">Project progress</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project progress">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project progress">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project progress">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">Project templates</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project templates">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project templates">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project templates">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">Project custom Views</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project custom Views">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project custom Views">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project custom Views">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project custom Views">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project custom Views">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project custom Views">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">Timeline view (Gantt chart)</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
                     </li>
                   </ol>
                 </li>
@@ -413,17 +426,17 @@
                   <h4 class="plans-ul-t-item-h4"></h4>
                   <div class="plans-ul-t-item-h4">
                     <span class="plans-ul-b-item-btn">
-                      <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-primary">Get Started</button></a>
+                      <a href="https://github.com/kuaifan/dootask/tree/pro"  target="_blank"> <button class="btn btn-primary">Get Started</button></a>
                     </span>
                   </div>
                   <div class="plans-ul-t-item-h4">
                     <span class="plans-ul-b-item-btn">
-                      <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-primary">Get Started</button></a>
+                      <button class="btn btn-primary" onclick="showBox('Contact Us')">Contact Us</button>
                     </span>
                   </div>
                   <div class="plans-ul-t-item-h4">
                     <span class="plans-ul-b-item-btn">
-                      <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-primary">Get Started</button></a>
+                      <button class="btn btn-primary" onclick="showBox('Customised consultancy')">Customised consultancy</button>
                     </span>
                   </div>
                 </li>
@@ -455,23 +468,23 @@
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Multi-view presentation (Kanban/calendar/list)</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Task custom Fields</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task custom Fields">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task custom Fields">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Task loop</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task loop">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task loop">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Task mapping</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task mapping">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task mapping">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Task dependencies</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task dependencies">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task dependencies">
                       </div>
                     </li>
                     <li class="plans-ol-768-item">
@@ -480,19 +493,19 @@
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Project progress</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project progress">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Project templates</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project templates">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Project custom Views</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project custom Views">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project custom Views">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Timeline view (Gantt chart)</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
                       </div>
                     </li>
                     <div class="price-card-money mb-16">
@@ -530,23 +543,23 @@
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Multi-view presentation (Kanban/calendar/list)</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Task custom Fields</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task custom Fields">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task custom Fields">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Task loop</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task loop">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task loop">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Task mapping</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task mapping">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task mapping">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Task dependencies</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task dependencies">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task dependencies">
                       </div>
                     </li>
                     <li class="plans-ol-768-item">
@@ -555,19 +568,19 @@
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Project progress</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project progress">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Project templates</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project templates">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Project custom Views</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project custom Views">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project custom Views">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Timeline view (Gantt chart)</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
                       </div>
                     </li>
                     <div class="price-card-money mb-16">
@@ -605,23 +618,23 @@
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Multi-view presentation (Kanban/calendar/list)</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Task custom Fields</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task custom Fields">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task custom Fields">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Task loop</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task loop">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task loop">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Task mapping</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task mapping">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task mapping">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Task dependencies</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task dependencies">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task dependencies">
                       </div>
                     </li>
                     <li class="plans-ol-768-item">
@@ -630,19 +643,19 @@
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Project progress</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project progress">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Project templates</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project templates">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Project custom Views</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project custom Views">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project custom Views">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Timeline view (Gantt chart)</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
                       </div>
                     </li>
                     <div class="price-card-money mb-16">
@@ -665,7 +678,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="#" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">Helps teams move projects forward efficiently and makes work easier.</i>
@@ -713,7 +726,7 @@
                     <li class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ Group</i>
                       <div class="group_code">
-                        <img class="code-svg" id="home_code" src="../../img/light/home_code.svg" alt="Group：546574618">
+                        <img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="Group：546574618">
                         <i class="group_num">Group：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
@@ -725,16 +738,16 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
-<script src="../../js/common.js">
+<script src="../js/common.js">
 </script>
 <script>
-  /* 价格卡片切换函数 */ 
+  /* 价格卡片切换函数 */
   const tabs = document.querySelector('.price-card');
   const tabItems = tabs.querySelectorAll('.price-card-item');
   tabs.addEventListener('click', function (event) {
@@ -754,5 +767,17 @@
       })
       timerId = null; // 执行完后将定时器置空
     }, 1200);
+      // 联系我们和定制咨询弹框
+  function showBox(text){
+    const box = document.querySelector('.BulletBox1')
+    box.style.display = 'block'
+    const name = document.querySelector('.BulletBox1Name')
+    name.innerHTML = text
+  }
+  document.querySelector('.BulletBox1Btn').addEventListener('click',function(){
+    console.log("aaaaa");
+    const box = document.querySelector('.BulletBox1')
+    box.style.display = 'none'
+  })
 </script>
-</html>
\ No newline at end of file
+</html>
diff --git a/public/site/site/en/product.html b/public/site/en/product.html
similarity index 83%
rename from public/site/site/en/product.html
rename to public/site/en/product.html
index 4f4e86602..8ea8cb030 100644
--- a/public/site/site/en/product.html
+++ b/public/site/en/product.html
@@ -5,12 +5,12 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
-  <meta name="keywords" content="China Dootask Task management Lightweight Hitosea Teamwork">
+  <meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/product.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/product.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../en/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 Support
-                <img src="../../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,25 +63,25 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="Light theme">
+              <img src="../img/light.svg" alt="Light theme">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="Dark theme">
+              <img src="../img/drak.svg" alt="Dark theme">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
               <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >Get Started</button>
+                <button class="btn btn-primary" >Experience it now</button>
               </a>
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="Menu">
+            <img id="menuBtn" src="../img/menu.svg" alt="Menu">
           </div>
         </div>
       </div>
@@ -105,62 +105,62 @@
       <div class="prooduct-con">
         <ul class="prooduct-list">
           <i class="prev" onclick="prevHandle()">
-            <img src="../../img/prev.svg" alt="One product, many powerful tools">
+            <img src="../img/prev.svg" alt="One product, many powerful tools">
           </i>
           <!-- 2个item -->
           <li class="prooduct-list-item top active" style="--delay: 0s;">
-            <img class="icon first-icon" src="../../img/product_icons0_h.svg" alt="Co-creation">
+            <img class="icon first-icon" src="../img/product_icons0_h.svg" alt="Co-creation">
             <h3 class="txt-4002025 txt first-txt">Co-creation</h3>
           </li>
           <!-- 4个item -->
           <li class="prooduct-list-item top" style="--delay: 0.1s;">
-            <img class="icon" src="../../img/product_icons1.svg" alt="Instant Messaging">
+            <img class="icon" src="../img/product_icons1.svg" alt="Instant Messaging">
             <h3 class="txt-4002025 txt">Instant Messaging</h3>
           </li>
           <!-- 4个item -->
           <li class="prooduct-list-item top" style="--delay: 0.2s;">
-            <img class="icon" src="../../img/product_icons2.svg" alt="Project Mgmt">
+            <img class="icon" src="../img/product_icons2.svg" alt="Project Mgmt">
             <h3 class="txt-4002025 txt">Project Mgmt</h3>
           </li>
           <!-- 1个item -->
           <li class="prooduct-list-item top" style="--delay: 0.3s;">
-            <img class="icon" src="../../img/product_icons3.svg" alt="Task Dashboard">
+            <img class="icon" src="../img/product_icons3.svg" alt="Task Dashboard">
             <h3 class="txt-4002025 txt">Task Dashboard</h3>
           </li>
           <!-- 2个item -->
           <li class="prooduct-list-item top" style="--delay: 0.4s;">
-            <img class="icon" src="../../img/product_icons4.svg" alt="Task Calendar">
+            <img class="icon" src="../img/product_icons4.svg" alt="Task Calendar">
             <h3 class="txt-4002025 txt">Task Calendar</h3>
           </li>
           <!-- 2个item -->
           <li class="prooduct-list-item bot" style="--delay: 0.5s;">
-            <img class="icon" src="../../img/product_icons5.svg" alt="Bot Assistant">
+            <img class="icon" src="../img/product_icons5.svg" alt="Bot Assistant">
             <h3 class="txt-4002025 txt">Bot Assistant</h3>
           </li>
           <!-- 2个item -->
           <li class="prooduct-list-item bot" style="--delay: 0.6s;">
-            <img class="icon" src="../../img/product_icons6.svg" alt="Team Mgmt">
+            <img class="icon" src="../img/product_icons6.svg" alt="Team Mgmt">
             <h3 class="txt-4002025 txt">Team Mgmt</h3>
           </li>
           <!-- 2个item -->
           <li class="prooduct-list-item bot" style="--delay: 0.7s;">
-            <img class="icon" src="../../img/product_icons7.svg" alt="End-to-End Encryption">
+            <img class="icon" src="../img/product_icons7.svg" alt="End-to-End Encryption">
             <h3 class="txt-4002025 txt">End-to-End Encryption</h3>
           </li>
           <!-- 1个item -->
           <li class="prooduct-list-item bot" style="--delay: 0.8s;">
-            <img class="icon" src="../../img/product_icons8.svg" alt="Multi-platform">
+            <img class="icon" src="../img/product_icons8.svg" alt="Multi-platform">
             <h3 class="txt-4002025 txt">Multi-platform</h3>
           </li>
           <i class="next" onclick="nextHandle()">
-            <img src="../../img/next.svg" alt="One product, many powerful tools">
+            <img src="../img/next.svg" alt="One product, many powerful tools">
           </i>
         </ul>
         <ul class="prooduct-ul">
           <li class="details active">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic1.svg" alt="Teamwork without boundaries,No more document silos">
-              <img class="pic theme_dark" src="../../img/dark/product_pic1.svg" alt="Teamwork without boundaries,No more document silos">
+              <img class="pic theme_light" src="../img/light/product_pic1.svg" alt="Teamwork without boundaries,No more document silos">
+              <img class="pic theme_dark" src="../img/dark/product_pic1.svg" alt="Teamwork without boundaries,No more document silos">
               <ul class="details-ul">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -177,8 +177,8 @@
           </li>
           <li class="details">
             <div class="details-con details-con-item4">
-              <img class="pic theme_light" src="../../img/light/product_pic2.svg" alt="Focused communication, efficient communication,Messages must reach communication without hindrance">
-              <img class="pic theme_dark" src="../../img/dark/product_pic2.svg" alt="Cloud synchronization for unrestricted access to historical information,Attend meetings anytime, anywhere">
+              <img class="pic theme_light" src="../img/light/product_pic2.svg" alt="Focused communication, efficient communication,Messages must reach communication without hindrance">
+              <img class="pic theme_dark" src="../img/dark/product_pic2.svg" alt="Cloud synchronization for unrestricted access to historical information,Attend meetings anytime, anywhere">
               <ul class="details-ul item4">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -204,8 +204,8 @@
             </div>
             <ul class="details-ul-1280 item4-1280">
               <li class="details-ul-item mb-40">
-                <img class="pic theme_light" src="../../img/light/product_pic2.svg" alt="Focused communication, efficient communication,Messages must reach communication without hindrance">
-                <img class="pic theme_dark" src="../../img/dark/product_pic2.svg" alt="Cloud synchronization for unrestricted access to historical information,Attend meetings anytime, anywhere">
+                <img class="pic theme_light" src="../img/light/product_pic2.svg" alt="Focused communication, efficient communication,Messages must reach communication without hindrance">
+                <img class="pic theme_dark" src="../img/dark/product_pic2.svg" alt="Cloud synchronization for unrestricted access to historical information,Attend meetings anytime, anywhere">
               </li>
               <li class="details-ul-item mb-36">
                 <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -231,8 +231,8 @@
           </li>
           <li class="details">
             <div class="details-con details-con-item4">
-              <img class="pic theme_light" src="../../img/light/product_pic3.svg" alt="Multi-style management templates,Project-based office, action visualization">
-              <img class="pic theme_dark" src="../../img/dark/product_pic3.svg" alt="Dynamic management, real-time monitoring,One-click archiving of associated documents">
+              <img class="pic theme_light" src="../img/light/product_pic3.svg" alt="Multi-style management templates,Project-based office, action visualization">
+              <img class="pic theme_dark" src="../img/dark/product_pic3.svg" alt="Dynamic management, real-time monitoring,One-click archiving of associated documents">
               <ul class="details-ul item4">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -258,8 +258,8 @@
             </div>
             <ul class="details-ul-1280 item4-1280">
               <li class="details-ul-item mb-40">
-                <img class="pic theme_light" src="../../img/light/product_pic3.svg" alt="Multi-style management templates,Project-based office, action visualization">
-              <img class="pic theme_dark" src="../../img/dark/product_pic3.svg" alt="Dynamic management, real-time monitoring,One-click archiving of associated documents">
+                <img class="pic theme_light" src="../img/light/product_pic3.svg" alt="Multi-style management templates,Project-based office, action visualization">
+              <img class="pic theme_dark" src="../img/dark/product_pic3.svg" alt="Dynamic management, real-time monitoring,One-click archiving of associated documents">
               </li>
               <li class="details-ul-item mb-36">
                 <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -285,8 +285,8 @@
           </li>
           <li class="details">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic4.svg" alt="Comprehensive insight into task data">
-              <img class="pic theme_dark" src="../../img/dark/product_pic4.svg" alt="Comprehensive insight into task data">
+              <img class="pic theme_light" src="../img/light/product_pic4.svg" alt="Comprehensive insight into task data">
+              <img class="pic theme_dark" src="../img/dark/product_pic4.svg" alt="Comprehensive insight into task data">
               <ul class="details-ul">
                 <li class="details-ul-item" style="margin-bottom: 36px;">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -298,8 +298,8 @@
           </li>
           <li class="details">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic5.svg" alt="Accurate Timeline,Multiple calendar views">
-              <img class="pic theme_dark" src="../../img/dark/product_pic5.svg" alt="Accurate Timeline,Multiple calendar views">
+              <img class="pic theme_light" src="../img/light/product_pic5.svg" alt="Accurate Timeline,Multiple calendar views">
+              <img class="pic theme_dark" src="../img/dark/product_pic5.svg" alt="Accurate Timeline,Multiple calendar views">
               <ul class="details-ul">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -316,8 +316,8 @@
           </li>
           <li class="details">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic6.svg" alt="Smart tips to bring technology closer to life">
-              <img class="pic theme_dark" src="../../img/dark/product_pic6.svg" alt="Artificial intelligence, realizing real-time communication with AI">
+              <img class="pic theme_light" src="../img/light/product_pic6.svg" alt="Smart tips to bring technology closer to life">
+              <img class="pic theme_dark" src="../img/dark/product_pic6.svg" alt="Artificial intelligence, realizing real-time communication with AI">
               <ul class="details-ul">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -334,8 +334,8 @@
           </li>
           <li class="details">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic7.svg" alt="Fully enhance hierarchical organizational effectiveness">
-              <img class="pic theme_dark" src="../../img/dark/product_pic7.svg" alt="Multi-functional assistance for enterprise management teams">
+              <img class="pic theme_light" src="../img/light/product_pic7.svg" alt="Fully enhance hierarchical organizational effectiveness">
+              <img class="pic theme_dark" src="../img/dark/product_pic7.svg" alt="Multi-functional assistance for enterprise management teams">
               <ul class="details-ul">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -352,8 +352,8 @@
           </li>
           <li class="details">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic8.svg" alt="Control encryption keys for security and safety">
-              <img class="pic theme_dark" src="../../img/dark/product_pic8.svg" alt="Data classification encryption for secure synchronization">
+              <img class="pic theme_light" src="../img/light/product_pic8.svg" alt="Control encryption keys for security and safety">
+              <img class="pic theme_dark" src="../img/dark/product_pic8.svg" alt="Data classification encryption for secure synchronization">
               <ul class="details-ul">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -370,8 +370,8 @@
           </li>
           <li class="details">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic9.svg" alt="Multi-Platform Applications">
-              <img class="pic theme_dark" src="../../img/dark/product_pic9.svg" alt="Multi-Platform Applications">
+              <img class="pic theme_light" src="../img/light/product_pic9.svg" alt="Multi-Platform Applications">
+              <img class="pic theme_dark" src="../img/dark/product_pic9.svg" alt="Multi-Platform Applications">
               <ul class="details-ul">
                 <li class="details-ul-item">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -388,7 +388,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../en/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -404,7 +404,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               Support
-              <img src="../../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
+              <img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
             </i>
           </div>
           <ol class="drawer-active" id="support" style="display: none;">
@@ -426,7 +426,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               Theme
-              <img src="../../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
+              <img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
           <ol class="drawer-active" id="theme" style="display: none;">
@@ -440,7 +440,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               Language
-              <img src="../../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
+              <img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
           <ol class="drawer-active" id="language" style="display: none;">
@@ -474,14 +474,14 @@
             <div class="manage-b mt-80">
               <ul class="manage-ul">
                 <li class="manage-ul-item mb-32 product-animate-box" style="--delay: 0s;">
-                  <img class="manage-icon mr-16" src="../../img/product_subtract.svg" alt="Real-time view of attendance statistics">
+                  <img class="manage-icon mr-16" src="../img/product_subtract.svg" alt="Real-time view of attendance statistics">
                   <div class="manage-tit">
                     <h3 class="txt-5002025 manage-h3 mb-16">Real-time view of attendance statistics</h3>
                     <h6 class="txt-4001624 manage-h6">View attendance data anytime and anywhere, record the working hours of each team member, including starting time, finishing time, overtime, etc., to achieve goal management and performance management within the enterprise</h6>
                   </div>
                 </li>
                 <li class="manage-ul-item product-animate-box" style="--delay: 0.1s;">
-                  <img class="manage-icon mr-16" src="../../img/product_subtract.svg" alt="The ultimate experience in speed clocking">
+                  <img class="manage-icon mr-16" src="../img/product_subtract.svg" alt="The ultimate experience in speed clocking">
                   <div class="manage-tit">
                     <h3 class="txt-5002025 manage-h3 mb-16">The ultimate experience in speed clocking</h3>
                     <h6 class="txt-4001624 manage-h6">The system recognizes and connects to the company's wifi to automatically punch in and out, saying goodbye to queuing and opening cell phone operations, employees no longer forget to punch in and out</h6>
@@ -489,17 +489,17 @@
                 </li>
               </ul>
               <div class="manage-ul-item product-animate-box" style="--delay: 0.2s;">
-                <img class="manage-icon mr-16" src="../../img/product_subtract.svg" alt="Attendance data visualization and analysis">
+                <img class="manage-icon mr-16" src="../img/product_subtract.svg" alt="Attendance data visualization and analysis">
                 <div class="manage-tit">
                   <h3 class="txt-5002025 manage-h3 mb-16">Attendance data visualization and analysis</h3>
                   <h6 class="txt-4001624 manage-h6">Statistics on attendance, tardiness, early departure, overtime hours and other related data of each team member are generated and visualized in statistical charts. Through these data and charts, enterprise management can gain an in-depth understanding of team members' working conditions and efficiency, and provide a reference basis for subsequent personnel arrangement and performance assessment.</h6>
                 </div>
               </div>
               <div class="manage-svg product-animate-box" style="--delay: 0.3s;">
-                <img class="manage-bg theme_light"  src="../../img/light/product_pic10.svg" alt="Clocking in to work successfully">
-                <img class="manage-bg theme_dark"  src="../../img/dark/product_pic10.svg" alt="Clocking in to work successfully">
+                <img class="manage-bg theme_light"  src="../img/light/product_pic10.svg" alt="Clocking in to work successfully">
+                <img class="manage-bg theme_dark"  src="../img/dark/product_pic10.svg" alt="Clocking in to work successfully">
                 <div class="manage-tips">
-                  <img src="../../img/product_icon1.svg" alt="Attendance Check-in">
+                  <img src="../img/product_icon1.svg" alt="Attendance Check-in">
                   <i class="manage-tips-txt txt-4001822">Clocking in to work successfully</i>
                 </div>
                 <h2 class="manage-svg-h2 txt-6003652">Attendance Check-in</h2>
@@ -510,8 +510,8 @@
         <article class="performance">
           <div class="performance-con">
             <h1 class="txt-5003645 performance-h1">Digital Performance</h1>
-            <img class="pic mt-80 theme_light"  src="../../img/light/en_product_pic11.png" alt="Digital Performance">
-            <img class="pic mt-80 theme_dark"  src="../../img/dark/en_product_pic11.png" alt="Digital Performance">
+            <img class="pic mt-80 theme_light"  src="../img/light/en_product_pic11.png" alt="Digital Performance">
+            <img class="pic mt-80 theme_dark"  src="../img/dark/en_product_pic11.png" alt="Digital Performance">
             <ul class="performance-ul">
               <li class="performance-ul-item product-animate-box2" style="--delay: 0s;">
                 <i class="icon mb-24"></i>
@@ -544,7 +544,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../en/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">Helps teams move projects forward efficiently and makes work easier.</i>
@@ -592,7 +592,7 @@
                     <li class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ group</i>
                       <div class="group_code">
-                        <img class="code-svg" id="home_code" src="../../img/light/home_code.svg" alt="Group：546574618">
+                        <img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="Group：546574618">
                         <i class="group_num">Group：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
@@ -604,13 +604,13 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
   /* 产品卡片切换函数 */ 
   const tabs = document.querySelector('.prooduct-con');
@@ -627,10 +627,10 @@
       // 切换激活状态
       for (let [index,value] of tabItems.entries()) {
         if(value === clickedItem){
-          icons[index].setAttribute('src', `../../img/product_icons${index}_h.svg`)
+          icons[index].setAttribute('src', `../img/product_icons${index}_h.svg`)
           setActiveIndicator(index)
         }else{
-          icons[index].setAttribute('src', `../../img/product_icons${index}.svg`)
+          icons[index].setAttribute('src', `../img/product_icons${index}.svg`)
         }
         value.classList.toggle('active', value === clickedItem);
       }
@@ -657,7 +657,7 @@
     if(currentIndex != 0) {
       currentIndex =  currentIndex - 1
       cardItems[currentIndex + 1].classList.remove('active');
-      firstIcon.setAttribute('src', `../../img/product_icons${currentIndex + 1}_h.svg`)
+      firstIcon.setAttribute('src', `../img/product_icons${currentIndex + 1}_h.svg`)
       firstTxt.innerHTML = productNameObj[currentIndex]
       cardItems[currentIndex].classList.add('active');
     }
@@ -666,7 +666,7 @@
     if(currentIndex != 8){
       currentIndex =  currentIndex + 1
       cardItems[currentIndex - 1].classList.remove('active');
-      firstIcon.setAttribute('src', `../../img/product_icons${currentIndex - 1}_h.svg`)
+      firstIcon.setAttribute('src', `../img/product_icons${currentIndex - 1}_h.svg`)
       firstTxt.innerHTML = productNameObj[currentIndex]
       cardItems[currentIndex].classList.add('active');
     }
diff --git a/public/site/site/en/solutions.html b/public/site/en/solutions.html
similarity index 87%
rename from public/site/site/en/solutions.html
rename to public/site/en/solutions.html
index b93574cc1..c945fcb1b 100644
--- a/public/site/site/en/solutions.html
+++ b/public/site/en/solutions.html
@@ -5,12 +5,12 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
-  <meta name="keywords" content="China Dootask Task management Lightweight Hitosea Teamwork">
+  <meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/solution.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/solution.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../en/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 Support
-                <img src="../../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,25 +63,25 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="Light theme">
+              <img src="../img/light.svg" alt="Light theme">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="Dark theme">
+              <img src="../img/drak.svg" alt="Dark theme">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
               <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >Get Started</button>
+                <button class="btn btn-primary" >Experience it now</button>
               </a>
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="Menu">
+            <img id="menuBtn" src="../img/menu.svg" alt="Menu">
           </div>
         </div>
       </div>
@@ -91,7 +91,7 @@
             <div class="topics-tit mb-32 topics-tit-en">
               <span class="txt-6007290 topics-h1">Helping you collaborate better</span>
             </div>
-            <h4 class="txt-4001830 topics-h4 mb-32 topics-h4-en">Dootask offers a range of solutions based on different scenarios so that you can quickly start collaborating with your team or department</h4>
+            <h4 class="txt-4001830 topics-h4 mb-32 topics-h4-en">DooTask offers a range of solutions based on different scenarios so that you can quickly start collaborating with your team or department</h4>
             <div class="flex-cc topics-btn">
               <span class="mr-24 get-started">
                 <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
@@ -107,7 +107,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../en/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -123,7 +123,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               Support
-              <img src="../../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
+              <img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
             </i>
           </div>
           <ol class="drawer-active" id="support" style="display: none;">
@@ -145,7 +145,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               Theme
-              <img src="../../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
+              <img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
           <ol class="drawer-active" id="theme" style="display: none;">
@@ -159,7 +159,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               Language
-              <img src="../../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
+              <img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
           <ol class="drawer-active" id="language" style="display: none;">
@@ -194,28 +194,28 @@
               <ul class="app-ul mt-80">
                 <li class="app-ul-item mb-48">
                   <div class="app-bg-box">
-                    <img class="app-bg" id="solution_pic1" src="../../img/light/zh_solution_pic1.png" alt="Project Management">
+                    <img class="app-bg" id="solution_pic1" src="../img/light/zh_solution_pic1.png" alt="Project Management">
                   </div>
                   <h4 class="txt-5002025 app-h4 mb-16">Project Management</h4>
                   <h6 class="txt-4001624 app-h6">Support a variety of project management models, such as Agile Development, Crystal Planning, Kanban, etc., for all sizes and types of project management. Users can use the project management tools in DooTask, such as task assignment, progress tracking, resource allocation, etc. to manage the whole project.</h6>
                 </li>
                 <li class="app-ul-item mb-48">
                   <div class="app-bg-box">
-                    <img class="app-bg" id="solution_pic2" src="../../img/light/zh_solution_pic2.png" alt="Team Collaboration">
+                    <img class="app-bg" id="solution_pic2" src="../img/light/zh_solution_pic2.png" alt="Team Collaboration">
                   </div>
                   <h4 class="txt-5002025 app-h4 mb-16">Team Collaboration</h4>
                   <h6 class="txt-4001624 app-h6">DooTask's rich and useful tools can facilitate communication and collaboration among team members and improve work efficiency. For example, team members can use the document collaboration tools, online mind maps, flowcharts and other tools in DooTask to collaborate.</h6>
                 </li>
                 <li class="app-ul-item">
                   <div class="app-bg-box">
-                    <img class="app-bg" id="solution_pic3" src="../../img/light/zh_solution_pic3.png" alt="Data Security Protection">
+                    <img class="app-bg" id="solution_pic3" src="../img/light/zh_solution_pic3.png" alt="Data Security Protection">
                   </div>
                   <h4 class="txt-5002025 app-h4 mb-16">Data Security Protection</h4>
                   <h6 class="txt-4001624 app-h6">DooTask uses asymmetric encryption technology in its messaging function to ensure maximum protection of users' information. In addition, it also provides a powerful permission management system that enables flexible setting of permissions and scope of operations for different users in project management according to their roles and responsibilities.</h6>
                 </li>
                 <li class="app-ul-item">
                   <div class="app-bg-box">
-                    <img class="app-bg" id="solution_pic4" src="../../img/light/solution_pic4.png" alt="Free Customization">
+                    <img class="app-bg" id="solution_pic4" src="../img/light/solution_pic4.png" alt="Free Customization">
                   </div>
                   <h4 class="txt-5002025 app-h4 mb-16">Free Customization</h4>
                   <h6 class="txt-4001624 app-h6">DooTask is a completely open source tool that allows users to freely modify and customize it, avoiding the extra costs associated with commercial software subscription fees.</h6>
@@ -229,18 +229,18 @@
             <h1 class="txt-5004455 team-tit">Team Operations</h1>
             <ul class="team-ul mt-80">
               <li class="team-ul-item team-ul-item-en solutions-animate-box" style="--delay: 0s;">
-                <img class="team-icon mb-24" src="../../img/solution_icon1.svg" alt="Corporate Management">
+                <img class="team-icon mb-24" src="../img/solution_icon1.svg" alt="Corporate Management">
                 <h4 class="txt-5002025 app-h4 mb-16">Corporate Management</h4>
                 <h6 class="txt-4001624 app-h6">Helping enterprises to their corporate goals, connecting goals, key results and individual work, and jointly promoting strategy implementation and goal achievement;Through co-creation, share the progress, completion status, and schedule of all corporate work, promote information flow, allow all staff to access key information of projects, follow up in time, and promote cross-departmental collaboration.Translated with DeepL</h6>
               </li>
               <li class="team-ul-item team-ul-item-en solutions-animate-box" style="--delay: 0.1s;">
-                <img class="team-icon mb-24" src="../../img/solution_icon2.svg" alt="Product Management">
+                <img class="team-icon mb-24" src="../img/solution_icon2.svg" alt="Product Management">
                 <h4 class="txt-5002025 app-h4 mb-16">Product Management</h4>
                 <h6 class="txt-4001624 app-h6">Customize the workflow of the product development process, assign tasks to different roles at different stages, and promote the product development process;
                   Uniform archiving of each completed project and task history data, which is convenient to recall or discuss at any time, forming a closed loop of knowledge precipitation to reuse.</h6>
               </li>
               <li class="team-ul-item team-ul-item-en solutions-animate-box" style="--delay: 0.2s;">
-                <img class="team-icon mb-24" src="../../img/solution_icon3.svg" alt="Corporate Management">
+                <img class="team-icon mb-24" src="../img/solution_icon3.svg" alt="Corporate Management">
                 <h4 class="txt-5002025 app-h4 mb-16">Corporate Management</h4>
                 <h6 class="txt-4001624 app-h6">Get multi-dimensional corporate data through data visualization statistical reports to get a comprehensive understanding of employee performance and make performance evaluation more objective and fair; use announcements to release notices, arrange company activities, convey corporate decisions, facilitate the shaping of corporate culture, and make employees more engaged.</h6>
               </li>
@@ -255,7 +255,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../en/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">Helps teams move projects forward efficiently and makes work easier.</i>
@@ -303,7 +303,7 @@
                     <li class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ group</i>
                       <div class="group_code">
-                        <img class="code-svg" id="home_code" src="../../img/light/home_code.svg" alt="Group：546574618">
+                        <img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="Group：546574618">
                         <i class="group_num">Group：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
@@ -315,13 +315,13 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
   /* 滑动到可视区域执行动画 */ 
   const boxes = document.querySelectorAll('.solutions-animate-box');
diff --git a/public/site/img/dark/help_pic11.svg b/public/site/img/dark/help_pic11.svg
index 762bbb295..21cdd6d67 100644
--- a/public/site/img/dark/help_pic11.svg
+++ b/public/site/img/dark/help_pic11.svg
@@ -1,11 +1,7 @@
-<svg width="413" height="240" viewBox="0 0 413 240" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M438.844 238.379C436.271 238.379 433.804 237.357 431.985 235.539C430.166 233.721 429.144 231.254 429.144 228.683V168.083C429.144 165.511 430.166 163.045 431.985 161.227C433.804 159.408 436.271 158.387 438.844 158.387H454V76.6132H438.844C436.271 76.6132 433.804 75.5916 431.985 73.7733C430.166 71.9549 429.144 69.4887 429.144 66.9172V6.31718C429.144 3.74564 430.166 1.27943 431.985 -0.538925C433.804 -2.35728 436.271 -3.37882 438.844 -3.37882H454V-34H429.144V-13.0748C429.144 -10.5033 428.122 -8.03707 426.303 -6.21871C424.484 -4.40036 422.016 -3.37882 419.444 -3.37882H358.819C356.246 -3.37882 353.779 -4.40036 351.96 -6.21871C350.141 -8.03707 349.119 -10.5033 349.119 -13.0748V-34H269.094V-13.0748C269.094 -10.5033 268.072 -8.03707 266.253 -6.21871C264.434 -4.40036 261.966 -3.37882 259.394 -3.37882H198.769C196.196 -3.37882 193.729 -4.40036 191.91 -6.21871C190.091 -8.03707 189.069 -10.5033 189.069 -13.0748V-34H109.044V-13.0748C109.044 -10.5033 108.022 -8.03707 106.203 -6.21871C104.384 -4.40036 101.916 -3.37882 99.3438 -3.37882H66V77.504H99.3438C101.916 77.504 104.384 78.5255 106.203 80.3439C108.022 82.1622 109.044 84.6285 109.044 87.2V147.8C109.044 150.372 108.022 152.838 106.203 154.656C104.384 156.474 101.916 157.496 99.3438 157.496H66V238.664H99.3438C101.916 238.664 104.384 239.685 106.203 241.504C108.022 243.322 109.044 245.788 109.044 248.36V269H189.069V248.36C189.069 245.788 190.091 243.322 191.91 241.504C193.729 239.685 196.196 238.664 198.769 238.664H259.394C261.966 238.664 264.434 239.685 266.253 241.504C268.072 243.322 269.094 245.788 269.094 248.36V269H349.119V248.36C349.119 245.788 350.141 243.322 351.96 241.504C353.779 239.685 356.246 238.664 358.819 238.664H419.444C422.016 238.664 424.484 239.685 426.303 241.504C428.122 243.322 429.144 245.788 429.144 248.36V269H454V238.379H438.844ZM269.094 6.31718C269.094 3.74564 270.116 1.27943 271.935 -0.538925C273.754 -2.35728 276.221 -3.37882 278.794 -3.37882H339.419C341.991 -3.37882 344.459 -2.35728 346.278 -0.538925C348.097 1.27943 349.119 3.74564 349.119 6.31718V66.9172C349.119 69.4887 348.097 71.9549 346.278 73.7733C344.459 75.5916 341.991 76.6132 339.419 76.6132H278.794C276.221 76.6132 273.754 75.5916 271.935 73.7733C270.116 71.9549 269.094 69.4887 269.094 66.9172V6.31718ZM109.044 6.31718C109.044 3.74564 110.066 1.27943 111.885 -0.538925C113.704 -2.35728 116.171 -3.37882 118.744 -3.37882H179.369C181.941 -3.37882 184.409 -2.35728 186.228 -0.538925C188.047 1.27943 189.069 3.74564 189.069 6.31718V66.9172C189.069 69.4887 188.047 71.9549 186.228 73.7733C184.409 75.5916 181.941 76.6132 179.369 76.6132H118.744C116.171 76.6132 113.704 75.5916 111.885 73.7733C110.066 71.9549 109.044 69.4887 109.044 66.9172V6.31718ZM189.069 228.683C189.069 231.254 188.047 233.721 186.228 235.539C184.409 237.357 181.941 238.379 179.369 238.379H118.744C116.171 238.379 113.704 237.357 111.885 235.539C110.066 233.721 109.044 231.254 109.044 228.683V168.083C109.044 165.511 110.066 163.045 111.885 161.227C113.704 159.408 116.171 158.387 118.744 158.387H179.369C181.941 158.387 184.409 159.408 186.228 161.227C188.047 163.045 189.069 165.511 189.069 168.083V228.683ZM259.394 157.496H198.769C196.196 157.496 193.729 156.474 191.91 154.656C190.091 152.838 189.069 150.372 189.069 147.8V87.2C189.069 84.6285 190.091 82.1622 191.91 80.3439C193.729 78.5255 196.196 77.504 198.769 77.504H259.394C261.966 77.504 264.434 78.5255 266.253 80.3439C268.072 82.1622 269.094 84.6285 269.094 87.2V147.8C269.094 150.372 268.072 152.838 266.253 154.656C264.434 156.474 261.966 157.496 259.394 157.496ZM349.119 228.683C349.119 231.254 348.097 233.721 346.278 235.539C344.459 237.357 341.991 238.379 339.419 238.379H278.794C276.221 238.379 273.754 237.357 271.935 235.539C270.116 233.721 269.094 231.254 269.094 228.683V168.083C269.094 165.511 270.116 163.045 271.935 161.227C273.754 159.408 276.221 158.387 278.794 158.387H339.419C341.991 158.387 344.459 159.408 346.278 161.227C348.097 163.045 349.119 165.511 349.119 168.083V228.683ZM419.444 157.496H358.819C356.246 157.496 353.779 156.474 351.96 154.656C350.141 152.838 349.119 150.372 349.119 147.8V87.2C349.119 84.6285 350.141 82.1622 351.96 80.3439C353.779 78.5255 356.246 77.504 358.819 77.504H419.444C422.016 77.504 424.484 78.5255 426.303 80.3439C428.122 82.1622 429.144 84.6285 429.144 87.2V147.8C429.144 150.372 428.122 152.838 426.303 154.656C424.484 156.474 422.016 157.496 419.444 157.496Z" fill="url(#paint0_linear_131_5843)"/>
-<path d="M347 197V53C347 44.1634 339.837 37 331 37H43C34.1634 37 27 44.1634 27 53V197" stroke="white" stroke-dasharray="6 6"/>
-<rect x="1" y="90" width="54" height="54" rx="7" fill="#58A738" stroke="white" stroke-width="2"/>
-<rect x="77" y="90" width="138" height="54" rx="27" fill="#58A738" stroke="white" stroke-width="2"/>
-<rect x="237" y="90" width="138" height="54" rx="27" fill="#2E3533" stroke="#888C8A" stroke-width="2"/>
+<svg width="477" height="240" viewBox="0 0 477 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M497.766 238.379C494.331 238.379 491.037 237.357 488.609 235.539C486.18 233.721 484.816 231.254 484.816 228.683V168.083C484.816 165.511 486.18 163.045 488.609 161.227C491.037 159.408 494.331 158.387 497.766 158.387H518V76.6132H497.766C494.331 76.6132 491.037 75.5916 488.609 73.7733C486.18 71.9549 484.816 69.4887 484.816 66.9172V6.31718C484.816 3.74564 486.18 1.27943 488.609 -0.538925C491.037 -2.35728 494.331 -3.37882 497.766 -3.37882H518V-34H484.816V-13.0748C484.816 -10.5033 483.451 -8.03707 481.023 -6.21871C478.594 -4.40036 475.3 -3.37882 471.866 -3.37882H390.928C387.494 -3.37882 384.2 -4.40036 381.771 -6.21871C379.342 -8.03707 377.978 -10.5033 377.978 -13.0748V-34H271.141V-13.0748C271.141 -10.5033 269.776 -8.03707 267.348 -6.21871C264.919 -4.40036 261.625 -3.37882 258.191 -3.37882H177.253C173.819 -3.37882 170.525 -4.40036 168.096 -6.21871C165.667 -8.03707 164.303 -10.5033 164.303 -13.0748V-34H57.4656V-13.0748C57.4656 -10.5033 56.1012 -8.03707 53.6727 -6.21871C51.2441 -4.40036 47.9502 -3.37882 44.5156 -3.37882H0V77.504H44.5156C47.9502 77.504 51.2441 78.5255 53.6727 80.3439C56.1012 82.1622 57.4656 84.6285 57.4656 87.2V147.8C57.4656 150.372 56.1012 152.838 53.6727 154.656C51.2441 156.474 47.9502 157.496 44.5156 157.496H0V238.664H44.5156C47.9502 238.664 51.2441 239.685 53.6727 241.504C56.1012 243.322 57.4656 245.788 57.4656 248.36V269H164.303V248.36C164.303 245.788 165.667 243.322 168.096 241.504C170.525 239.685 173.819 238.664 177.253 238.664H258.191C261.625 238.664 264.919 239.685 267.348 241.504C269.776 243.322 271.141 245.788 271.141 248.36V269H377.978V248.36C377.978 245.788 379.342 243.322 381.771 241.504C384.2 239.685 387.494 238.664 390.928 238.664H471.866C475.3 238.664 478.594 239.685 481.023 241.504C483.451 243.322 484.816 245.788 484.816 248.36V269H518V238.379H497.766ZM271.141 6.31718C271.141 3.74564 272.505 1.27943 274.934 -0.538925C277.362 -2.35728 280.656 -3.37882 284.091 -3.37882H365.028C368.463 -3.37882 371.757 -2.35728 374.185 -0.538925C376.614 1.27943 377.978 3.74564 377.978 6.31718V66.9172C377.978 69.4887 376.614 71.9549 374.185 73.7733C371.757 75.5916 368.463 76.6132 365.028 76.6132H284.091C280.656 76.6132 277.362 75.5916 274.934 73.7733C272.505 71.9549 271.141 69.4887 271.141 66.9172V6.31718ZM57.4656 6.31718C57.4656 3.74564 58.83 1.27943 61.2586 -0.538925C63.6872 -2.35728 66.9811 -3.37882 70.4156 -3.37882H151.353C154.788 -3.37882 158.082 -2.35728 160.51 -0.538925C162.939 1.27943 164.303 3.74564 164.303 6.31718V66.9172C164.303 69.4887 162.939 71.9549 160.51 73.7733C158.082 75.5916 154.788 76.6132 151.353 76.6132H70.4156C66.9811 76.6132 63.6872 75.5916 61.2586 73.7733C58.83 71.9549 57.4656 69.4887 57.4656 66.9172V6.31718ZM164.303 228.683C164.303 231.254 162.939 233.721 160.51 235.539C158.082 237.357 154.788 238.379 151.353 238.379H70.4156C66.9811 238.379 63.6872 237.357 61.2586 235.539C58.83 233.721 57.4656 231.254 57.4656 228.683V168.083C57.4656 165.511 58.83 163.045 61.2586 161.227C63.6872 159.408 66.9811 158.387 70.4156 158.387H151.353C154.788 158.387 158.082 159.408 160.51 161.227C162.939 163.045 164.303 165.511 164.303 168.083V228.683ZM258.191 157.496H177.253C173.819 157.496 170.525 156.474 168.096 154.656C165.667 152.838 164.303 150.372 164.303 147.8V87.2C164.303 84.6285 165.667 82.1622 168.096 80.3439C170.525 78.5255 173.819 77.504 177.253 77.504H258.191C261.625 77.504 264.919 78.5255 267.348 80.3439C269.776 82.1622 271.141 84.6285 271.141 87.2V147.8C271.141 150.372 269.776 152.838 267.348 154.656C264.919 156.474 261.625 157.496 258.191 157.496ZM377.978 228.683C377.978 231.254 376.614 233.721 374.185 235.539C371.757 237.357 368.463 238.379 365.028 238.379H284.091C280.656 238.379 277.362 237.357 274.934 235.539C272.505 233.721 271.141 231.254 271.141 228.683V168.083C271.141 165.511 272.505 163.045 274.934 161.227C277.362 159.408 280.656 158.387 284.091 158.387H365.028C368.463 158.387 371.757 159.408 374.185 161.227C376.614 163.045 377.978 165.511 377.978 168.083V228.683ZM471.866 157.496H390.928C387.494 157.496 384.2 156.474 381.771 154.656C379.342 152.838 377.978 150.372 377.978 147.8V87.2C377.978 84.6285 379.342 82.1622 381.771 80.3439C384.2 78.5255 387.494 77.504 390.928 77.504H471.866C475.3 77.504 478.594 78.5255 481.023 80.3439C483.451 82.1622 484.816 84.6285 484.816 87.2V147.8C484.816 150.372 483.451 152.838 481.023 154.656C478.594 156.474 475.3 157.496 471.866 157.496Z" fill="url(#paint0_linear_131_5843)"/>
 <defs>
-<linearGradient id="paint0_linear_131_5843" x1="416.5" y1="117" x2="85.5" y2="117" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_131_5843" x1="467.936" y1="117" x2="26.0335" y2="117" gradientUnits="userSpaceOnUse">
 <stop stop-color="white" stop-opacity="0.15"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
diff --git a/public/site/img/light/help_pic11.svg b/public/site/img/light/help_pic11.svg
index 2d53d0cc7..ca8b360f9 100644
--- a/public/site/img/light/help_pic11.svg
+++ b/public/site/img/light/help_pic11.svg
@@ -1,11 +1,7 @@
-<svg width="413" height="240" viewBox="0 0 413 240" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M438.844 238.379C436.271 238.379 433.804 237.357 431.985 235.539C430.166 233.721 429.144 231.254 429.144 228.683V168.083C429.144 165.511 430.166 163.045 431.985 161.227C433.804 159.408 436.271 158.387 438.844 158.387H454V76.6132H438.844C436.271 76.6132 433.804 75.5916 431.985 73.7733C430.166 71.9549 429.144 69.4887 429.144 66.9172V6.31718C429.144 3.74564 430.166 1.27943 431.985 -0.538925C433.804 -2.35728 436.271 -3.37882 438.844 -3.37882H454V-34H429.144V-13.0748C429.144 -10.5033 428.122 -8.03707 426.303 -6.21871C424.484 -4.40036 422.016 -3.37882 419.444 -3.37882H358.819C356.246 -3.37882 353.779 -4.40036 351.96 -6.21871C350.141 -8.03707 349.119 -10.5033 349.119 -13.0748V-34H269.094V-13.0748C269.094 -10.5033 268.072 -8.03707 266.253 -6.21871C264.434 -4.40036 261.966 -3.37882 259.394 -3.37882H198.769C196.196 -3.37882 193.729 -4.40036 191.91 -6.21871C190.091 -8.03707 189.069 -10.5033 189.069 -13.0748V-34H109.044V-13.0748C109.044 -10.5033 108.022 -8.03707 106.203 -6.21871C104.384 -4.40036 101.916 -3.37882 99.3438 -3.37882H66V77.504H99.3438C101.916 77.504 104.384 78.5255 106.203 80.3439C108.022 82.1622 109.044 84.6285 109.044 87.2V147.8C109.044 150.372 108.022 152.838 106.203 154.656C104.384 156.474 101.916 157.496 99.3438 157.496H66V238.664H99.3438C101.916 238.664 104.384 239.685 106.203 241.504C108.022 243.322 109.044 245.788 109.044 248.36V269H189.069V248.36C189.069 245.788 190.091 243.322 191.91 241.504C193.729 239.685 196.196 238.664 198.769 238.664H259.394C261.966 238.664 264.434 239.685 266.253 241.504C268.072 243.322 269.094 245.788 269.094 248.36V269H349.119V248.36C349.119 245.788 350.141 243.322 351.96 241.504C353.779 239.685 356.246 238.664 358.819 238.664H419.444C422.016 238.664 424.484 239.685 426.303 241.504C428.122 243.322 429.144 245.788 429.144 248.36V269H454V238.379H438.844ZM269.094 6.31718C269.094 3.74564 270.116 1.27943 271.935 -0.538925C273.754 -2.35728 276.221 -3.37882 278.794 -3.37882H339.419C341.991 -3.37882 344.459 -2.35728 346.278 -0.538925C348.097 1.27943 349.119 3.74564 349.119 6.31718V66.9172C349.119 69.4887 348.097 71.9549 346.278 73.7733C344.459 75.5916 341.991 76.6132 339.419 76.6132H278.794C276.221 76.6132 273.754 75.5916 271.935 73.7733C270.116 71.9549 269.094 69.4887 269.094 66.9172V6.31718ZM109.044 6.31718C109.044 3.74564 110.066 1.27943 111.885 -0.538925C113.704 -2.35728 116.171 -3.37882 118.744 -3.37882H179.369C181.941 -3.37882 184.409 -2.35728 186.228 -0.538925C188.047 1.27943 189.069 3.74564 189.069 6.31718V66.9172C189.069 69.4887 188.047 71.9549 186.228 73.7733C184.409 75.5916 181.941 76.6132 179.369 76.6132H118.744C116.171 76.6132 113.704 75.5916 111.885 73.7733C110.066 71.9549 109.044 69.4887 109.044 66.9172V6.31718ZM189.069 228.683C189.069 231.254 188.047 233.721 186.228 235.539C184.409 237.357 181.941 238.379 179.369 238.379H118.744C116.171 238.379 113.704 237.357 111.885 235.539C110.066 233.721 109.044 231.254 109.044 228.683V168.083C109.044 165.511 110.066 163.045 111.885 161.227C113.704 159.408 116.171 158.387 118.744 158.387H179.369C181.941 158.387 184.409 159.408 186.228 161.227C188.047 163.045 189.069 165.511 189.069 168.083V228.683ZM259.394 157.496H198.769C196.196 157.496 193.729 156.474 191.91 154.656C190.091 152.838 189.069 150.372 189.069 147.8V87.2C189.069 84.6285 190.091 82.1622 191.91 80.3439C193.729 78.5255 196.196 77.504 198.769 77.504H259.394C261.966 77.504 264.434 78.5255 266.253 80.3439C268.072 82.1622 269.094 84.6285 269.094 87.2V147.8C269.094 150.372 268.072 152.838 266.253 154.656C264.434 156.474 261.966 157.496 259.394 157.496ZM349.119 228.683C349.119 231.254 348.097 233.721 346.278 235.539C344.459 237.357 341.991 238.379 339.419 238.379H278.794C276.221 238.379 273.754 237.357 271.935 235.539C270.116 233.721 269.094 231.254 269.094 228.683V168.083C269.094 165.511 270.116 163.045 271.935 161.227C273.754 159.408 276.221 158.387 278.794 158.387H339.419C341.991 158.387 344.459 159.408 346.278 161.227C348.097 163.045 349.119 165.511 349.119 168.083V228.683ZM419.444 157.496H358.819C356.246 157.496 353.779 156.474 351.96 154.656C350.141 152.838 349.119 150.372 349.119 147.8V87.2C349.119 84.6285 350.141 82.1622 351.96 80.3439C353.779 78.5255 356.246 77.504 358.819 77.504H419.444C422.016 77.504 424.484 78.5255 426.303 80.3439C428.122 82.1622 429.144 84.6285 429.144 87.2V147.8C429.144 150.372 428.122 152.838 426.303 154.656C424.484 156.474 422.016 157.496 419.444 157.496Z" fill="url(#paint0_linear_78_328)"/>
-<path d="M347 197V53C347 44.1634 339.837 37 331 37H43C34.1634 37 27 44.1634 27 53V197" stroke="white" stroke-dasharray="6 6"/>
-<rect x="1" y="90" width="54" height="54" rx="7" fill="#8BCF70" stroke="white" stroke-width="2"/>
-<rect x="77" y="90" width="138" height="54" rx="27" fill="#8BCF70" stroke="white" stroke-width="2"/>
-<rect x="237" y="90" width="138" height="54" rx="27" fill="white" stroke="#959595" stroke-width="2"/>
+<svg width="477" height="240" viewBox="0 0 477 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M497.766 238.379C494.331 238.379 491.037 237.357 488.609 235.539C486.18 233.721 484.816 231.254 484.816 228.683V168.083C484.816 165.511 486.18 163.045 488.609 161.227C491.037 159.408 494.331 158.387 497.766 158.387H518V76.6132H497.766C494.331 76.6132 491.037 75.5916 488.609 73.7733C486.18 71.9549 484.816 69.4887 484.816 66.9172V6.31718C484.816 3.74564 486.18 1.27943 488.609 -0.538925C491.037 -2.35728 494.331 -3.37882 497.766 -3.37882H518V-34H484.816V-13.0748C484.816 -10.5033 483.451 -8.03707 481.023 -6.21871C478.594 -4.40036 475.3 -3.37882 471.866 -3.37882H390.928C387.494 -3.37882 384.2 -4.40036 381.771 -6.21871C379.342 -8.03707 377.978 -10.5033 377.978 -13.0748V-34H271.141V-13.0748C271.141 -10.5033 269.776 -8.03707 267.348 -6.21871C264.919 -4.40036 261.625 -3.37882 258.191 -3.37882H177.253C173.819 -3.37882 170.525 -4.40036 168.096 -6.21871C165.667 -8.03707 164.303 -10.5033 164.303 -13.0748V-34H57.4656V-13.0748C57.4656 -10.5033 56.1012 -8.03707 53.6727 -6.21871C51.2441 -4.40036 47.9502 -3.37882 44.5156 -3.37882H0V77.504H44.5156C47.9502 77.504 51.2441 78.5255 53.6727 80.3439C56.1012 82.1622 57.4656 84.6285 57.4656 87.2V147.8C57.4656 150.372 56.1012 152.838 53.6727 154.656C51.2441 156.474 47.9502 157.496 44.5156 157.496H0V238.664H44.5156C47.9502 238.664 51.2441 239.685 53.6727 241.504C56.1012 243.322 57.4656 245.788 57.4656 248.36V269H164.303V248.36C164.303 245.788 165.667 243.322 168.096 241.504C170.525 239.685 173.819 238.664 177.253 238.664H258.191C261.625 238.664 264.919 239.685 267.348 241.504C269.776 243.322 271.141 245.788 271.141 248.36V269H377.978V248.36C377.978 245.788 379.342 243.322 381.771 241.504C384.2 239.685 387.494 238.664 390.928 238.664H471.866C475.3 238.664 478.594 239.685 481.023 241.504C483.451 243.322 484.816 245.788 484.816 248.36V269H518V238.379H497.766ZM271.141 6.31718C271.141 3.74564 272.505 1.27943 274.934 -0.538925C277.362 -2.35728 280.656 -3.37882 284.091 -3.37882H365.028C368.463 -3.37882 371.757 -2.35728 374.185 -0.538925C376.614 1.27943 377.978 3.74564 377.978 6.31718V66.9172C377.978 69.4887 376.614 71.9549 374.185 73.7733C371.757 75.5916 368.463 76.6132 365.028 76.6132H284.091C280.656 76.6132 277.362 75.5916 274.934 73.7733C272.505 71.9549 271.141 69.4887 271.141 66.9172V6.31718ZM57.4656 6.31718C57.4656 3.74564 58.83 1.27943 61.2586 -0.538925C63.6872 -2.35728 66.9811 -3.37882 70.4156 -3.37882H151.353C154.788 -3.37882 158.082 -2.35728 160.51 -0.538925C162.939 1.27943 164.303 3.74564 164.303 6.31718V66.9172C164.303 69.4887 162.939 71.9549 160.51 73.7733C158.082 75.5916 154.788 76.6132 151.353 76.6132H70.4156C66.9811 76.6132 63.6872 75.5916 61.2586 73.7733C58.83 71.9549 57.4656 69.4887 57.4656 66.9172V6.31718ZM164.303 228.683C164.303 231.254 162.939 233.721 160.51 235.539C158.082 237.357 154.788 238.379 151.353 238.379H70.4156C66.9811 238.379 63.6872 237.357 61.2586 235.539C58.83 233.721 57.4656 231.254 57.4656 228.683V168.083C57.4656 165.511 58.83 163.045 61.2586 161.227C63.6872 159.408 66.9811 158.387 70.4156 158.387H151.353C154.788 158.387 158.082 159.408 160.51 161.227C162.939 163.045 164.303 165.511 164.303 168.083V228.683ZM258.191 157.496H177.253C173.819 157.496 170.525 156.474 168.096 154.656C165.667 152.838 164.303 150.372 164.303 147.8V87.2C164.303 84.6285 165.667 82.1622 168.096 80.3439C170.525 78.5255 173.819 77.504 177.253 77.504H258.191C261.625 77.504 264.919 78.5255 267.348 80.3439C269.776 82.1622 271.141 84.6285 271.141 87.2V147.8C271.141 150.372 269.776 152.838 267.348 154.656C264.919 156.474 261.625 157.496 258.191 157.496ZM377.978 228.683C377.978 231.254 376.614 233.721 374.185 235.539C371.757 237.357 368.463 238.379 365.028 238.379H284.091C280.656 238.379 277.362 237.357 274.934 235.539C272.505 233.721 271.141 231.254 271.141 228.683V168.083C271.141 165.511 272.505 163.045 274.934 161.227C277.362 159.408 280.656 158.387 284.091 158.387H365.028C368.463 158.387 371.757 159.408 374.185 161.227C376.614 163.045 377.978 165.511 377.978 168.083V228.683ZM471.866 157.496H390.928C387.494 157.496 384.2 156.474 381.771 154.656C379.342 152.838 377.978 150.372 377.978 147.8V87.2C377.978 84.6285 379.342 82.1622 381.771 80.3439C384.2 78.5255 387.494 77.504 390.928 77.504H471.866C475.3 77.504 478.594 78.5255 481.023 80.3439C483.451 82.1622 484.816 84.6285 484.816 87.2V147.8C484.816 150.372 483.451 152.838 481.023 154.656C478.594 156.474 475.3 157.496 471.866 157.496Z" fill="url(#paint0_linear_78_345)"/>
 <defs>
-<linearGradient id="paint0_linear_78_328" x1="416.5" y1="117" x2="85.5" y2="117" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_78_345" x1="467.936" y1="117" x2="26.0335" y2="117" gradientUnits="userSpaceOnUse">
 <stop stop-color="white" stop-opacity="0.15"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
diff --git a/public/site/img/qq_code.jpg b/public/site/img/qq_code.jpg
new file mode 100644
index 000000000..a818329bf
Binary files /dev/null and b/public/site/img/qq_code.jpg differ
diff --git a/public/site/index.html b/public/site/index.html
index 90b06be24..8936fe41b 100644
--- a/public/site/index.html
+++ b/public/site/index.html
@@ -5,7 +5,7 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。">
-  <meta name="keywords" content="中国 Dootask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
+  <meta name="keywords" content="中国 DooTask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="shortcut icon" href="img/favicon.ico">
   <link rel="stylesheet" type="text/css" href="css/common.css">
@@ -18,16 +18,16 @@
     <header class="head">
       <div class="nav">
         <div class="nav-layout">
-          <a href="site/zh/index.html" class="logo">
-            <img id="logo" src="img/light/logo.svg" alt="DooTaskLogo">
+          <a href="./zh/index.html" class="logo">
+            <img id="logo" src="./img/light/logo.svg" alt="DooTaskLogo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
             <li class="nav-ul-item">
-              <a class="txt-4001620 txt nav-product" href="../site/zh/product.html">产品</a>
+              <a class="txt-4001620 txt nav-product" href="./zh/product.html">产品</a>
             </li>
             <li class="nav-ul-item">
-              <a class="txt-4001620 txt nav-solutions" href="../site/zh/solutions.html">解决方案</a>
+              <a class="txt-4001620 txt nav-solutions" href="./zh/solutions.html">解决方案</a>
             </li>
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
@@ -36,18 +36,18 @@
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
-                  <a class="txt-4001418 txt-sub" href="../site/zh/download.html">下载中心</a>
+                  <a class="txt-4001418 txt-sub" href="./zh/download.html">下载中心</a>
                 </li>
                 <li class="submenu-pop-item" onclick="changeMenu()">
-                  <a class="txt-4001418 txt-sub" href="../site/zh/help.html">帮助中心</a>
+                  <a class="txt-4001418 txt-sub" href="./zh/help.html">帮助中心</a>
                 </li>
               </ol>
             </li>
             <li class="nav-ul-item">
-              <a class="txt-4001620 txt nav-price" href="../site/zh/price.html">服务价格</a>
+              <a class="txt-4001620 txt nav-price" href="./zh/price.html">服务价格</a>
             </li>
             <li class="nav-ul-item">
-              <a class="txt-4001620 txt nav-about" href="../site/zh/about.html">关于我们</a>
+              <a class="txt-4001620 txt nav-about" href="./zh/about.html">关于我们</a>
             </li>
           </ul>
           <div class="nav-r">
@@ -70,13 +70,13 @@
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
               <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >开始使用</button>
+                <button class="btn btn-primary" >立即体验</button>
               </a>
             </span>
           </div>
@@ -100,7 +100,7 @@
             <h4 class="txt-4001830 topics-h4 mb-32">DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。</h4>
             <div class="flex-cc topics-btn">
               <span class="mr-24 get-started">
-                <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
+                <a href="file:///Users/mac-023/Downloads/site/zh/price.html" >
                   <button class="btn btn-primary mr-20">开始使用</button>
                 </a>
               </span>
@@ -118,7 +118,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="./site/zh/index.html" class="logo">
-          <img id="logo" src="img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="./img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -126,7 +126,7 @@
       <ul class="drawer-ul">
         <li class="drawer-item-t mb-16">
           <div class="drawer-item" onclick="closeDraweHandle()">
-            <a class="txt-4001620 txt" href="../site/zh/product.html">产品</a>
+            <a class="txt-4001620 txt" href="./zh/product.html">产品</a>
           </div>
           <div class="drawer-item" onclick="closeDraweHandle()">
             <a class="txt-4001620 txt" href="./site/zh/solutions.html">解决方案</a>
@@ -419,7 +419,7 @@
             <h1 class="collaboration-txt txt-5002835 mb-32">开启您的DooTask团队协作</h1>
             <div style="display: flex;">
               <span class="mr-24 get-started">
-                <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
+                <a href="file:///Users/mac-023/Downloads/site/zh/price.html" >
                   <button class="btn btn-gw mr-20">开始使用</button>
                 </a>
               </span>
@@ -434,7 +434,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="./site/zh/index.html" class="logo">
-              <img id="logo" src="img/light/logo.svg" alt="Dootask,Logo">
+              <img id="logo" src="img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">帮助团队有效地推进项目，使工作更轻松。</i>
@@ -445,16 +445,16 @@
                 <ol class="footer-r-ol">
                   <li class="footer-ol-item txt-5001624 mb-24">链接</li>
                   <li class="footer-ol-item mb-16">
-                    <a class="txt-4001624 txt" href="../site/zh/product.html">产品</a>
+                    <a class="txt-4001624 txt" href="./zh/product.html">产品</a>
                   </li>
                   <li class="footer-ol-item mb-16">
-                    <a class="txt-4001624 txt" href="../site/zh/solutions.html">解决方案</a>
+                    <a class="txt-4001624 txt" href="./zh/solutions.html">解决方案</a>
                   </li>
                   <li class="footer-ol-item mb-16">
-                    <a class="txt-4001624 txt" href="../site/zh/price.html">服务价格</a>
+                    <a class="txt-4001624 txt" href="./zh/price.html">服务价格</a>
                   </li>
                   <li class="footer-ol-item">
-                    <a class="txt-4001624 txt" href="../site/zh/about.html">关于我们</a>
+                    <a class="txt-4001624 txt" href="./zh/about.html">关于我们</a>
                   </li>
                 </ol>
               </li>
@@ -462,10 +462,10 @@
                 <ol class="footer-r-ol">
                   <li class="footer-ol-item txt-5001624 mb-24">支持</li>
                   <li class="footer-ol-item mb-16">
-                    <a class="txt-4001624 txt" href="../site/zh/download.html">下载中心</a>
+                    <a class="txt-4001624 txt" href="./zh/download.html">下载中心</a>
                   </li>
                   <li class="footer-ol-item">
-                    <a class="txt-4001624 txt" href="../site/zh/help.html">帮助中心</a>
+                    <a class="txt-4001624 txt" href="./zh/help.html">帮助中心</a>
                   </li>
                 </ol>
               </li>
@@ -482,7 +482,7 @@
                     <li class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ 群</i>
                       <div class="group_code">
-                        <img class="code-svg" id="home_code" src="img/light/home_code.svg" alt="群号：546574618">
+                        <img class="code-svg" id="home_code" src="img/qq_code.jpg" alt="群号：546574618">
                         <i class="group_num">群号：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
@@ -494,7 +494,7 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
diff --git a/public/site/js/common.js b/public/site/js/common.js
index 6e50fde31..e2d8d9e5e 100644
--- a/public/site/js/common.js
+++ b/public/site/js/common.js
@@ -17,7 +17,7 @@ const changeImageSrc = (img, src) => {
   const url = window.location.href   // 获取当前浏览器 URL
   if (imgDom.length > 0) {
     imgDom.forEach(item=>{
-      item.src = url.includes('site') ? `../../img/${src}` : `img/${src}`;
+      item.src = url.includes('site/i') ? `./img/${src}` : `../img/${src}`;
     })
   }
 };
@@ -55,7 +55,6 @@ function setTheme(theme) {
   changeImageSrc('#home_icon2', `${theme}/home_icon2.png`)
   changeImageSrc('#home_icon3', `${theme}/home_icon3.png`)
   changeImageSrc('#home_icon4', `${theme}/home_icon4.png`)
-  changeImageSrc('#home_code', `${theme}/home_code.svg`)
   changeImageSrc('#home_pic7', `${theme}/home_pic7.svg`)
   changeImageSrc('#home_pic7_768', `${theme}/home_pic7_768.svg`)
   changeImageSrc('#help_pic2', `${theme}/help_pic2.png`)
diff --git a/public/site/site/zh/about.html b/public/site/zh/about.html
similarity index 86%
rename from public/site/site/zh/about.html
rename to public/site/zh/about.html
index c6eef70a1..d2bb9816b 100644
--- a/public/site/site/zh/about.html
+++ b/public/site/zh/about.html
@@ -5,12 +5,12 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。">
-  <meta name="keywords" content="中国 Dootask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
+  <meta name="keywords" content="中国 DooTask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/about.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/about.css">
 </head>
 <body>
   <div class="BulletBox"></div>
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../zh/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 支持
-                <img src="../../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,25 +63,25 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="明亮主题">
+              <img src="../img/light.svg" alt="明亮主题">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="暗黑主题">
+              <img src="../img/drak.svg" alt="暗黑主题">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
               <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >开始使用</button>
+                <button class="btn btn-primary" >立即体验</button>
               </a>
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="菜单">
+            <img id="menuBtn" src="../img/menu.svg" alt="菜单">
           </div>
         </div>
       </div>
@@ -118,7 +118,7 @@
       <article class="company-profile">
         <div class="company-profile-con">
           <div class="company-profile-layout">
-            <img class="company-profile-l" id="about_pic1" src="../../img/light/about_pic1.png" alt="广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海">
+            <img class="company-profile-l" id="about_pic1" src="../img/light/about_pic1.png" alt="广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海">
             <div class="company-profile-r">
               <h1 class="txt-5004455 company-profile-h1 mb-80">
                 公司介绍
@@ -136,7 +136,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../zh/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -152,7 +152,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               支持
-              <img src="../../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
+              <img src="../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
             </i>
           </div>
           <ol class="drawer-active" id="support" style="display: none;">
@@ -174,7 +174,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               主题
-              <img src="../../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
+              <img src="../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
           <ol class="drawer-active" id="theme" style="display: none;">
@@ -188,7 +188,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               语言
-              <img src="../../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
+              <img src="../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
           <ol class="drawer-active" id="language" style="display: none;">
@@ -219,35 +219,35 @@
               <ul class="scenario-app-ul">
                 <li class="scenario-app-ul-item mb-32 about-animate-box" style="--delay: 0s;">
                   <i class="scenario-app-icon-bg mb-24">
-                    <img class="scenario-app-icon" src="../../img/about_icon7.svg" alt="边缘安全">
+                    <img class="scenario-app-icon" src="../img/about_icon7.svg" alt="边缘安全">
                   </i>
                   <h5 class="txt-5002025 scenario-app-h5 mb-16">边缘安全</h5>
                   <h6 class="txt-4001624 scenario-app-h6">HITOSEA下一代防火墙、入侵防御/入侵检测系统、云沙箱等产品为用户提供网络边界访问控制、深度攻击检测和APT攻击检测等全面的智能安全保护。</h6>
-                  <img class="scenario-app-ul-item-svg" src="../../img/01.svg" alt="HITOSEA下一代防火墙、入侵防御/入侵检测系统、云沙箱等产品为用户提供网络边界访问控制、深度攻击检测和APT攻击检测等全面的智能安全保护。">
+                  <img class="scenario-app-ul-item-svg" src="../img/01.svg" alt="HITOSEA下一代防火墙、入侵防御/入侵检测系统、云沙箱等产品为用户提供网络边界访问控制、深度攻击检测和APT攻击检测等全面的智能安全保护。">
                 </li>
                 <li class="scenario-app-ul-item mb-32 about-animate-box" style="--delay: 0.1s;">
                   <i class="scenario-app-icon-bg mb-24">
-                    <img class="scenario-app-icon" src="../../img/about_icon8.svg" alt="云安全">
+                    <img class="scenario-app-icon" src="../img/about_icon8.svg" alt="云安全">
                   </i>
                   <h5 class="txt-5002025 scenario-app-h5 mb-16">云安全</h5>
                   <h6 class="txt-4001624 scenario-app-h6">我们提供安全可靠的高防云服务器，解决了服务器面临的主要网络安全风险，缓解了因洪水攻击而导致的业务中断风险，满足了常规安全操作的需要。</h6>
-                  <img class="scenario-app-ul-item-svg" src="../../img/02.svg" alt="我们提供安全可靠的高防云服务器，解决了服务器面临的主要网络安全风险，缓解了因洪水攻击而导致的业务中断风险，满足了常规安全操作的需要。">
+                  <img class="scenario-app-ul-item-svg" src="../img/02.svg" alt="我们提供安全可靠的高防云服务器，解决了服务器面临的主要网络安全风险，缓解了因洪水攻击而导致的业务中断风险，满足了常规安全操作的需要。">
                 </li>
                 <li class="scenario-app-ul-item about-animate-box" style="--delay: 0.2s;">
                   <i class="scenario-app-icon-bg mb-24">
-                    <img class="scenario-app-icon" src="../../img/about_icon9.svg" alt="数据安全">
+                    <img class="scenario-app-icon" src="../img/about_icon9.svg" alt="数据安全">
                   </i>
                   <h5 class="txt-5002025 scenario-app-h5 mb-16">数据安全</h5>
                   <h6 class="txt-4001624 scenario-app-h6">数据库审计和数据泄漏保护系统可以保护敏感数据和文件，识别数据和监控操作，阻止内部和外部人员通过网络、电子邮件和其他渠道进行数据盗窃。</h6>
-                  <img class="scenario-app-ul-item-svg" src="../../img/03.svg" alt="数据库审计和数据泄漏保护系统可以保护敏感数据和文件，识别数据和监控操作，阻止内部和外部人员通过网络、电子邮件和其他渠道进行数据盗窃。">
+                  <img class="scenario-app-ul-item-svg" src="../img/03.svg" alt="数据库审计和数据泄漏保护系统可以保护敏感数据和文件，识别数据和监控操作，阻止内部和外部人员通过网络、电子邮件和其他渠道进行数据盗窃。">
                 </li>
                 <li class="scenario-app-ul-item about-animate-box" style="--delay: 0.3s;">
                   <i class="scenario-app-icon-bg mb-24">
-                    <img class="scenario-app-icon" src="../../img/about_icon10.svg" alt="内联网安全">
+                    <img class="scenario-app-icon" src="../img/about_icon10.svg" alt="内联网安全">
                   </i>
                   <h5 class="txt-5002025 scenario-app-h5 mb-16">内联网安全</h5>
                   <h6 class="txt-4001624 scenario-app-h6">网络应用防火墙和网络防篡改系统为应用系统提供了全面的安全保护，有效阻止了网络篡改和攻击等恶意行为的发生。</h6>
-                  <img class="scenario-app-ul-item-svg" src="../../img/04.svg" alt="网络应用防火墙和网络防篡改系统为应用系统提供了全面的安全保护，有效阻止了网络篡改和攻击等恶意行为的发生。">
+                  <img class="scenario-app-ul-item-svg" src="../img/04.svg" alt="网络应用防火墙和网络防篡改系统为应用系统提供了全面的安全保护，有效阻止了网络篡改和攻击等恶意行为的发生。">
                 </li>
               </ul>
             </div>
@@ -260,12 +260,12 @@
                 <h1 class="footer-t-h1 mb-56">我们希望听到您的意见</h1>
                 <h6 class="footer-t-h6 mb-56">对价格、计划或产品有疑问吗？请填写表格，我们将与您联系。</h6>
                 <div class="footer-t-contact mb-24">
-                  <img class="footer-t-contact-icon mr-12" src="../../img/about_icon1.svg" alt="联系手机,13471168831">
-                  <h6 class="footer-t-contact-h6">13471168831</h6>
+                  <img class="footer-t-contact-icon mr-12" src="../img/about_icon1.svg" alt="联系手机,13471168831">
+                  <h6 class="footer-t-contact-h6">0771-3164099</h6>
                 </div>
                 <div class="footer-t-contact">
-                  <img class="footer-t-contact-icon mr-12" src="../../img/about_icon2.svg" alt="邮箱,hitosea@gmail.com">
-                  <h6 class="footer-t-contact-h6">hitosea@gmail.com</h6>
+                  <img class="footer-t-contact-icon mr-12" src="../img/about_icon2.svg" alt="邮箱,service@hitosea.com">
+                  <h6 class="footer-t-contact-h6">hservice@hitosea.com</h6>
                 </div>
               </div>
               <form class="from">
@@ -300,7 +300,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../zh/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">帮助团队有效地推进项目，使工作更轻松。</i>
@@ -331,7 +331,7 @@
                     <a class="txt-4001624 txt" href="../zh/download.html">下载中心</a>
                   </li>
                   <li class="footer-ol-item">
-                    <a class="txt-4001624 txt" href="../zh/about.html">帮助中心</a>
+                    <a class="txt-4001624 txt" href="../zh/help.html">帮助中心</a>
                   </li>
                 </ol>
               </li>
@@ -348,7 +348,7 @@
                     <li class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ 群</i>
                       <div class="group_code">
-                        <img class="code-svg" id="home_code" src="../../img/light/home_code.svg" alt="群号：546574618">
+                        <img class="code-svg" id="home_code" src="../img/qq_code.jpg" alt="群号：546574618">
                         <i class="group_num">群号：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
@@ -360,14 +360,14 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
 <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.js"></script>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
   /* 数字滚动动画 */ 
   const companyYearEl = document.querySelector('.company-year');
diff --git a/public/site/site/zh/distribute.html b/public/site/zh/distribute.html
similarity index 85%
rename from public/site/site/zh/distribute.html
rename to public/site/zh/distribute.html
index a231bd382..578b0a031 100644
--- a/public/site/site/zh/distribute.html
+++ b/public/site/zh/distribute.html
@@ -5,25 +5,25 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。">
-  <meta name="keywords" content="中国 Dootask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
+  <meta name="keywords" content="中国 DooTask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-	<link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" href="../../css/distribution.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+	<link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" href="../css/distribution.css">
 </head>
 <body>
 	<main class="distrbution">
-		<img class="bg_fpic1" src="../../img/bg_fpic1.svg" alt="广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海">
-		<img class="bg_fpic2" src="../../img/bg_fpic2.svg" alt="广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海">
+		<img class="bg_fpic1" src="../img/bg_fpic1.svg" alt="广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海">
+		<img class="bg_fpic2" src="../img/bg_fpic2.svg" alt="广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海">
 		<section>
 			<div class="content">
 				<div class="layout" id="target">
-					<img class="icon1" src="../../img/logo_y.svg" alt="DooTask">
+					<img class="icon1" src="../img/logo_y.svg" alt="DooTask">
 					<div class="qr_code">
 						<i id="qrcode" style="width: 130px; height: 130px;display: inline-block;"></i>
 					</div>
 					<div class="name">
-						<img class="icon2" src="../../img/android_y.svg" alt="安卓,abdroid">
+						<img class="icon2" src="../img/android_y.svg" alt="安卓,abdroid">
 						<i class="">DooTask</i>
 					</div>
 					<div class="scan">
diff --git a/public/site/site/zh/download.html b/public/site/zh/download.html
similarity index 87%
rename from public/site/site/zh/download.html
rename to public/site/zh/download.html
index 1948c3c2c..bfbec4bc1 100644
--- a/public/site/site/zh/download.html
+++ b/public/site/zh/download.html
@@ -5,12 +5,12 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。">
-  <meta name="keywords" content="中国 Dootask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
+  <meta name="keywords" content="中国 DooTask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/download.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/download.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../zh/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 支持
-                <img src="../../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,25 +63,25 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="明亮主题">
+              <img src="../img/light.svg" alt="明亮主题">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="暗黑主题">
+              <img src="../img/drak.svg" alt="暗黑主题">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
               <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >开始使用</button>
+                <button class="btn btn-primary" >立即体验</button>
               </a>
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="菜单">
+            <img id="menuBtn" src="../img/menu.svg" alt="菜单">
           </div>
         </div>
       </div>
@@ -95,17 +95,17 @@
             <ul class="download-ul">
               <li class="download-ul-item dow-animate-box" style="--delay: 0s;" onmouseover='handleMouseover(0)' onmouseout='handleMouseout(0)'>
                 <a class="normal" href="https://apps.apple.com/cn/app/dootask/id1624855111">
-                  <img class="icon mb-8" src="../../img/dow_ios.svg" alt="ios">
+                  <img class="icon mb-8" src="../img/dow_ios.svg" alt="ios">
                   <i class="txt-4001624 txt">ios</i>
                 </a>
                 <div class="hover">
-                  <img class="qr-code mb-8" src="../../img/ios_code.png" alt="扫描下载,ios">
+                  <img class="qr-code mb-8" src="../img/ios_code.png" alt="扫描下载,ios">
                   <i class="txt-4001624 txt">扫描下载</i>
                 </div>
               </li>
               <li class="download-ul-item dow-animate-box" style="--delay: 0.1s;" onmouseover='handleMouseover(1)' onmouseout='handleMouseout(1)'>
                 <a class="normal" href="https://www.dootask.com/desktop/publish/latest?platform=android">
-                  <img class="icon mb-8" src="../../img/dow_android.svg" alt="Android">
+                  <img class="icon mb-8" src="../img/dow_android.svg" alt="Android">
                   <i class="txt-4001624 txt">Android</i>
                 </a>
                 <div class="hover">
@@ -115,7 +115,7 @@
               </li>
               <li class="download-ul-item dow-animate-box" style="--delay: 0.2s;" onmouseover='handleMouseover(2)' onmouseout='handleMouseout(2)'>
                 <div class="normal">
-                  <img class="icon mb-8" src="../../img/dow_mac.svg" alt="macOS">
+                  <img class="icon mb-8" src="../img/dow_mac.svg" alt="macOS">
                   <i class="txt-4001624 txt">macOS</i>
                 </div>
                 <div class="hover radius">
@@ -129,11 +129,11 @@
               </li>
               <li class="download-ul-item dow-animate-box" style="--delay: 0.3s;" onmouseover='handleMouseover(3)' onmouseout='handleMouseout(3)'>
                 <p class="normal">
-                  <img class="icon mb-8" src="../../img/dow_window.svg" alt="Windows">
+                  <img class="icon mb-8" src="../img/dow_window.svg" alt="Windows">
                   <i class="txt-4001624 txt">Windows</i>
                 </p>
                 <a class="hover radius" id="winx64Link" href="https://www.dootask.com/uploads/desktop/0.27.46/DooTask-v0.27.46-win-x64.exe">
-                  <img class="icon mb-8" src="../../img/dow_icon.svg" alt="Windows,下载">
+                  <img class="icon mb-8" src="../img/dow_icon.svg" alt="Windows,下载">
                   <i class="txt-4001624 txt">下载</i>
                 </a>
               </li>
@@ -146,7 +146,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../zh/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -162,7 +162,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               支持
-              <img src="../../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
+              <img src="../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
             </i>
           </div>
           <ol class="drawer-active" id="support" style="display: none;">
@@ -184,7 +184,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               主题
-              <img src="../../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
+              <img src="../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
           <ol class="drawer-active" id="theme" style="display: none;">
@@ -198,7 +198,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               语言
-              <img src="../../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
+              <img src="../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
           <ol class="drawer-active" id="language" style="display: none;">
@@ -231,13 +231,13 @@
                   <li>
                     <a href="../zh/log.html" class="more-item">
                       <h5 class="txt-4001624 more">更多日志</h5>
-                      <img class="icon" src="../../img/dow_arrow.svg" alt="更多日志">
+                      <img class="icon" src="../img/dow_arrow.svg" alt="更多日志">
                     </a>
                   </li>
                 </ul>
               </div>
               <div class="update-r">
-                <img class="update-r-svg" id="dow_pic1" src="../../img/light/zh_dow_pic1.png" alt="DooTask,下载中心">
+                <img class="update-r-svg" id="dow_pic1" src="../img/light/zh_dow_pic1.png" alt="DooTask,下载中心">
               </div>
             </div>
           </div>
@@ -250,7 +250,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../zh/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">帮助团队有效地推进项目，使工作更轻松。</i>
@@ -281,7 +281,7 @@
                     <a class="txt-4001624 txt" href="../zh/download.html">下载中心</a>
                   </li>
                   <li class="footer-ol-item">
-                    <a class="txt-4001624 txt" href="../zh/about.html">帮助中心</a>
+                    <a class="txt-4001624 txt" href="../zh/help.html">帮助中心</a>
                   </li>
                 </ol>
               </li>
@@ -298,7 +298,7 @@
                     <li class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ 群</i>
                       <div class="group_code">
-                        <img class="code-svg" id="home_code" src="../../img/light/home_code.svg" alt="群号：546574618">
+                        <img class="code-svg" id="home_code" src="../img/qq_code.jpg" alt="群号：546574618">
                         <i class="group_num">群号：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
@@ -310,14 +310,14 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
 <script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
   /* 下载应用的hover处理函数 */ 
 const download = document.querySelector('.download-ul');
diff --git a/public/site/site/zh/help.html b/public/site/zh/help.html
similarity index 91%
rename from public/site/site/zh/help.html
rename to public/site/zh/help.html
index 5eac49b20..566b9c4b8 100644
--- a/public/site/site/zh/help.html
+++ b/public/site/zh/help.html
@@ -5,12 +5,12 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。">
-  <meta name="keywords" content="中国 Dootask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
+  <meta name="keywords" content="中国 DooTask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/help.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/help.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../zh/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 支持
-                <img src="../../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,25 +63,25 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="明亮主题">
+              <img src="../img/light.svg" alt="明亮主题">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="暗黑主题">
+              <img src="../img/drak.svg" alt="暗黑主题">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
               <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >开始使用</button>
+                <button class="btn btn-primary" >立即体验</button>
               </a>
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="菜单">
+            <img id="menuBtn" src="../img/menu.svg" alt="菜单">
           </div>
         </div>
       </div>
@@ -90,7 +90,7 @@
     <div class="help-drawer">
       <div class="drawer-t mb-36">
         <a href="../zh/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeHelpDraweHandle()">✕</i>
@@ -184,7 +184,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../zh/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -200,7 +200,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               支持
-              <img src="../../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
+              <img src="../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
             </i>
           </div>
           <ol class="drawer-active" id="support" style="display: none;">
@@ -222,7 +222,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               主题
-              <img src="../../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
+              <img src="../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
           <ol class="drawer-active" id="theme" style="display: none;">
@@ -236,7 +236,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               语言
-              <img src="../../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
+              <img src="../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
           <ol class="drawer-active" id="language" style="display: none;">
@@ -262,7 +262,7 @@
         <article class="help">
           <div class="help-con">
             <div class="help-t-768" id="help-menu-btn">
-              <img class="help-t-prev" src="../../img/prev.svg" alt="帮助中心">
+              <img class="help-t-prev" src="../img/prev.svg" alt="帮助中心">
               <i class="help-t-tit">帮助中心</i>
             </div>
             <div class="help-layout">
@@ -358,8 +358,8 @@
               </div>
               <div class="help-r">
                 <div class="help-pic1 mb-36">
-                  <img id="help-pic1-svg" class="theme_light" src="../../img/light/help_pic11.svg" alt="刚开始使用DooTask？没问题，这本入门书是为你准备的!">
-                  <img id="help-pic1-svg" class="theme_dark" src="../../img/dark/help_pic11.svg" alt="刚开始使用DooTask？没问题，这本入门书是为你准备的!">
+                  <img id="help-pic1-svg" class="theme_light" src="../img/light/help_pic11.svg" alt="刚开始使用DooTask？没问题，这本入门书是为你准备的!">
+                  <img id="help-pic1-svg" class="theme_dark" src="../img/dark/help_pic11.svg" alt="刚开始使用DooTask？没问题，这本入门书是为你准备的!">
                   <div class="help-pic1-tips">
                     <h2 class="help-pic1-tips-h2 txt-6003652">用户手册</h2>
                     <h6 class="help-pic1-tips-h6 txt-4001624">刚开始使用DooTask？没问题，这本入门书是为你准备的!</h6>
@@ -373,7 +373,7 @@
                   <li class="r-ul-item mb-36">
                     <h4 class="txt-5002430 help-h4 mb-24">什么是任务管理？</h4>
                     <h6 class="txt-4001624 help-h6 mb-16">任务管理是对你的项目任务从开始到结束的各个阶段进行监控的过程。这涉及到为你的任务积极做出决定，以适应可能实时发生的变化，你的最终目标是成功完成你的任务。项目任务管理也意味着有效地管理任务的各个方面，如预算、时间、范围、资源、复现等。</h6>
-                    <img class="r-ul-item-pic1" id="help_pic2" src="../../img/light/help_pic2.png" alt="什么是任务管理？">
+                    <img class="r-ul-item-pic1" id="help_pic2" src="../img/light/help_pic2.png" alt="什么是任务管理？">
                   </li>
                   <li class="r-ul-item mb-36">
                     <h4 class="txt-5002430 help-h4 mb-24">如何管理任务？</h4>
@@ -381,7 +381,7 @@
                     <h6 class="txt-4001624 help-h6 mb-12"><i class="help-h6-bold">确定优先次序： </i>无论你用什么工具来管理你的任务，无论是简单的待办事项清单还是全面的项目任务管理工具，任务管理最重要的方面是确定优先次序。这有助于有效地完成所有涉及的任务，同时保持计划的约束。</h6>
                     <h6 class="txt-4001624 help-h6 mb-12"><i class="help-h6-bold">里程碑跟踪：</i>这项研究的结果还表明，建立明确的目标对于成功完成一个项目至关重要。虽然对于任务管理来说，最终的目标不是必须的，但定义里程碑有助于激励团队成功执行任务。</h6>
                     <h6 class="txt-4001624 help-h6 mb-16"><i class="help-h6-bold">日程管理：</i>确保你的任务能按时完成是对整个项目健康有影响的事情。通过估计所涉及的努力来分配正确的时间框架是这里的关键。</h6>
-                    <img class="r-ul-item-pic1" id="help_pic3" src="../../img/light/help_pic3.png" alt="如何管理任务？">
+                    <img class="r-ul-item-pic1" id="help_pic3" src="../img/light/help_pic3.png" alt="如何管理任务？">
                   </li>
                   <li class="r-ul-item mb-36">
                     <h4 class="txt-5002430 help-h4 mb-24">如何选择正确的任务管理软件？</h4>
@@ -400,7 +400,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../zh/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">帮助团队有效地推进项目，使工作更轻松。</i>
@@ -431,7 +431,7 @@
                     <a class="txt-4001624 txt" href="../zh/download.html">下载中心</a>
                   </li>
                   <li class="footer-ol-item">
-                    <a class="txt-4001624 txt" href="../zh/about.html">帮助中心</a>
+                    <a class="txt-4001624 txt" href="../zh/help.html">帮助中心</a>
                   </li>
                 </ol>
               </li>
@@ -448,7 +448,7 @@
                   <li class="footer-ol-item" id="qq_group">
                     <i class="txt-4001624 txt">QQ 群</i>
                     <div class="group_code">
-                      <img class="code-svg" id="home_code" src="../../img/light/home_code.svg" alt="群号：546574618">
+                      <img class="code-svg" id="home_code" src="../img/qq_code.jpg" alt="群号：546574618">
                       <i class="group_num">群号：546574618</i>
                       <i class="lower_triangle"></i>
                     </div>
@@ -460,13 +460,13 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
 const tabs = document.querySelector('.help-l-1920');
 const tabItems = tabs.querySelectorAll('.l-ul-item');
diff --git a/public/site/site/zh/index.html b/public/site/zh/index.html
similarity index 81%
rename from public/site/site/zh/index.html
rename to public/site/zh/index.html
index 335df95cb..35b601f3f 100644
--- a/public/site/site/zh/index.html
+++ b/public/site/zh/index.html
@@ -5,12 +5,12 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。">
-  <meta name="keywords" content="中国 Dootask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
+  <meta name="keywords" content="中国 DooTask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-  <link rel="stylesheet" type="text/css" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" type="text/css" href="../../css/home.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" type="text/css" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" type="text/css" href="../css/home.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../zh/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 支持
-                <img src="../../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,25 +63,25 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="明亮主题">
+              <img src="../img/light.svg" alt="明亮主题">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="暗黑主题">
+              <img src="../img/drak.svg" alt="暗黑主题">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
               <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >开始使用</button>
+                <button class="btn btn-primary" >立即体验</button>
               </a>
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="菜单">
+            <img id="menuBtn" src="../img/menu.svg" alt="菜单">
           </div>
         </div>
       </div>
@@ -100,7 +100,7 @@
             <h4 class="txt-4001830 topics-h4 mb-32">DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。</h4>
             <div class="flex-cc topics-btn">
               <span class="mr-24 get-started">
-                <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
+                <a href="file:///Users/mac-023/Downloads/site/zh/price.html" >
                   <button class="btn btn-primary mr-20">开始使用</button>
                 </a>
               </span>
@@ -108,7 +108,7 @@
             </div>
           </div>
           <div class="ten_img">
-            <img class="home-pic" id="home_pic" src="../../img/light/zh_home_pic1.png" alt="DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。">
+            <img class="home-pic" id="home_pic" src="../img/light/zh_home_pic1.png" alt="DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。">
           </div>
         </div>
       </div>
@@ -117,7 +117,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../zh/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -133,7 +133,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               支持
-              <img src="../../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
+              <img src="../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
             </i>
           </div>
           <ol class="drawer-active" id="support" style="display: none;">
@@ -155,7 +155,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               主题
-              <img src="../../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
+              <img src="../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
           <ol class="drawer-active" id="theme" style="display: none;">
@@ -169,7 +169,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               语言
-              <img src="../../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
+              <img src="../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
           <ol class="drawer-active" id="language" style="display: none;">
@@ -198,16 +198,16 @@
             <h1 class="companies-h1 txt-4003645">受到许多公司的信任</h1>
             <ul class="companies-ul">
               <li class="companies-ul-item">
-                <img id="home_icon1" src="../../img/light/home_icon1.png" alt="陕建集团">
+                <img id="home_icon1" src="../img/light/home_icon1.png" alt="陕建集团">
               </li>
               <li class="companies-ul-item">
-                <img id="home_icon2" src="../../img/light/home_icon2.png" alt="艾特科">
+                <img id="home_icon2" src="../img/light/home_icon2.png" alt="艾特科">
               </li>
               <li class="companies-ul-item">
-                <img id="home_icon3" src="../../img/light/home_icon3.png" alt="中国联通">
+                <img id="home_icon3" src="../img/light/home_icon3.png" alt="中国联通">
               </li>
               <li class="companies-ul-item">
-                <img id="home_icon4" src="../../img/light/home_icon4.png" alt="旗雲科技">
+                <img id="home_icon4" src="../img/light/home_icon4.png" alt="旗雲科技">
               </li>
             </ul>
           </div>
@@ -219,77 +219,77 @@
             <div class="card-con-layout">
               <ul class="card-ul">
                 <li class="card-ul-item active">
-                  <img class="icon" src="../../img/home_icon1.svg" alt="项目管理">
+                  <img class="icon" src="../img/home_icon1.svg" alt="项目管理">
                   <div class="card-ul-item-unfolded">
                     <h3 class="txt-5002025 card-ul-item-h3">项目管理</h3>
-                    <img class="arrows" src="../../img/vector.svg" alt="项目管理">
+                    <img class="arrows" src="../img/vector.svg" alt="项目管理">
                   </div>
                   <div class="card-ul-item-expand" >
                     <div class="card-ul-item-expand-tit">
                       <h3 class="txt-5002025 card-ul-item-h3">项目管理</h3>
-                      <img class="arrows" src="../../img/vector.svg" alt="支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。">
+                      <img class="arrows" src="../img/vector.svg" alt="支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。">
                     </div>
                     <i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。</i> 
                   </div>
                 </li>
                 <li class="card-ul-item">
-                  <img class="icon" src="../../img/home_icon2.svg" alt="团队协作">
+                  <img class="icon" src="../img/home_icon2.svg" alt="团队协作">
                   <div class="card-ul-item-unfolded">
                     <h3 class="txt-5002025 card-ul-item-h3">团队协作</h3>
-                    <img class="arrows" src="../../img/vector.svg" alt="团队协作">
+                    <img class="arrows" src="../img/vector.svg" alt="团队协作">
                   </div>
                   <div class="card-ul-item-expand">
                     <div class="card-ul-item-expand-tit">
                       <h3 class="txt-5002025 card-ul-item-h3">团队协作</h3>
-                      <img class="arrows" src="../../img/vector.svg" alt="提供丰富实用的在线文档协作工具，方便团队成员之间的沟通和协作，提高工作效率。">
+                      <img class="arrows" src="../img/vector.svg" alt="提供丰富实用的在线文档协作工具，方便团队成员之间的沟通和协作，提高工作效率。">
                     </div>
                     <i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">提供丰富实用的在线文档协作工具，方便团队成员之间的沟通和协作，提高工作效率。</i> 
                   </div>
                 </li>
                 <li class="card-ul-item">
-                  <img class="icon" src="../../img/home_icon3.svg" alt="任务协同">
+                  <img class="icon" src="../img/home_icon3.svg" alt="任务协同">
                   <div class="card-ul-item-unfolded">
                     <h3 class="txt-5002025 card-ul-item-h3">任务协同</h3>
-                    <img class="arrows" src="../../img/vector.svg" alt="任务协同">
+                    <img class="arrows" src="../img/vector.svg" alt="任务协同">
                   </div>
                   <div class="card-ul-item-expand">
                     <div class="card-ul-item-expand-tit">
                       <h3 class="txt-5002025 card-ul-item-h3">任务协同</h3>
-                      <img class="arrows" src="../../img/vector.svg" alt="以任务化的方式让团队的工作井井有条，保证团队协作的高效性和任务分工的明确性。">
+                      <img class="arrows" src="../img/vector.svg" alt="以任务化的方式让团队的工作井井有条，保证团队协作的高效性和任务分工的明确性。">
                     </div>
                     <i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">以任务化的方式让团队的工作井井有条，保证团队协作的高效性和任务分工的明确性。</i> 
                   </div>
                 </li>
                 <li class="card-ul-item">
-                  <img class="icon" src="../../img/home_icon4.svg" alt="绩效衡量">
+                  <img class="icon" src="../img/home_icon4.svg" alt="绩效衡量">
                   <div class="card-ul-item-unfolded">
                     <h3 class="txt-5002025 card-ul-item-h3">绩效衡量</h3>
-                    <img class="arrows" src="../../img/vector.svg" alt="绩效衡量">
+                    <img class="arrows" src="../img/vector.svg" alt="绩效衡量">
                   </div>
                   <div class="card-ul-item-expand">
                     <div class="card-ul-item-expand-tit">
                       <h3 class="txt-5002025 card-ul-item-h3">绩效衡量</h3>
-                      <img class="arrows" src="../../img/vector.svg" alt="建立可量化的评价标准，数据化呈现工作成效，凝聚核心人才。">
+                      <img class="arrows" src="../img/vector.svg" alt="建立可量化的评价标准，数据化呈现工作成效，凝聚核心人才。">
                     </div>
                     <i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">建立可量化的评价标准，数据化呈现工作成效，凝聚核心人才。</i> 
                   </div>
                 </li>
                 <li class="card-ul-item">
-                  <img class="icon" src="../../img/home_icon5.svg" alt="沟通汇报">
+                  <img class="icon" src="../img/home_icon5.svg" alt="沟通汇报">
                   <div class="card-ul-item-unfolded">
                     <h3 class="txt-5002025 card-ul-item-h3">沟通汇报</h3>
-                    <img class="arrows" src="../../img/vector.svg" alt="沟通汇报">
+                    <img class="arrows" src="../img/vector.svg" alt="沟通汇报">
                   </div>
                   <div class="card-ul-item-expand">
                     <div class="card-ul-item-expand-tit">
                       <h3 class="txt-5002025 card-ul-item-h3">沟通汇报</h3>
-                      <img class="arrows" src="../../img/vector.svg" alt="基于工作场景的即时通讯及共享，实现更好的团队沟通。">
+                      <img class="arrows" src="../img/vector.svg" alt="基于工作场景的即时通讯及共享，实现更好的团队沟通。">
                     </div>
                     <i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">基于工作场景的即时通讯及共享，实现更好的团队沟通。</i> 
                   </div>
                 </li>
               </ul>
-              <img class="card-pic" id="home_pic2" src="../../img/light/zh_home_pic2.png" alt="支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。">
+              <img class="card-pic" id="home_pic2" src="../img/light/zh_home_pic2.png" alt="支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。">
             </div>
           </div>
           <div class="card-con-768">
@@ -297,34 +297,34 @@
             <div class="card-con-layout">
               <ul class="card-768-ul">
                 <li style="width: 100%;">
-                  <img class="icon" src="../../img/home_icon1.svg" alt="项目管理">
+                  <img class="icon" src="../img/home_icon1.svg" alt="项目管理">
                   <h3 class="txt-5001822 card-ul-item-h3 mb-12">项目管理</h3>
                   <i class="txt-4001524 card-ul-item-txt mb-16">支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。</i> 
-                  <img class="card-pic mb-40" id="home_pic2" src="../../img/light/zh_home_pic2.png" alt="支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。">
+                  <img class="card-pic mb-40" id="home_pic2" src="../img/light/zh_home_pic2.png" alt="支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。">
                 </li>
                 <li style="width: 100%;">
-                  <img class="icon" src="../../img/home_icon2.svg" alt="团队协作">
+                  <img class="icon" src="../img/home_icon2.svg" alt="团队协作">
                   <h3 class="txt-5001822 card-ul-item-h3 mb-12">团队协作</h3>
                   <i class="txt-4001524 card-ul-item-txt mb-16">提供丰富实用的在线文档协作工具，方便团队成员之间的沟通和协作，提高工作效率。</i> 
-                  <img class="card-pic mb-40" id="home_pic3" src="../../img/light/zh_home_pic3.png" alt="提供丰富实用的在线文档协作工具，方便团队成员之间的沟通和协作，提高工作效率。">
+                  <img class="card-pic mb-40" id="home_pic3" src="../img/light/zh_home_pic3.png" alt="提供丰富实用的在线文档协作工具，方便团队成员之间的沟通和协作，提高工作效率。">
                 </li>
                 <li style="width: 100%;">
-                  <img class="icon" src="../../img/home_icon3.svg" alt="任务协同">
+                  <img class="icon" src="../img/home_icon3.svg" alt="任务协同">
                   <h3 class="txt-5001822 card-ul-item-h3 mb-12">任务协同</h3>
                   <i class="txt-4001524 card-ul-item-txt mb-16">以任务化的方式让团队的工作井井有条，保证团队协作的高效性和任务分工的明确性。</i> 
-                  <img class="card-pic mb-40" id="home_pic4" src="../../img/light/zh_home_pic4.png" alt="以任务化的方式让团队的工作井井有条，保证团队协作的高效性和任务分工的明确性。">
+                  <img class="card-pic mb-40" id="home_pic4" src="../img/light/zh_home_pic4.png" alt="以任务化的方式让团队的工作井井有条，保证团队协作的高效性和任务分工的明确性。">
                 </li>
                 <li style="width: 100%;">
-                  <img class="icon" src="../../img/home_icon4.svg" alt="绩效衡量">
+                  <img class="icon" src="../img/home_icon4.svg" alt="绩效衡量">
                   <h3 class="txt-5001822 card-ul-item-h3 mb-12">绩效衡量</h3>
                   <i class="txt-4001524 card-ul-item-txt mb-16">建立可量化的评价标准，数据化呈现工作成效，凝聚核心人才。</i> 
-                  <img class="card-pic mb-40" id="home_pic5" src="../../img/light/zh_home_pic5.png" alt="建立可量化的评价标准，数据化呈现工作成效，凝聚核心人才。">
+                  <img class="card-pic mb-40" id="home_pic5" src="../img/light/zh_home_pic5.png" alt="建立可量化的评价标准，数据化呈现工作成效，凝聚核心人才。">
                 </li>
                 <li style="width: 100%;">
-                  <img class="icon" src="../../img/home_icon5.svg" alt="沟通汇报">
+                  <img class="icon" src="../img/home_icon5.svg" alt="沟通汇报">
                   <h3 class="txt-5001822 card-ul-item-h3 mb-12">沟通汇报</h3>
                   <i class="txt-4001524 card-ul-item-txt mb-16">基于工作场景的即时通讯和分享，以实现更好的团队沟通。</i> 
-                  <img class="card-pic" id="home_pic6" src="../../img/light/zh_home_pic6.png" alt="基于工作场景的即时通讯和分享，以实现更好的团队沟通。">
+                  <img class="card-pic" id="home_pic6" src="../img/light/zh_home_pic6.png" alt="基于工作场景的即时通讯和分享，以实现更好的团队沟通。">
                 </li>
               </ul>
             </div>
@@ -372,7 +372,7 @@
             </ul>
           </div>
           <div class="choose-con-768">
-            <h1 class="txt-5004455 choose-con-tit">为什么选择我们<img class="arcs2" src="../../img/arcs.svg" alt="为什么选择我们"></h1>
+            <h1 class="txt-5004455 choose-con-tit">为什么选择我们<img class="arcs2" src="../img/arcs.svg" alt="为什么选择我们"></h1>
             <div class="choose-con-768-box">
               <ul class="choose-con-768-ul">
                 <li class="choose-con-768-item">
@@ -412,13 +412,13 @@
           </div>
         </article> 
         <article class="collaboration">
-          <img id="home_pic7" class="home_pic7" src="../../img/light/home_pic7.svg" alt="开启您的DooTask团队协作">
-          <img id="home_pic7_768" class="home_pic7_768" src="../../img/light/home_pic7_768.svg" alt="开启您的DooTask团队协作">
+          <img id="home_pic7" class="home_pic7" src="../img/light/home_pic7.svg" alt="开启您的DooTask团队协作">
+          <img id="home_pic7_768" class="home_pic7_768" src="../img/light/home_pic7_768.svg" alt="开启您的DooTask团队协作">
           <div class="collaboration-content collaboration-content-zh">
             <h1 class="collaboration-txt txt-5002835 mb-32">开启您的DooTask团队协作</h1>
             <div style="display: flex;">
               <span class="mr-24 get-started">
-                <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
+                <a href="file:///Users/mac-023/Downloads/site/zh/price.html" >
                   <button class="btn btn-gw mr-20">开始使用</button>
                 </a>
               </span>
@@ -433,7 +433,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../zh/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">帮助团队有效地推进项目，使工作更轻松。</i>
@@ -464,7 +464,7 @@
                     <a class="txt-4001624 txt" href="../zh/download.html">下载中心</a>
                   </li>
                   <li class="footer-ol-item">
-                    <a class="txt-4001624 txt" href="../zh/about.html">帮助中心</a>
+                    <a class="txt-4001624 txt" href="../zh/help.html">帮助中心</a>
                   </li>
                 </ol>
               </li>
@@ -481,7 +481,7 @@
                     <li class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ 群</i>
                       <div class="group_code">
-                        <img class="code-svg" id="home_code" src="../../img/light/home_code.svg" alt="群号：546574618">
+                        <img class="code-svg" id="home_code" src="../img/qq_code.jpg" alt="群号：546574618">
                         <i class="group_num">群号：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
@@ -493,13 +493,13 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
 /* 功能卡片切换函数 */ 
 const tabs = document.querySelector('.card-ul');
@@ -513,7 +513,7 @@ tabs.addEventListener('click', function (event) {
     // 切换激活状态
     for (let [index,value] of tabItems.entries()) {
       if(value === clickedItem){
-        funImg.setAttribute('src', `../../img/${theme?theme:'light'}/${lang}_home_pic${index+2}.png`)
+        funImg.setAttribute('src', `../img/${theme?theme:'light'}/${lang}_home_pic${index+2}.png`)
       }
       value.classList.toggle('active', value === clickedItem);
     }
diff --git a/public/site/site/zh/log.html b/public/site/zh/log.html
similarity index 89%
rename from public/site/site/zh/log.html
rename to public/site/zh/log.html
index 20ba75365..7b2d3a543 100644
--- a/public/site/site/zh/log.html
+++ b/public/site/zh/log.html
@@ -5,12 +5,12 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。">
-  <meta name="keywords" content="中国 Dootask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
+  <meta name="keywords" content="中国 DooTask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/log.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/log.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../zh/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 支持
-                <img src="../../img/vector.svg" alt="" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,25 +63,25 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="明亮主题">
+              <img src="../img/light.svg" alt="明亮主题">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="暗黑主题">
+              <img src="../img/drak.svg" alt="暗黑主题">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
               <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >开始使用</button>
+                <button class="btn btn-primary" >立即体验</button>
               </a>
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="菜单">
+            <img id="menuBtn" src="../img/menu.svg" alt="菜单">
           </div>
         </div>
       </div>
@@ -90,7 +90,7 @@
     <div class="logs-drawer">
       <div class="drawer-t mb-36">
         <a href="../zh/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeLogsDraweHandle()">✕</i>
@@ -102,7 +102,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../zh/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -118,7 +118,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               支持
-              <img src="../../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
+              <img src="../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
             </i>
           </div>
           <ol class="drawer-active" id="support" style="display: none;">
@@ -140,7 +140,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               主题
-              <img src="../../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
+              <img src="../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
           <ol class="drawer-active" id="theme" style="display: none;">
@@ -154,7 +154,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               语言
-              <img src="../../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
+              <img src="../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
           <ol class="drawer-active" id="language" style="display: none;">
@@ -180,7 +180,7 @@
         <article class="logs">
           <div class="logs-con">
             <div class="logs-t-768" id="menuBtn-logs">
-              <img class="logs-t-prev" src="../../img/prev.svg" alt="更新日志">
+              <img class="logs-t-prev" src="../img/prev.svg" alt="更新日志">
               <i class="logs-t-tit">更新日志</i>
             </div>
             <div class="logs-layout">
@@ -201,14 +201,14 @@
     <footer>
       <div class="footer-con">
         <div class="filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
 <script src="https://cdn.jsdelivr.net/npm/markdown-it/dist/markdown-it.min.js"></script>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
 const getItem = (key)=> {
   var record = JSON.parse(localStorage.getItem(key));
diff --git a/public/site/site/zh/price.html b/public/site/zh/price.html
similarity index 76%
rename from public/site/site/zh/price.html
rename to public/site/zh/price.html
index 28403e04d..54c9bc9d4 100644
--- a/public/site/site/zh/price.html
+++ b/public/site/zh/price.html
@@ -5,21 +5,35 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。">
-  <meta name="keywords" content="中国 Dootask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
+  <meta name="keywords" content="中国 DooTask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/price.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/price.css">
 </head>
 <body>
+  <div class="BulletBox1">
+    <div class="top">
+      <div class="name BulletBox1Name">联系我们</div>
+      <div class="close"></div>
+    </div>
+    <div class="content">
+      <p>如果有任何问题，欢迎使用以下方式与我们联系。</p>
+      <p>座机电话：0771-3164099</p>
+      <p>邮箱地址：service@hitosea.com</p>
+    </div>
+    <div class="bottom">
+      <div class="BulletBox1Btn">确定</div>
+    </div>
+  </div>
   <div id="layout">
     <!-- 页头区域 -->
     <header class="head price">
       <div class="nav">
         <div class="nav-layout">
           <a href="../zh/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +46,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 支持
-                <img src="../../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +66,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,25 +77,25 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="明亮主题">
+              <img src="../img/light.svg" alt="明亮主题">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="暗黑主题">
+              <img src="../img/drak.svg" alt="暗黑主题">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
               <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >开始使用</button>
+                <button class="btn btn-primary" >立即体验</button>
               </a>
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="菜单">
+            <img id="menuBtn" src="../img/menu.svg" alt="菜单">
           </div>
         </div>
       </div>
@@ -94,69 +108,69 @@
             <h4 class="txt-4001830 topics-h4 mb-64">根据你的企业的规模和需求，有不同的版本可供选择</h4>
             <ul class="price-card">
               <li class="price-card-item price-animate-box" style="--delay: 0s;">
-                <h4 class="txt-5002025 price-card-h4 mb-24">免费</h4>
+                <h4 class="txt-5002025 price-card-h4 mb-24">普通版</h4>
                 <div class="price-card-money mb-12">
                   <h2 class="txt-6003645 price-card-h2">¥0</h2>
                   <i class="txt-5001628 price-card-unit">/月</i>
                 </div>
-                <h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">最多3人</h6>
-                <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-green mb-24">开始使用</button> </a>
+                <h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">人数无限制</h6>
+                <a href="https://github.com/kuaifan/dootask/tree/v0.13.0"  target="_blank"> <button class="btn btn-green mb-24">开始使用</button> </a>
                 <ol class="price-card-ol">
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="支持私有化部署">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="支持私有化部署">
                     <h6 class="txt-4001624 price-card-h6">支持私有化部署</h6>
                   </li>
                 </ol>
               </li>
               <li class="price-card-item price-animate-box" style="--delay: 0.1s;">
-                <h4 class="txt-5002025 price-card-h4 mb-24">年度</h4>
+                <h4 class="txt-5002025 price-card-h4 mb-24">专业版</h4>
                 <div class="price-card-money mb-12">
-                  <h2 class="txt-6003645 price-card-h2">¥3,000</h2>
-                  <i class="txt-5001628 price-card-unit">/年</i>
+                  <h2 class="txt-6003645 price-card-h2">¥0</h2>
+                  <i class="txt-5001628 price-card-unit">/月</i>
                 </div>
-                <h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">人数无限制</h6>
-                <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-green mb-24">开始使用</button> </a>
+                <h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">最多3人</h6>
+                <a href="https://github.com/kuaifan/dootask/tree/pro"  target="_blank"> <button class="btn btn-green mb-24">开始使用</button> </a>
                 <ol class="price-card-ol">
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="支持私有化部署">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="支持私有化部署">
                     <h6 class="txt-4001624 price-card-h6">支持私有化部署</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="技术咨询服务">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="技术咨询服务">
                     <h6 class="txt-4001624 price-card-h6">技术咨询服务</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="24小时服务响应">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="24小时服务响应">
                     <h6 class="txt-4001624 price-card-h6">24小时服务响应</h6>
                   </li>
                 </ol>
               </li>
               <li class="price-card-item price-animate-box active" style="--delay: 0.2s;">
-                <h4 class="txt-5002025 price-card-h4 mb-24">终身<i class="rec-icon">Rec.</i></h4>
+                <h4 class="txt-5002025 price-card-h4 mb-24">专业版<i class="rec-icon">Rec.</i></h4>
                 <div class="price-card-money mb-12">
                   <h2 class="txt-6003645 price-card-h2">¥18,888</h2>
                 </div>
                 <h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">人数无限制</h6>
-                <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-green mb-24">开始使用</button> </a>
+                <button class="btn btn-green mb-24" onclick="showBox('联系我们')">联系我们</button>
                 <ol class="price-card-ol">
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="支持私有化部署">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="支持私有化部署">
                     <h6 class="txt-4001624 price-card-h6">支持私有化部署</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="技术咨询服务">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="技术咨询服务">
                     <h6 class="txt-4001624 price-card-h6">技术咨询服务</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="Logo定制">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Logo定制">
                     <h6 class="txt-4001624 price-card-h6">Logo定制</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="专属客户经理">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="专属客户经理">
                     <h6 class="txt-4001624 price-card-h6">专属客户经理</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="12小时服务响应">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="12小时服务响应">
                     <h6 class="txt-4001624 price-card-h6">12小时服务响应</h6>
                   </li>
                 </ol>
@@ -167,26 +181,26 @@
                   <h2 class="txt-6003645 price-card-h2">定制</h2>
                 </div>
                 <h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">人数无限制</h6>
-                <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-green mb-24">开始使用</button></a>
+                <button class="btn btn-green mb-24" onclick="showBox('定制咨询')">定制咨询</button>
                 <ol class="price-card-ol">
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="支持私有化部署">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="支持私有化部署">
                     <h6 class="txt-4001624 price-card-h6">支持私有化部署</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="技术咨询服务">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="技术咨询服务">
                     <h6 class="txt-4001624 price-card-h6">技术咨询服务</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="Logo定制">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Logo定制">
                     <h6 class="txt-4001624 price-card-h6">Logo定制</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="专属客户经理">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="专属客户经理">
                     <h6 class="txt-4001624 price-card-h6">专属客户经理</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="12小时服务响应">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="12小时服务响应">
                     <h6 class="txt-4001624 price-card-h6">12小时服务响应</h6>
                   </li>
                 </ol>
@@ -200,7 +214,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../zh/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -216,7 +230,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               支持
-              <img src="../../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
+              <img src="../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
             </i>
           </div>
           <ol class="drawer-active" id="support" style="display: none;">
@@ -238,7 +252,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               主题
-              <img src="../../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
+              <img src="../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
           <ol class="drawer-active" id="theme" style="display: none;">
@@ -252,7 +266,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               语言
-              <img src="../../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
+              <img src="../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
           <ol class="drawer-active" id="language" style="display: none;">
@@ -283,9 +297,9 @@
               <ul class="plans-ul-t">
                 <li class="plans-ul-t-item grid-4" style="padding: 20px 24px;">
                   <h4 class="txt-5002024 plans-ul-t-item-h4">特点</h4>
-                  <h4 class="txt-5002024 plans-ul-t-item-h4">免费</h4>
-                  <h4 class="txt-5002024 plans-ul-t-item-h4">年度</h4>
-                  <h4 class="txt-5002024 plans-ul-t-item-h4">终身</h4>
+                  <h4 class="txt-5002024 plans-ul-t-item-h4">专业版</h4>
+                  <h4 class="txt-5002024 plans-ul-t-item-h4">专业版</h4>
+                  <h4 class="txt-5002024 plans-ul-t-item-h4">定制版</h4>
                 </li>
                 <li class="plans-ul-t-item grid-4" style="padding: 32px 24px;">
                   <h4 class="txt-5001616 plans-ul-t-item-h4">定价</h4>
@@ -295,16 +309,7 @@
                       <i class="txt-5001628 price-card-unit">/月</i>
                     </div>
                     <span class="plans-ul-b-item-btn">
-                      <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-primary">开始使用</button> </a>
-                    </span>
-                  </div>
-                  <div class="plans-ul-t-item-h4">
-                    <div class="price-card-money mb-24">
-                      <h2 class="txt-6003645 price-card-h2">¥3,000</h2>
-                      <i class="txt-5001628 price-card-unit">/年</i>
-                    </div>
-                    <span class="plans-ul-b-item-btn">
-                      <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-primary">开始使用</button> </a>
+                      <a href="https://github.com/kuaifan/dootask/tree/pro"  target="_blank"> <button class="btn btn-primary">开始使用</button> </a>
                     </span>
                   </div>
                   <div class="plans-ul-t-item-h4">
@@ -312,7 +317,15 @@
                       <h2 class="txt-6003645 price-card-h2">¥18,888</h2>
                     </div>
                     <span class="plans-ul-b-item-btn">
-                      <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-primary">开始使用</button> </a>
+                      <button class="btn btn-primary" onclick="showBox('联系我们')">联系我们</button>
+                    </span>
+                  </div>
+                  <div class="plans-ul-t-item-h4">
+                    <div class="price-card-money mb-24">
+                      <h2 class="txt-6003645 price-card-h2">定制</h2>
+                    </div>
+                    <span class="plans-ul-b-item-btn">
+                      <button class="btn btn-primary" onclick="showBox('定制咨询')">定制咨询</button>
                     </span>
                   </div>
                 </li>
@@ -348,33 +361,33 @@
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">多视图展示（看板/日历/列表）</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">任务自定义字段</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务自定义字段">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务自定义字段">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务自定义字段">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务自定义字段">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务自定义字段">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务自定义字段">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">任务循环</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务循环">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务循环">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务循环">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务循环">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务循环">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务循环">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">任务映射</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务映射">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务映射">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务映射">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务映射">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务映射">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务映射">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">任务依赖性</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务依赖性">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务依赖性">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务依赖性">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务依赖性">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务依赖性">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务依赖性">
                     </li>
                   </ol>
                 </li>
@@ -385,27 +398,27 @@
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">项目进展</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目进展">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目进展">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目进展">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进展">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进展">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进展">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">项目模板</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目模板">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目模板">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目模板">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目模板">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目模板">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目模板">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">项目自定义视图</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目自定义视图">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目自定义视图">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目自定义视图">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目自定义视图">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目自定义视图">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目自定义视图">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">时间轴视图（甘特图）</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="时间轴视图（甘特图）">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="时间轴视图（甘特图）">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="时间轴视图（甘特图）">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="时间轴视图（甘特图）">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="时间轴视图（甘特图）">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="时间轴视图（甘特图）">
                     </li>
                   </ol>
                 </li>
@@ -413,17 +426,17 @@
                   <h4 class="plans-ul-t-item-h4"></h4>
                   <div class="plans-ul-t-item-h4">
                     <span class="plans-ul-b-item-btn">
-                      <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-primary">开始使用</button> </a>
+                      <a href="https://github.com/kuaifan/dootask/tree/pro"  target="_blank"> <button class="btn btn-primary">开始使用</button> </a>
                     </span>
                   </div>
                   <div class="plans-ul-t-item-h4">
                     <span class="plans-ul-b-item-btn">
-                      <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-primary">开始使用</button> </a>
+                      <button class="btn btn-primary" onclick="showBox('联系我们')">联系我们</button>
                     </span>
                   </div>
                   <div class="plans-ul-t-item-h4">
                     <span class="plans-ul-b-item-btn">
-                      <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-primary">开始使用</button></a>
+                      <button class="btn btn-primary" onclick="showBox('定制咨询')">定制咨询</button>
                     </span>
                   </div>
                 </li>
@@ -455,23 +468,23 @@
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">多视图展示（看板/日历/列表）</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">任务自定义字段</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务自定义字段">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务自定义字段">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">任务循环</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务循环">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务循环">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">任务映射</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务映射">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务映射">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">任务依赖性</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务依赖性">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务依赖性">
                       </div>
                     </li>
                     <li class="plans-ol-768-item">
@@ -480,19 +493,19 @@
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">项目进展</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目进展">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进展">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">项目模板</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目模板">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目模板">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">项目自定义视图</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目自定义视图">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目自定义视图">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">时间轴视图（甘特图）</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="时间轴视图（甘特图）">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="时间轴视图（甘特图）">
                       </div>
                     </li>
                     <div class="price-card-money mb-16">
@@ -530,23 +543,23 @@
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">多视图展示（看板/日历/列表）</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">任务自定义字段</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务自定义字段">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务自定义字段">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">任务循环</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务循环">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务循环">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">任务映射</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务映射">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务映射">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">任务依赖性</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务依赖性">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务依赖性">
                       </div>
                     </li>
                     <li class="plans-ol-768-item">
@@ -555,19 +568,19 @@
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">项目进展</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目进展">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进展">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">项目模板</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目模板">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目模板">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">项目自定义视图</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目自定义视图">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目自定义视图">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">时间轴视图（甘特图）</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="时间轴视图（甘特图）">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="时间轴视图（甘特图）">
                       </div>
                     </li>
                     <div class="price-card-money mb-16">
@@ -605,23 +618,23 @@
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">多视图展示（看板/日历/列表）</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">任务自定义字段</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务自定义字段">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务自定义字段">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">任务循环</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务循环">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务循环">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">任务映射</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务映射">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务映射">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">任务依赖性</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务依赖性">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务依赖性">
                       </div>
                     </li>
                     <li class="plans-ol-768-item">
@@ -630,19 +643,19 @@
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">项目进展</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目进展">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进展">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">项目模板</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目模板">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目模板">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">项目自定义视图</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目自定义视图">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目自定义视图">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">时间轴视图（甘特图）</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="时间轴视图（甘特图）">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="时间轴视图（甘特图）">
                       </div>
                     </li>
                     <div class="price-card-money mb-16">
@@ -665,7 +678,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../zh/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">帮助团队有效地推进项目，使工作更轻松。</i>
@@ -696,7 +709,7 @@
                     <a class="txt-4001624 txt" href="../zh/download.html">下载中心</a>
                   </li>
                   <li class="footer-ol-item">
-                    <a class="txt-4001624 txt" href="../zh/about.html">帮助中心</a>
+                    <a class="txt-4001624 txt" href="../zh/help.html">帮助中心</a>
                   </li>
                 </ol>
               </li>
@@ -713,7 +726,7 @@
                     <li class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ 群</i>
                       <div class="group_code">
-                        <img class="code-svg" id="home_code" src="../../img/light/home_code.svg" alt="群号：546574618">
+                        <img class="code-svg" id="home_code" src="../img/qq_code.jpg" alt="群号：546574618">
                         <i class="group_num">群号：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
@@ -725,15 +738,15 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
-  /* 价格卡片切换函数 */ 
+  /* 价格卡片切换函数 */
   const tabs = document.querySelector('.price-card');
   const tabItems = tabs.querySelectorAll('.price-card-item');
   tabs.addEventListener('click', function (event) {
@@ -753,5 +766,17 @@
       })
       timerId = null; // 执行完后将定时器置空
     }, 1200);
+  // 联系我们和定制咨询弹框
+  function showBox(text){
+    const box = document.querySelector('.BulletBox1')
+    box.style.display = 'block'
+    const name = document.querySelector('.BulletBox1Name')
+    name.innerHTML = text
+  }
+  document.querySelector('.BulletBox1Btn').addEventListener('click',function(){
+    console.log("aaaaa");
+    const box = document.querySelector('.BulletBox1')
+    box.style.display = 'none'
+  })
 </script>
-</html>
\ No newline at end of file
+</html>
diff --git a/public/site/site/zh/product.html b/public/site/zh/product.html
similarity index 82%
rename from public/site/site/zh/product.html
rename to public/site/zh/product.html
index b5cf57fba..4714d3c65 100644
--- a/public/site/site/zh/product.html
+++ b/public/site/zh/product.html
@@ -5,12 +5,12 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。">
-  <meta name="keywords" content="中国 Dootask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
+  <meta name="keywords" content="中国 DooTask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/product.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/product.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../zh/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 支持
-                <img src="../../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,25 +63,25 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="明亮主题">
+              <img src="../img/light.svg" alt="明亮主题">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="暗黑主题">
+              <img src="../img/drak.svg" alt="暗黑主题">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
               <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >开始使用</button>
+                <button class="btn btn-primary" >立即体验</button>
               </a>
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="菜单">
+            <img id="menuBtn" src="../img/menu.svg" alt="菜单">
           </div>
         </div>
       </div>
@@ -105,62 +105,62 @@
       <div class="prooduct-con">
         <ul class="prooduct-list">
           <i class="prev" onclick="prevHandle()">
-            <img src="../../img/prev.svg" alt="一个产品，多种强大的工具">
+            <img src="../img/prev.svg" alt="一个产品，多种强大的工具">
           </i>
           <!-- 2个item -->
           <li class="prooduct-list-item active top" style="--delay: 0s;">
-            <img class="icon first-icon" src="../../img/product_icons0_h.svg" alt="协同创作">
+            <img class="icon first-icon" src="../img/product_icons0_h.svg" alt="协同创作">
             <h3 class="txt-4002025 txt first-txt">协同创作</h3>
           </li>
           <!-- 4个item -->
           <li class="prooduct-list-item top"style="--delay: 0.1s;">
-            <img class="icon" src="../../img/product_icons1.svg" alt="即时沟通">
+            <img class="icon" src="../img/product_icons1.svg" alt="即时沟通">
             <h3 class="txt-4002025 txt">即时沟通</h3>
           </li>
           <!-- 4个item -->
           <li class="prooduct-list-item top"style="--delay: 0.2s;">
-            <img class="icon" src="../../img/product_icons2.svg" alt="项目管理">
+            <img class="icon" src="../img/product_icons2.svg" alt="项目管理">
             <h3 class="txt-4002025 txt">项目管理</h3>
           </li>
           <!-- 1个item -->
           <li class="prooduct-list-item top"style="--delay: 0.3s;">
-            <img class="icon" src="../../img/product_icons3.svg" alt="任务仪表盘">
+            <img class="icon" src="../img/product_icons3.svg" alt="任务仪表盘">
             <h3 class="txt-4002025 txt">任务仪表盘</h3>
           </li>
           <!-- 2个item -->
           <li class="prooduct-list-item top"style="--delay: 0.4s;">
-            <img class="icon" src="../../img/product_icons4.svg" alt="任务日历">
+            <img class="icon" src="../img/product_icons4.svg" alt="任务日历">
             <h3 class="txt-4002025 txt">任务日历</h3>
           </li>
           <!-- 2个item -->
           <li class="prooduct-list-item bot"style="--delay: 0.5s;">
-            <img class="icon" src="../../img/product_icons5.svg" alt="机器人助手">
+            <img class="icon" src="../img/product_icons5.svg" alt="机器人助手">
             <h3 class="txt-4002025 txt">机器人助手</h3>
           </li>
           <!-- 2个item -->
           <li class="prooduct-list-item bot"style="--delay: 0.6s;">
-            <img class="icon" src="../../img/product_icons6.svg" alt="团队管理">
+            <img class="icon" src="../img/product_icons6.svg" alt="团队管理">
             <h3 class="txt-4002025 txt">团队管理</h3>
           </li>
           <!-- 2个item -->
           <li class="prooduct-list-item bot"style="--delay: 0.7s;">
-            <img class="icon" src="../../img/product_icons7.svg" alt="端到端加密">
+            <img class="icon" src="../img/product_icons7.svg" alt="端到端加密">
             <h3 class="txt-4002025 txt">端到端加密</h3>
           </li>
           <!-- 1个item -->
           <li class="prooduct-list-item bot"style="--delay: 0.8s;">
-            <img class="icon" src="../../img/product_icons8.svg" alt="多平台应用">
+            <img class="icon" src="../img/product_icons8.svg" alt="多平台应用">
             <h3 class="txt-4002025 txt">多平台应用</h3>
           </li>
           <i class="next" onclick="nextHandle()">
-            <img src="../../img/next.svg" alt="一个产品，多种强大的工具">
+            <img src="../img/next.svg" alt="一个产品，多种强大的工具">
           </i>
         </ul>
         <ul class="prooduct-ul">
           <li class="details active">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic1.svg" alt="团队协作无界限,不再是文件孤岛">
-              <img class="pic theme_dark" src="../../img/dark/product_pic1.svg" alt="团队协作无界限,不再是文件孤岛">
+              <img class="pic theme_light" src="../img/light/product_pic1.svg" alt="团队协作无界限,不再是文件孤岛">
+              <img class="pic theme_dark" src="../img/dark/product_pic1.svg" alt="团队协作无界限,不再是文件孤岛">
               <ul class="details-ul">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -177,8 +177,8 @@
           </li>
           <li class="details">
             <div class="details-con details-con-item4">
-              <img class="pic theme_light" src="../../img/light/product_pic2.svg" alt="聚焦沟通高效交流,消息必达沟通无阻碍,云端同步查阅历史信息不受限,随时随地参会">
-              <img class="pic theme_dark" src="../../img/dark/product_pic2.svg" alt="聚焦沟通高效交流,消息必达沟通无阻碍,云端同步查阅历史信息不受限,随时随地参会">
+              <img class="pic theme_light" src="../img/light/product_pic2.svg" alt="聚焦沟通高效交流,消息必达沟通无阻碍,云端同步查阅历史信息不受限,随时随地参会">
+              <img class="pic theme_dark" src="../img/dark/product_pic2.svg" alt="聚焦沟通高效交流,消息必达沟通无阻碍,云端同步查阅历史信息不受限,随时随地参会">
               <ul class="details-ul item4">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -204,8 +204,8 @@
             </div>
             <ul class="details-ul-1280 item4-1280">
               <li class="details-ul-item mb-40">
-                <img class="pic theme_light" src="../../img/light/product_pic2.svg" alt="聚焦沟通高效交流,消息必达沟通无阻碍,云端同步查阅历史信息不受限,随时随地参会">
-                <img class="pic theme_dark" src="../../img/dark/product_pic2.svg" alt="聚焦沟通高效交流,消息必达沟通无阻碍,云端同步查阅历史信息不受限,随时随地参会">
+                <img class="pic theme_light" src="../img/light/product_pic2.svg" alt="聚焦沟通高效交流,消息必达沟通无阻碍,云端同步查阅历史信息不受限,随时随地参会">
+                <img class="pic theme_dark" src="../img/dark/product_pic2.svg" alt="聚焦沟通高效交流,消息必达沟通无阻碍,云端同步查阅历史信息不受限,随时随地参会">
               </li>
               <li class="details-ul-item mb-36">
                 <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -231,8 +231,8 @@
           </li>
           <li class="details">
             <div class="details-con details-con-item4">
-              <img class="pic theme_light" src="../../img/light/product_pic3.svg" alt="多样式管理模版,关联文件一键归档,项目化办公，行动可视化,动态管理，实时监控">
-              <img class="pic theme_dark" src="../../img/dark/product_pic3.svg" alt="多样式管理模版,关联文件一键归档,项目化办公，行动可视化,动态管理，实时监控">
+              <img class="pic theme_light" src="../img/light/product_pic3.svg" alt="多样式管理模版,关联文件一键归档,项目化办公，行动可视化,动态管理，实时监控">
+              <img class="pic theme_dark" src="../img/dark/product_pic3.svg" alt="多样式管理模版,关联文件一键归档,项目化办公，行动可视化,动态管理，实时监控">
               <ul class="details-ul item4">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -258,8 +258,8 @@
             </div>
             <ul class="details-ul-1280 item4-1280">
               <li class="details-ul-item mb-40">
-                <img class="pic theme_light" src="../../img/light/product_pic3.svg" alt="多样式管理模版,关联文件一键归档,项目化办公，行动可视化,动态管理，实时监控">
-                <img class="pic theme_dark" src="../../img/dark/product_pic3.svg" alt="多样式管理模版,关联文件一键归档,项目化办公，行动可视化,动态管理，实时监控">
+                <img class="pic theme_light" src="../img/light/product_pic3.svg" alt="多样式管理模版,关联文件一键归档,项目化办公，行动可视化,动态管理，实时监控">
+                <img class="pic theme_dark" src="../img/dark/product_pic3.svg" alt="多样式管理模版,关联文件一键归档,项目化办公，行动可视化,动态管理，实时监控">
               </li>
               <li class="details-ul-item mb-36">
                 <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -285,8 +285,8 @@
           </li>
           <li class="details">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic4.svg" alt="全面洞悉任务数据">
-              <img class="pic theme_dark" src="../../img/dark/product_pic4.svg" alt="全面洞悉任务数据">
+              <img class="pic theme_light" src="../img/light/product_pic4.svg" alt="全面洞悉任务数据">
+              <img class="pic theme_dark" src="../img/dark/product_pic4.svg" alt="全面洞悉任务数据">
               <ul class="details-ul">
                 <li class="details-ul-item" style="margin-bottom: 36px;">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -298,8 +298,8 @@
           </li>
           <li class="details">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic5.svg" alt="精准掌握时间进度,多款日历视图">
-              <img class="pic theme_dark" src="../../img/dark/product_pic5.svg" alt="精准掌握时间进度,多款日历视图">
+              <img class="pic theme_light" src="../img/light/product_pic5.svg" alt="精准掌握时间进度,多款日历视图">
+              <img class="pic theme_dark" src="../img/dark/product_pic5.svg" alt="精准掌握时间进度,多款日历视图">
               <ul class="details-ul">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -316,8 +316,8 @@
           </li>
           <li class="details">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic6.svg" alt="智能提示，让科技贴近生活">
-              <img class="pic theme_dark" src="../../img/dark/product_pic6.svg" alt="智能提示，让科技贴近生活">
+              <img class="pic theme_light" src="../img/light/product_pic6.svg" alt="智能提示，让科技贴近生活">
+              <img class="pic theme_dark" src="../img/dark/product_pic6.svg" alt="智能提示，让科技贴近生活">
               <ul class="details-ul">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -334,8 +334,8 @@
           </li>
           <li class="details">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic7.svg" alt="全面提升层级化组织效能,多功能协助企业管理团队">
-              <img class="pic theme_dark" src="../../img/dark/product_pic7.svg" alt="全面提升层级化组织效能,多功能协助企业管理团队">
+              <img class="pic theme_light" src="../img/light/product_pic7.svg" alt="全面提升层级化组织效能,多功能协助企业管理团队">
+              <img class="pic theme_dark" src="../img/dark/product_pic7.svg" alt="全面提升层级化组织效能,多功能协助企业管理团队">
               <ul class="details-ul">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -352,8 +352,8 @@
           </li>
           <li class="details">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic8.svg" alt="掌控加密密钥，保障安全可靠">
-              <img class="pic theme_dark" src="../../img/dark/product_pic8.svg" alt="数据分类加密，实现安全同步">
+              <img class="pic theme_light" src="../img/light/product_pic8.svg" alt="掌控加密密钥，保障安全可靠">
+              <img class="pic theme_dark" src="../img/dark/product_pic8.svg" alt="数据分类加密，实现安全同步">
               <ul class="details-ul">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -370,8 +370,8 @@
           </li>
           <li class="details">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic9.svg" alt="多平台应用">
-              <img class="pic theme_dark" src="../../img/dark/product_pic9.svg" alt="多平台应用">
+              <img class="pic theme_light" src="../img/light/product_pic9.svg" alt="多平台应用">
+              <img class="pic theme_dark" src="../img/dark/product_pic9.svg" alt="多平台应用">
               <ul class="details-ul">
                 <li class="details-ul-item">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -388,7 +388,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../zh/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -404,7 +404,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               支持
-              <img src="../../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
+              <img src="../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
             </i>
           </div>
           <ol class="drawer-active" id="support" style="display: none;">
@@ -426,7 +426,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               主题
-              <img src="../../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
+              <img src="../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
           <ol class="drawer-active" id="theme" style="display: none;">
@@ -440,7 +440,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               语言
-              <img src="../../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
+              <img src="../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
           <ol class="drawer-active" id="language" style="display: none;">
@@ -472,14 +472,14 @@
             <div class="manage-b mt-80">
               <ul class="manage-ul product-animate-box" style="--delay: 0s;">
                 <li class="manage-ul-item mb-32">
-                  <img class="manage-icon mr-16" src="../../img/product_subtract.svg" alt="考勤统计实时查看">
+                  <img class="manage-icon mr-16" src="../img/product_subtract.svg" alt="考勤统计实时查看">
                   <div class="manage-tit">
                     <h3 class="txt-5002025 manage-h3 mb-16">考勤统计实时查看</h3>
                     <h6 class="txt-4001624 manage-h6">随时随地查看出勤数据，记录每个团队成员的工作时间，包括上班时间、下班时间、加班时间等，在企业内部实现目标管理以及绩效管理；</h6>
                   </div>
                 </li>
                 <li class="manage-ul-item">
-                  <img class="manage-icon mr-16" src="../../img/product_subtract.svg" alt="极速打卡极致体验">
+                  <img class="manage-icon mr-16" src="../img/product_subtract.svg" alt="极速打卡极致体验">
                   <div class="manage-tit">
                     <h3 class="txt-5002025 manage-h3 mb-16">极速打卡极致体验</h3>
                     <h6 class="txt-4001624 manage-h6">系统识别并连接公司wifi自动打卡，告别排队以及打开手机操作，员工不再忘记打卡；</h6>
@@ -487,17 +487,17 @@
                 </li>
               </ul>
               <div class="manage-ul-item product-animate-box" style="--delay: 0.1s;">
-                <img class="manage-icon mr-16" src="../../img/product_subtract.svg" alt="考勤数据可视化分析">
+                <img class="manage-icon mr-16" src="../img/product_subtract.svg" alt="考勤数据可视化分析">
                 <div class="manage-tit">
                   <h3 class="txt-5002025 manage-h3 mb-16">考勤数据可视化分析</h3>
                   <h6 class="txt-4001624 manage-h6">统计每个团队成员的出勤率、迟到次数、早退次数、加班时长等相关数据，并生成可视化的统计图表。通过这些数据和图表，企业管理层可以深入了解团队成员的工作状况和工作效率，为后续的人事安排和绩效考核提供参考依据。</h6>
                 </div>
               </div>
               <div class="manage-svg product-animate-box" style="--delay: 0.2s;">
-                <img class="manage-bg theme_light" src="../../img/light/product_pic10.svg" alt="顺利打卡上班">
-                <img class="manage-bg theme_dark" src="../../img/dark/product_pic10.svg" alt="顺利打卡上班">
+                <img class="manage-bg theme_light" src="../img/light/product_pic10.svg" alt="顺利打卡上班">
+                <img class="manage-bg theme_dark" src="../img/dark/product_pic10.svg" alt="顺利打卡上班">
                 <div class="manage-tips">
-                  <img src="../../img/product_icon1.svg" alt="出勤签到">
+                  <img src="../img/product_icon1.svg" alt="出勤签到">
                   <i class="manage-tips-txt txt-4001822">顺利打卡上班</i>
                 </div>
                 <h2 class="manage-svg-h2 txt-6003652">出勤签到</h2>
@@ -508,8 +508,8 @@
         <article class="performance">
           <div class="performance-con">
             <h1 class="txt-5003645 performance-h1">数字化绩效</h1>
-            <img class="pic mt-80 theme_light"  src="../../img/light/zh_product_pic11.png" alt="数字化绩效">
-            <img class="pic mt-80 theme_dark"  src="../../img/dark/zh_product_pic11.png" alt="数字化绩效">
+            <img class="pic mt-80 theme_light"  src="../img/light/zh_product_pic11.png" alt="数字化绩效">
+            <img class="pic mt-80 theme_dark"  src="../img/dark/zh_product_pic11.png" alt="数字化绩效">
             <ul class="performance-ul">
               <li class="performance-ul-item product-animate-box2" style="--delay: 0s;">
                 <i class="icon mb-24"></i>
@@ -546,7 +546,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../zh/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">帮助团队有效地推进项目，使工作更轻松。</i>
@@ -577,7 +577,7 @@
                     <a class="txt-4001624 txt" href="../zh/download.html">下载中心</a>
                   </li>
                   <li class="footer-ol-item">
-                    <a class="txt-4001624 txt" href="../zh/about.html">帮助中心</a>
+                    <a class="txt-4001624 txt" href="../zh/help.html">帮助中心</a>
                   </li>
                 </ol>
               </li>
@@ -594,7 +594,7 @@
                     <li class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ 群</i>
                       <div class="group_code">
-                        <img class="code-svg" id="home_code" src="../../img/light/home_code.svg" alt="群号：546574618">
+                        <img class="code-svg" id="home_code" src="../img/qq_code.jpg" alt="群号：546574618">
                         <i class="group_num">群号：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
@@ -606,13 +606,13 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
   /* 产品卡片切换函数 */ 
   const tabs = document.querySelector('.prooduct-con');
@@ -629,14 +629,14 @@
       // 切换激活状态
       for (let [index,value] of tabItems.entries()) {
         if(value === clickedItem){
-          icons[index].setAttribute('src', `../../img/product_icons${index}_h.svg`)
+          icons[index].setAttribute('src', `../img/product_icons${index}_h.svg`)
           cardItems[index].classList.add('active');
           if(index != 0 || index != 8){
             cardItems[currentIndex].classList.remove('active');
           }
           currentIndex = index
         }else{
-          icons[index].setAttribute('src', `../../img/product_icons${index}.svg`)
+          icons[index].setAttribute('src', `../img/product_icons${index}.svg`)
         }
         value.classList.toggle('active', value === clickedItem);
       }
@@ -658,7 +658,7 @@
     if(currentIndex != 0) {
       currentIndex =  currentIndex - 1
       cardItems[currentIndex + 1].classList.remove('active');
-      firstIcon.setAttribute('src', `../../img/product_icons${currentIndex + 1}_h.svg`)
+      firstIcon.setAttribute('src', `../img/product_icons${currentIndex + 1}_h.svg`)
       firstTxt.innerHTML = productNameObj[currentIndex]
       cardItems[currentIndex].classList.add('active');
     }
@@ -667,7 +667,7 @@
     if(currentIndex != 8){
       currentIndex =  currentIndex + 1
       cardItems[currentIndex - 1].classList.remove('active');
-      firstIcon.setAttribute('src', `../../img/product_icons${currentIndex - 1}_h.svg`)
+      firstIcon.setAttribute('src', `../img/product_icons${currentIndex - 1}_h.svg`)
       firstTxt.innerHTML = productNameObj[currentIndex]
       cardItems[currentIndex].classList.add('active');
     }
diff --git a/public/site/site/zh/solutions.html b/public/site/zh/solutions.html
similarity index 87%
rename from public/site/site/zh/solutions.html
rename to public/site/zh/solutions.html
index 0d8e03b8a..29011badf 100644
--- a/public/site/site/zh/solutions.html
+++ b/public/site/zh/solutions.html
@@ -5,12 +5,12 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。">
-  <meta name="keywords" content="中国 Dootask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
+  <meta name="keywords" content="中国 DooTask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/solution.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/solution.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../zh/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 支持
-                <img src="../../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,25 +63,25 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="明亮主题">
+              <img src="../img/light.svg" alt="明亮主题">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="暗黑主题">
+              <img src="../img/drak.svg" alt="暗黑主题">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
               <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >开始使用</button>
+                <button class="btn btn-primary" >立即体验</button>
               </a>
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="菜单">
+            <img id="menuBtn" src="../img/menu.svg" alt="菜单">
           </div>
         </div>
       </div>
@@ -91,7 +91,7 @@
             <div class="topics-tit mb-32" style="width: auto !important;">
               <span class="txt-6007290 topics-h1">帮助您更好地进行协作</span>
             </div>
-            <h4 class="txt-4001830 topics-h4 mb-32" style="width: auto !important;">Dootask提供了一系列基于不同场景的解决方案，以便您可以快速开始与您的团队或部门合作</h4>
+            <h4 class="txt-4001830 topics-h4 mb-32" style="width: auto !important;">DooTask提供了一系列基于不同场景的解决方案，以便您可以快速开始与您的团队或部门合作</h4>
             <div class="flex-cc topics-btn">
               <span class="mr-24 get-started">
                 <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
@@ -107,7 +107,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../zh/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -123,7 +123,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               支持
-              <img src="../../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
+              <img src="../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
             </i>
           </div>
           <ol class="drawer-active" id="support" style="display: none;">
@@ -145,7 +145,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               主题
-              <img src="../../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
+              <img src="../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
           <ol class="drawer-active" id="theme" style="display: none;">
@@ -159,7 +159,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               语言
-              <img src="../../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
+              <img src="../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
           <ol class="drawer-active" id="language" style="display: none;">
@@ -194,28 +194,28 @@
               <ul class="app-ul mt-80">
                 <li class="app-ul-item mb-48">
                   <div class="app-bg-box">
-                    <img class="app-bg" id="solution_pic1" src="../../img/light/zh_solution_pic1.png" alt="项目管理">
+                    <img class="app-bg" id="solution_pic1" src="../img/light/zh_solution_pic1.png" alt="项目管理">
                   </div>
                   <h4 class="txt-5002025 app-h4 mb-16">项目管理</h4>
                   <h6 class="txt-4001624 app-h6">支持多种项目管理模式，如敏捷开发、水晶计划、看板等，适用于各种规模和类型的项目管理。用户可以使用DooTask里的项目管理工具，例如任务分配、进度跟踪、资源分配等来管理整个项目。</h6>
                 </li>
                 <li class="app-ul-item mb-48">
                   <div class="app-bg-box">
-                    <img class="app-bg" id="solution_pic2" src="../../img/light/zh_solution_pic2.png" alt="团队协作">
+                    <img class="app-bg" id="solution_pic2" src="../img/light/zh_solution_pic2.png" alt="团队协作">
                   </div>
                   <h4 class="txt-5002025 app-h4 mb-16">团队协作</h4>
                   <h6 class="txt-4001624 app-h6">DooTask的丰富实用的工具可以方便团队成员之间的沟通和协作，提高工作效率。例如，团队成员可以使用DooTask里的文档协作工具、在线思维导图、流程图等工具进行协作。</h6>
                 </li>
                 <li class="app-ul-item">
                   <div class="app-bg-box">
-                    <img class="app-bg" id="solution_pic3" src="../../img/light/zh_solution_pic3.png" alt="数据安全保护">
+                    <img class="app-bg" id="solution_pic3" src="../img/light/zh_solution_pic3.png" alt="数据安全保护">
                   </div>
                   <h4 class="txt-5002025 app-h4 mb-16">数据安全保护</h4>
                   <h6 class="txt-4001624 app-h6">DooTask在消息功能上使用非对称加密技术，确保用户的信息得到最大程度的保护。此外，它还提供了强大的权限管理系统，能够根据不同用户的角色和职责，灵活地设置他们在项目管理中的权限和操作范围。</h6>
                 </li>
                 <li class="app-ul-item">
                   <div class="app-bg-box">
-                    <img class="app-bg" id="solution_pic4" src="../../img/light/solution_pic4.png" alt="自由定制">
+                    <img class="app-bg" id="solution_pic4" src="../img/light/solution_pic4.png" alt="自由定制">
                   </div>
                   <h4 class="txt-5002025 app-h4 mb-16">自由定制</h4>
                   <h6 class="txt-4001624 app-h6">DooTask是一款完全开源的工具，用户可以自由修改和定制，避免了商业软件订阅费用带来的额外成本。</h6>
@@ -229,19 +229,19 @@
             <h1 class="txt-5004455 team-tit">团队运营</h1>
             <ul class="team-ul mt-80">
               <li class="team-ul-item team-ul-item-zh solutions-animate-box" style="--delay: 0s;">
-                <img class="team-icon mb-24" src="../../img/solution_icon1.svg" alt="公司管理">
+                <img class="team-icon mb-24" src="../img/solution_icon1.svg" alt="公司管理">
                 <h4 class="txt-5002025 app-h4 mb-16">公司管理</h4>
                 <h6 class="txt-4001624 app-h6">帮助企业对其公司目标，将目标、关键结果与个人工作连接，共同推动战略落地、目标达成；通过协同创作，共享企业各项工作的进度、完成状态、日程安排，促进信息流动，让全员获取项目关键信息，及时跟进，推动跨部门协作。</h6>
               </li>
               <li class="team-ul-item team-ul-item-zh solutions-animate-box" style="--delay: 0.1s;">
-                <img class="team-icon mb-24" src="../../img/solution_icon2.svg" alt="产品管理">
+                <img class="team-icon mb-24" src="../img/solution_icon2.svg" alt="产品管理">
                 <h4 class="txt-5002025 app-h4 mb-16">产品管理</h4>
                 <h6 class="txt-4001624 app-h6">自定义产品研发过程的工作流程，在不同阶段把任务分派不同角色，推动产品研发进程；
                   各完成项目及任务历史资料统一归档，方便随时调用或展开讨论，形成知识沉淀到复用的闭环。
                   </h6>
               </li>
               <li class="team-ul-item team-ul-item-zh solutions-animate-box" style="--delay: 0.2s;">
-                <img class="team-icon mb-24" src="../../img/solution_icon3.svg" alt="人事行政">
+                <img class="team-icon mb-24" src="../img/solution_icon3.svg" alt="人事行政">
                 <h4 class="txt-5002025 app-h4 mb-16">人事行政</h4>
                 <h6 class="txt-4001624 app-h6">通过数据可视化统计报表获取多维度企业数据，全面了解员工表现，让绩效评价更客观、公正；使用公告发布通知，安排公司活动，传递企业决策，便于塑造企业文化，让员工更有参与感。</h6>
               </li>
@@ -256,7 +256,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../zh/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">帮助团队有效地推进项目，使工作更轻松。</i>
@@ -287,7 +287,7 @@
                     <a class="txt-4001624 txt" href="../zh/download.html">下载中心</a>
                   </li>
                   <li class="footer-ol-item">
-                    <a class="txt-4001624 txt" href="../zh/about.html">帮助中心</a>
+                    <a class="txt-4001624 txt" href="../zh/help.html">帮助中心</a>
                   </li>
                 </ol>
               </li>
@@ -304,7 +304,7 @@
                     <li class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ 群</i>
                       <div class="group_code">
-                        <img class="code-svg" id="home_code" src="../../img/light/home_code.svg" alt="群号：546574618">
+                        <img class="code-svg" id="home_code" src="../img/qq_code.jpg" alt="群号：546574618">
                         <i class="group_num">群号：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
@@ -316,13 +316,13 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
   /* 滑动到可视区域执行动画 */ 
   const boxes = document.querySelectorAll('.solutions-animate-box');
diff --git a/resources/mobile b/resources/mobile
index c747f11bc..70f8cf414 160000
--- a/resources/mobile
+++ b/resources/mobile
@@ -1 +1 @@
-Subproject commit c747f11bca0cc5df308af599439ac264734b0bd3
+Subproject commit 70f8cf4149cbcd142d3bbc6304c850e7871c5c81