diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
index 79e19b1..b3717b9 100644
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -18,16 +18,77 @@ jobs:
   # This workflow contains jobs called "Build-Master" and "Build-Preview"
   Build-Main:
     if: ${{ github.ref == 'refs/heads/master' }}
-    uses: dynamsoft-docs/Docs-Template-Repo/.github/workflows/called-workflow-build-sync-production.yml@main
-    with:
-      doc-repo: label-recognition-docs
-      doc-url: label-recognition/docs/core
-    secrets: inherit
+    # The type of runner that the job will run on
+    runs-on: self-hosted
+
+    # Steps represent a sequence of tasks that will be executed as part of the job
+    steps:
+      # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it
+      #- uses: actions/checkout@v2
+
+      # Runs a set of commands using the runners shell
+      - name: Run a multi-line script
+        run: |
+          cd /home/ubuntu
+          [ -d DLRDocCore ] && rm -rf DLRDocCore
+          [ -d label-recognition-docs ] && rm -rf label-recognition-docs
+          [ -d Docs-Template-Repo-Preview ] && rm -rf Docs-Template-Repo-Preview
+          [ ! -d DLRDocCore ] && mkdir -p DLRDocCore
+          git clone --depth 1 https://github.com/dynamsoft-docs/label-recognition-docs.git label-recognition-docs
+          git clone --depth 1 --branch preview https://github.com/dynamsoft-docs/Docs-Template-Repo.git Docs-Template-Repo-Preview
+          cp -rfp ./label-recognition-docs/* ./DLRDocCore/
+          cp -rfp ./Docs-Template-Repo-Preview/* ./DLRDocCore/
+          cd DLRDocCore && bundle install && bundle exec jekyll build
+
+      - name: Sync files - Main Site
+        uses: SamKirkland/FTP-Deploy-Action@4.3.0
+        with:
+          server: ${{ secrets.FTP_DYNAMSOFT_LOCAL_SERVER }}
+          username: ${{ secrets.FTP_DYNAMSOFT_LOCAL_USER }}
+          password: ${{ secrets.FTP_DYNAMSOFT_LOCAL_PASSWORD }}
+          port: 21 
+          local-dir: /home/ubuntu/DLRDocCore/_site/
+          server-dir: /www.dynamsoft.com/label-recognition/docs/core/
+
+      - name: Trigger Webhook 
+        run: | 
+          curl -X POST -H "${{ secrets.WEBHOOK_USER }}" -H "${{ secrets.WEBHOOK_TOKEN }}" -H "Content-Type: application/json" -d "[\"/label-recognition/docs/core/*\"]" ${{ secrets.WEBHOOK_URL }}
+
 
   Build-Preview:
     if: ${{ github.ref == 'refs/heads/preview' }}
-    uses: dynamsoft-docs/Docs-Template-Repo/.github/workflows/called-workflow-build-sync-testing.yml@preview
-    with:
-      doc-repo: label-recognition-docs
-      doc-url: label-recognition/docs/core
-    secrets: inherit
+    # The type of runner that the job will run on
+    runs-on: self-hosted
+
+    # Steps represent a sequence of tasks that will be executed as part of the job
+    steps:
+      # Runs a set of commands using the runners shell
+      - name: clear space
+        run: |
+          cd /home/ubuntu 
+          [ -d DLRDocCorePreview ] && rm -rf DLRDocCorePreview
+          [ -d label-recognition-docs-core-preview ] && rm -rf label-recognition-docs-core-preview
+          [ -d Docs-Template-Repo-Preview ] && rm -rf Docs-Template-Repo-Preview
+          cd /home/ubuntu
+
+      - name: Build the site
+        run: |
+          cd /home/ubuntu
+          [ ! -d DLRDocCorePreview ] && mkdir -p DLRDocCorePreview
+          git clone --depth 1 --branch preview https://github.com/Dynamsoft-Docs/label-recognition-docs.git label-recognition-docs-core-preview
+          git clone --depth 1 --branch preview https://github.com/dynamsoft-docs/Docs-Template-Repo.git Docs-Template-Repo-Preview
+          cp -rfp ./label-recognition-docs-core-preview/* ./DLRDocCorePreview/
+          cp -rfp ./Docs-Template-Repo-Preview/* ./DLRDocCorePreview/
+          sed -i -e "1,3s/blob\/master$/blob\/preview/" \
+          -e "1,3s/blob\/main$/blob\/preview/" /home/ubuntu/DLRDocCorePreview/_config.yml
+          cd DLRDocCorePreview && bundle install && bundle exec jekyll build
+
+      - name: Sync files
+        uses: SamKirkland/FTP-Deploy-Action@4.3.0
+        with:
+          server: ${{ secrets.FTP_TEST_SITE_SERVER }}
+          username: ${{ secrets.FTP_TEST_SITE_USER }}
+          password: ${{ secrets.FTP_TEST_SITE_PASSWORD }}
+          port: 7500 
+          local-dir: /home/ubuntu/DLRDocCorePreview/_site/
+          server-dir: /www.dynamsoft.com/label-recognition/docs/core/
diff --git a/_config.yml b/_config.yml
index ccc7317..0ba2f4c 100644
--- a/_config.yml
+++ b/_config.yml
@@ -67,6 +67,11 @@ baseurl: "/label-recognition/docs/core"
 plugins:
   - jemoji
   - jekyll-sitemap
+  - jekyll-webp
+  - jekyll-relative-links
+  - jekyll-redirect-from
+  - jekyll-readme-index
+  - jekyll-seo-tag
 
 
 defaults:
diff --git a/_includes/dlrNav.html b/_includes/dlrNav.html
index cddcd61..70fefe3 100644
--- a/_includes/dlrNav.html
+++ b/_includes/dlrNav.html
@@ -1,17 +1,15 @@
 <style>
-    
-#cp-header .action-buttons { display: none; }
-#mdHeader { border-bottom: 0!important; }
-#sideBarCnt.sidebar-fixed { position: fixed; top: 88px; max-height: unset; }
-.rightSideMenu.rsm-fixed { position: fixed; top: 100px; }
-#docHead { top: 186px; }
-.productMenu .downloadBtn:hover { color: #ffffff!important; }
-.sideBar { padding-top: 77px; }
-@media (max-width: 1679px){
+  #cp-header .action-buttons { display: none; }
+  #mdHeader { border-bottom: 0!important; }
+  #sideBarCnt.sidebar-fixed { position: fixed; top: 88px; max-height: unset; }
+  .rightSideMenu.rsm-fixed { position: fixed; top: 100px; }
+  #docHead { top: 151px; }
+  .productMenu .downloadBtn:hover { color: #ffffff!important; }
+  @media (max-width: 1679px){
     #docHead {
-    top: 145px;
+      top: 145px;
     }
-}
+  }
 </style>
 
 <div id="LabelRecognizer" class="main">
diff --git a/_layouts/default-layout.html b/_layouts/default-layout.html
index 7796352..1473461 100644
--- a/_layouts/default-layout.html
+++ b/_layouts/default-layout.html
@@ -7,25 +7,14 @@
     {%- assign noTitleIndex = "noTitleIndex" -%}
 {%- endif -%}
 <body>
-    <div class="headWrapper">
-        {%- include page_header.html -%}
-    </div>
+    {% assign url = 'https://www.dynamsoft.com/shared/head/' %}
+    {% remote_include {{ url }} %}
+
     {%- include dlrNav.html -%}
     <div class="sideBarIcon"><i class="fa fa-list" style="margin-right: 5px;"></i> Table of contents</div>
     <div class="container" id="categoryMenuTree">
         <div class="row">
-            <div class="sideBar col-xs-12 col-md-3 hide-xs hide-sm">
-                <div id="sideBarCnt">
-                    <div class="docSearchPart" style="margin-top: 30px;">
-                        <input id="txtSearch" class="search" type="text">
-                    </div>
-                    <div class="mainPage">
-                        <ul id="fullTreeMenuListContainer" name="listLevel1">
-                        </ul>
-                    </div>
-                </div>
-            </div>
-            <div class="docContainer col-xs-12 col-md-9">
+            <main class="docContainer col-xs-12 col-md-9">
                 <div id="docHead" class="head row hide-xs hide-sm">
                     {%- include main-page-head.html -%}
                 </div>
@@ -59,7 +48,18 @@
                         <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
                     </div>
                 </div>
-            </div>
+            </main>
+            <aside class="sideBar col-xs-12 col-md-3 hide-xs hide-sm">
+                <div id="sideBarCnt">
+                    <div class="docSearchPart" style="margin-top: 30px;">
+                        <input id="txtSearch" class="search" type="text">
+                    </div>
+                    <nav class="mainPage">
+                        <ul id="fullTreeMenuListContainer" name="listLevel1">
+                        </ul>
+                    </nav>
+                </div>
+            </aside>
         </div>
     </div>
     <div class="history list" id="categoryMenuTree_history">
@@ -69,21 +69,14 @@
             </div>
         </div>
     </div>
-    <div id="footerWrapper">
+    <footer id="footerWrapper">
         {%- include page_footer.html -%}
-    </div>
+    </footer>
 
     <iframe id="sideBarIframe" src="{{site.firstLevelUrl}}/Hide_Tree_Page.html" allow="" height="0" frameborder="0"></iframe>
     <script type="text/javascript">
         anchors.add();
-    </script>
-
-
-    <script type="text/javascript">
         UrlReplace();
-    </script>
-
-    <script type="text/javascript">
         FullTreeMenuList('{{page.needAutoGenerateSidebar}}', '{{page.needGenerateH3Content}}', '{{page.pageStartVer}}', '{{site.useVersionTree}}');
     </script>
 
diff --git a/_layouts/home-page.html b/_layouts/home-page.html
index a3a268e..89aa900 100644
--- a/_layouts/home-page.html
+++ b/_layouts/home-page.html
@@ -17,9 +17,9 @@
 </style>
 
 <body>
-    <div class="headWrapper">
-        {%- include page_header.html -%}
-    </div>
+    {% assign url = 'https://www.dynamsoft.com/shared/head/' %}
+    {% remote_include {{ url }} %}
+
     <div class="markdown-body homepageContainer container">
         <div class="row">
             <div class="col-xs-12 col-md-10 col-md-offset-1 col-xl-8 col-xl-offset-2">
diff --git a/_layouts/search-page.html b/_layouts/search-page.html
index cff46ea..e7b1ac5 100644
--- a/_layouts/search-page.html
+++ b/_layouts/search-page.html
@@ -108,9 +108,9 @@
   }
 </style>
 <body>
-    <div class="headWrapper">
-        {%- include page_header.html -%}
-    </div>
+    {% assign url = 'https://www.dynamsoft.com/shared/head/' %}
+    {% remote_include {{ url }} %}
+
     <div class="subHeadWrapper">
         <div id="DLRMenu" class="productMenu">
             <div class="container pcProductMenu">
@@ -306,6 +306,57 @@ <h1>Search</h1>
           }
       })
 
+      $("body").delegate("#searchResult .gsc-resultsRoot a.gs-title", "click", function(e) {
+        e.preventDefault();
+        
+        var link = $(this).eq(0).data("ctorig")
+        if (link.indexOf("capture-vision/docs") > 0) {
+            var repoType = getRepoType("core", link);
+            if (link.indexOf("?") > 0) {
+                var arr = link.split("?")
+                if(arr[1].indexOf("#") > 0) {
+                    var subArr = arr[1].split("#")
+                    link = link +"?product=dlr&repoType="+ repoType +"&" + arr[1]
+                } else {
+                    link = link + "&product=dlr&repoType=" + repoType
+                }
+            } else {
+                link = link + "?product=dlr&repoType=" + repoType
+            }
+        }
+        window.location.href = link
+      });
+
+      function getRepoType(defaultValue, link) {
+        var lang = getCurrentUrlLang(link, true)
+        var repoType = defaultValue
+        if (lang) {
+            if (lang == 'android' || lang == 'objectivec-swift') {
+                repoType = "mobile"
+            } else if (lang == 'javascript') {
+                repoType = "web"
+            } else if (lang == 'cplusplus' || lang == 'c' || lang == 'java' || lang == 'dotnet') {
+                repoType = "server"
+            } else {
+                repoType = "core"
+            }
+        } else {
+            if(link.indexOf("/docs/server/") > 0) {
+                repoType = "server"
+            }
+            if (link.indexOf("/docs/core/") > 0) {
+                repoType = "core"
+            }
+            if (link.indexOf("/docs/mobile") > 0) {
+                repoType = "mobile"
+            }
+            if (link.indexOf("/docs/web/") > 0) {
+                repoType = "web"
+            }
+        }
+        return repoType
+      }
+
   </script>
 
     {%- include livehelp.html -%}
diff --git a/introduction/index.md b/introduction/index.md
index 24979da..57fc25d 100644
--- a/introduction/index.md
+++ b/introduction/index.md
@@ -9,7 +9,7 @@ noTitleIndex: true
 
 # Overview of Dynamsoft Label Recognizer
 
-Dynamsoft Label Recognizer (DLR) is an SDK designed to recognize meaningful zonal text or symbols in an image (or a 'Label' in this context). Some common scenarios where a component like DLR can prove handy include price tags in supermarkets, inventory labels in warehouses, VIN codes on car windshields, driver licenses, ID cards, and more.
+Dynamsoft Label Recognizer (DLR) is a data capture SDK designed to recognize meaningful zonal text or symbols in an image (or a 'Label' in this context). Some common scenarios where a component like DLR can prove handy include passport MRZ, ID cards, price tags in supermarkets, inventory labels in warehouses, VIN codes on car windshields, driver licenses, and more.
 
 DLR powers your software development through the following aspects:
 
@@ -21,6 +21,11 @@ DLR powers your software development through the following aspects:
 
 With DLR, you can create customizable text detection and recognition software with enterprise-grade performance to meet your business needs.
 
+Getting started with Dynamsoft Label Recognizer:
+- [JavaScript](https://www.dynamsoft.com/label-recognition/docs/web/programming/javascript/)
+- [Android](https://www.dynamsoft.com/label-recognition/docs/mobile/programming/android/) | [iOS](https://www.dynamsoft.com/label-recognition/docs/mobile/programming/objectivec-swift/)
+- [Java](https://www.dynamsoft.com/label-recognition/docs/server/programming/java/) | [.NET](https://www.dynamsoft.com/label-recognition/docs/server/programming/dotnet/) | [C++](https://www.dynamsoft.com/label-recognition/docs/server/programming/cplusplus/)
+
 ## Key Features
 
 ### Reference Region