diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index 74bba72..b35bb6a 100755
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@@ -580,6 +580,9 @@ <h6 style="margin-bottom: 0px;">
                 <li>
                   <a href="{{ site.url }}{{ site.baseurl }}{% link index.md %}#training-video">Training video</a>
                 </li>
+                <li>
+                  <a href="{{ site.url }}{{ site.baseurl }}{% link index.md %}#app-video">AI Applications video</a>
+                </li>
               </ul>
             </details>
             <br class="br-nsp">
diff --git a/docs/_site/404.html b/docs/_site/404.html
index 94d225d..da75c76 100755
--- a/docs/_site/404.html
+++ b/docs/_site/404.html
@@ -33,7 +33,7 @@
 {"@context":"https://schema.org","@type":"WebPage","dateModified":"2023-04-20T11:18:09+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/404.html"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="assets/css/style.css?v=42bc0a88c82157c3258abbb3685cc8bd7cf26d49">
+    <link rel="stylesheet" href="assets/css/style.css?v=162493a069d3e4566422bc5b857e27d6cfb33409">
     <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
@@ -602,6 +602,9 @@ <h6 style="margin-bottom: 0px;">
                 <li>
                   <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#training-video">Training video</a>
                 </li>
+                <li>
+                  <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#app-video">AI Applications video</a>
+                </li>
               </ul>
             </details>
             <br class="br-nsp">
diff --git a/docs/_site/RZV2L_board_setup_e2studio.html b/docs/_site/RZV2L_board_setup_e2studio.html
index b14f291..c264bcf 100755
--- a/docs/_site/RZV2L_board_setup_e2studio.html
+++ b/docs/_site/RZV2L_board_setup_e2studio.html
@@ -33,7 +33,7 @@
 {"@context":"https://schema.org","@type":"WebPage","dateModified":"2023-12-11T19:09:38+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/RZV2L_board_setup_e2studio.html"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="assets/css/style.css?v=42bc0a88c82157c3258abbb3685cc8bd7cf26d49">
+    <link rel="stylesheet" href="assets/css/style.css?v=162493a069d3e4566422bc5b857e27d6cfb33409">
     <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
diff --git a/docs/_site/about-applications.html b/docs/_site/about-applications.html
index 3920bbb..cae6b63 100755
--- a/docs/_site/about-applications.html
+++ b/docs/_site/about-applications.html
@@ -33,7 +33,7 @@
 {"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-10-31T18:18:23+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/about-applications.html"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="assets/css/style.css?v=42bc0a88c82157c3258abbb3685cc8bd7cf26d49">
+    <link rel="stylesheet" href="assets/css/style.css?v=162493a069d3e4566422bc5b857e27d6cfb33409">
     <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
@@ -602,6 +602,9 @@ <h6 style="margin-bottom: 0px;">
                 <li>
                   <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#training-video">Training video</a>
                 </li>
+                <li>
+                  <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#app-video">AI Applications video</a>
+                </li>
               </ul>
             </details>
             <br class="br-nsp">
diff --git a/docs/_site/ai-sdk.html b/docs/_site/ai-sdk.html
index 97420b9..edf03c2 100755
--- a/docs/_site/ai-sdk.html
+++ b/docs/_site/ai-sdk.html
@@ -33,7 +33,7 @@
 {"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-10-31T18:18:23+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/ai-sdk.html"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="assets/css/style.css?v=42bc0a88c82157c3258abbb3685cc8bd7cf26d49">
+    <link rel="stylesheet" href="assets/css/style.css?v=162493a069d3e4566422bc5b857e27d6cfb33409">
     <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
@@ -602,6 +602,9 @@ <h6 style="margin-bottom: 0px;">
                 <li>
                   <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#training-video">Training video</a>
                 </li>
+                <li>
+                  <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#app-video">AI Applications video</a>
+                </li>
               </ul>
             </details>
             <br class="br-nsp">
diff --git a/docs/_site/ainavi_appendix.html b/docs/_site/ainavi_appendix.html
index 2e76c53..4a3d23a 100755
--- a/docs/_site/ainavi_appendix.html
+++ b/docs/_site/ainavi_appendix.html
@@ -33,7 +33,7 @@
 {"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-10-11T11:03:29+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/ainavi_appendix.html"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="assets/css/style.css?v=42bc0a88c82157c3258abbb3685cc8bd7cf26d49">
+    <link rel="stylesheet" href="assets/css/style.css?v=162493a069d3e4566422bc5b857e27d6cfb33409">
     <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
@@ -602,6 +602,9 @@ <h6 style="margin-bottom: 0px;">
                 <li>
                   <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#training-video">Training video</a>
                 </li>
+                <li>
+                  <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#app-video">AI Applications video</a>
+                </li>
               </ul>
             </details>
             <br class="br-nsp">
diff --git a/docs/_site/ainavi_quick_start_guide.html b/docs/_site/ainavi_quick_start_guide.html
index 7cbfdb7..8c71844 100755
--- a/docs/_site/ainavi_quick_start_guide.html
+++ b/docs/_site/ainavi_quick_start_guide.html
@@ -33,7 +33,7 @@
 {"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-10-11T11:03:29+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/ainavi_quick_start_guide.html"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="assets/css/style.css?v=42bc0a88c82157c3258abbb3685cc8bd7cf26d49">
+    <link rel="stylesheet" href="assets/css/style.css?v=162493a069d3e4566422bc5b857e27d6cfb33409">
     <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
@@ -602,6 +602,9 @@ <h6 style="margin-bottom: 0px;">
                 <li>
                   <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#training-video">Training video</a>
                 </li>
+                <li>
+                  <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#app-video">AI Applications video</a>
+                </li>
               </ul>
             </details>
             <br class="br-nsp">
diff --git a/docs/_site/appendix.html b/docs/_site/appendix.html
index f80268c..1c171e7 100755
--- a/docs/_site/appendix.html
+++ b/docs/_site/appendix.html
@@ -30,10 +30,10 @@
 <meta name="twitter:card" content="summary" />
 <meta property="twitter:title" content="Renesas RZ/V AI" />
 <script type="application/ld+json">
-{"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-10-31T18:18:23+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/appendix.html"}</script>
+{"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-12-06T13:47:49+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/appendix.html"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="assets/css/style.css?v=42bc0a88c82157c3258abbb3685cc8bd7cf26d49">
+    <link rel="stylesheet" href="assets/css/style.css?v=162493a069d3e4566422bc5b857e27d6cfb33409">
     <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
@@ -602,6 +602,9 @@ <h6 style="margin-bottom: 0px;">
                 <li>
                   <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#training-video">Training video</a>
                 </li>
+                <li>
+                  <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#app-video">AI Applications video</a>
+                </li>
               </ul>
             </details>
             <br class="br-nsp">
diff --git a/docs/_site/applications.html b/docs/_site/applications.html
index b05aa31..ddf82d9 100755
--- a/docs/_site/applications.html
+++ b/docs/_site/applications.html
@@ -33,7 +33,7 @@
 {"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-11-12T15:08:23+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/applications.html"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="assets/css/style.css?v=42bc0a88c82157c3258abbb3685cc8bd7cf26d49">
+    <link rel="stylesheet" href="assets/css/style.css?v=162493a069d3e4566422bc5b857e27d6cfb33409">
     <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
@@ -602,6 +602,9 @@ <h6 style="margin-bottom: 0px;">
                 <li>
                   <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#training-video">Training video</a>
                 </li>
+                <li>
+                  <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#app-video">AI Applications video</a>
+                </li>
               </ul>
             </details>
             <br class="br-nsp">
@@ -629,7 +632,8 @@ <h6 style="margin-bottom: 0px;">
       </header>
       <section>
 
-        <div class="container" style="max-width:100%;">
+        <div class="application-window">
+<div class="container" style="max-width:100%;">
     <div class="row">
         <div id="page-top" class="top col-12">
             AI Applications<br />
@@ -637,9 +641,8 @@ <h6 style="margin-bottom: 0px;">
         </div>
     </div>
 </div>
-<p><br /></p>
+<br />
 
-<div class="application-window">
 <h5 align="left">
     AI Applications are provided with pre-trained AI models. <br /><br />
     Select each application to access the source code.<br /><br /><br />
@@ -661,9 +664,9 @@ <h5 align="left">
 <h3 align="left"><i>Agriculture</i></h3>
 <div class="container">
     <div class="row">
-            <div id="agriculture1" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Animal" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="agriculture1" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Animal" data-label="" data-feature="Video" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
-                    <img src="img/Agriculture1_960x540.jpg" alt="application" />
+                    <img src="img/Agriculture1_960x540.jpg" alt="application" width="100%" onmouseover="this.src='img/GIF/Agriculture1_480x270.gif'" onmouseout="this.src='img/Agriculture1_960x540.jpg'" />
                     <dt class="mt-1" style="color: #2a289d;">Defense wild animals for crop</dt>
                     <h6 class="appstatus" align="right"><b><br /></b></h6>
                     <div class="griditem-add">
@@ -686,12 +689,15 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                             <div class="devicelinkbutton_parent">
                                 <a class="devicelinkbutton" href="https://github.com/Ignitarium-Renesas/rzv_ai_apps/tree/main/07_Animal_detection" style="color:white">RZ/V2H &gt;</a>
                                 <p class="Perf-Framerate">39fps</p>
+                                <a class="videolinkbutton" href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#agriculture1">
+                                    VIDEO &gt;
+                                </a>
                             </div>
                         </dd>
                     </dl>
                 </li>
             </div>
-            <div id="agriculture2" class="application_card col-lg-6 col-xl-4" data-model="Custom" data-targetobj="Other" data-label="Updated!" data-device="RZ/V2L,RZ/V2H,">
+            <div id="agriculture2" class="application_card col-lg-6 col-xl-4" data-model="Custom" data-targetobj="Other" data-label="Updated!" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/Agriculture2_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Fruit and Vegetable Plant Disease Check</dt>
@@ -721,7 +727,7 @@ <h6 class="appstatus" align="right"><b>Updated!</b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="agriculture3" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Animal" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="agriculture3" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Animal" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/Agriculture3_RanchLivestockManagement.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Ranch Livestock Management</dt>
@@ -760,7 +766,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
 <h3 align="left"><i>Smart Building</i></h3>
 <div class="container">
     <div class="row">
-            <div id="building1" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Head" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="building1" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Head" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartBuilding1_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Elevator passengers Counting</dt>
@@ -790,9 +796,9 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="building2" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Head" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="building2" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Head" data-label="" data-feature="Video" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
-                    <img src="img/SmartBuilding2_960x540.jpg" alt="application" />
+                    <img src="img/SmartBuilding2_960x540.jpg" alt="application" width="100%" onmouseover="this.src='img/GIF/SmartBuilding2_480x270.gif'" onmouseout="this.src='img/SmartBuilding2_960x540.jpg'" />
                     <dt class="mt-1" style="color: #2a289d;">Conference Room Usage Monitor</dt>
                     <h6 class="appstatus" align="right"><b><br /></b></h6>
                     <div class="griditem-add">
@@ -815,12 +821,15 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                             <div class="devicelinkbutton_parent">
                                 <a class="devicelinkbutton" href="https://github.com/Ignitarium-Renesas/rzv_ai_apps/tree/main/11_Head_count_topview" style="color:white">RZ/V2H &gt;</a>
                                 <p class="Perf-Framerate">40fps</p>
+                                <a class="videolinkbutton" href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#building2">
+                                    VIDEO &gt;
+                                </a>
                             </div>
                         </dd>
                     </dl>
                 </li>
             </div>
-            <div id="building3" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Head" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="building3" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Head" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartBuilding3_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Lighting Control</dt>
@@ -850,7 +859,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="building4" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Person" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="building4" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Person" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartBuilding4_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Security Area Intrusion Detection</dt>
@@ -880,7 +889,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="building5" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Other" data-label="Updated!" data-device="RZ/V2L,RZ/V2H,">
+            <div id="building5" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Other" data-label="Updated!" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartBuilding5_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Wear management at construction sites</dt>
@@ -910,7 +919,7 @@ <h6 class="appstatus" align="right"><b>Updated!</b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="building6" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv2+ResNet-18/YOLOv3" data-targetobj="Hand" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="building6" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv2+ResNet-18/YOLOv3" data-targetobj="Hand" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartBuilding6_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Touchless Controller for elevator</dt>
@@ -940,7 +949,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="building7" class="application_card col-lg-6 col-xl-4" data-model="FaceNet" data-targetobj="Face" data-label="Updated!" data-device="RZ/V2L,RZ/V2H,">
+            <div id="building7" class="application_card col-lg-6 col-xl-4" data-model="FaceNet" data-targetobj="Face" data-label="Updated!" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartBuilding7_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Employee ID check for Restricted Area</dt>
@@ -970,7 +979,7 @@ <h6 class="appstatus" align="right"><b>Updated!</b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="building8" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3" data-targetobj="Vehicle" data-label="New!" data-device="RZ/V2H,">
+            <div id="building8" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3" data-targetobj="Vehicle" data-label="New!" data-feature="" data-device="RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartBuilding8_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Multi-Camera Parking Lot Management</dt>
@@ -1005,7 +1014,7 @@ <h6 class="appstatus" align="right"><b>New!</b></h6>
 <h3 align="left"><i>Smart City</i></h3>
 <div class="container">
     <div class="row">
-            <div id="city1" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Head" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="city1" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Head" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartCity1_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Congestion Detection in Railway Station</dt>
@@ -1035,7 +1044,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="city2" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Person" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="city2" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Person" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartCity2_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Prohibited Area Management</dt>
@@ -1065,7 +1074,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="city3" class="application_card col-lg-6 col-xl-4" data-model="ResNet-18+Tiny YOLOv2" data-targetobj="Face" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="city3" class="application_card col-lg-6 col-xl-4" data-model="ResNet-18+Tiny YOLOv2" data-targetobj="Face" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartCity3_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Distracted driving detection</dt>
@@ -1095,7 +1104,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="city4" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Person" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="city4" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Person" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartCity6_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Duration monitoring for surveillance camera</dt>
@@ -1125,7 +1134,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="city5" class="application_card col-lg-6 col-xl-4" data-model="Custom" data-targetobj="Vehicle" data-label="" data-device="RZ/V2L,">
+            <div id="city5" class="application_card col-lg-6 col-xl-4" data-model="Custom" data-targetobj="Vehicle" data-label="" data-feature="" data-device="RZ/V2L,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartCity4_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Parking Spot Reservation</dt>
@@ -1151,7 +1160,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="city6" class="application_card col-lg-6 col-xl-4" data-model="Custom" data-targetobj="Vehicle" data-label="" data-device="RZ/V2L,">
+            <div id="city6" class="application_card col-lg-6 col-xl-4" data-model="Custom" data-targetobj="Vehicle" data-label="" data-feature="" data-device="RZ/V2L,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartCity7_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Illegal Parking Check</dt>
@@ -1177,7 +1186,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="city7" class="application_card col-lg-6 col-xl-4" data-model="FaceNet" data-targetobj="Face" data-label="Updated!" data-device="RZ/V2L,RZ/V2H,">
+            <div id="city7" class="application_card col-lg-6 col-xl-4" data-model="FaceNet" data-targetobj="Face" data-label="Updated!" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartCity5_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Passport check support</dt>
@@ -1207,7 +1216,7 @@ <h6 class="appstatus" align="right"><b>Updated!</b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="city8" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Head" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="city8" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Head" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartCity8_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Bus passenger counting</dt>
@@ -1237,7 +1246,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="city9" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Person" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="city9" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Person" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartCIty9_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Backtravel Detection</dt>
@@ -1267,7 +1276,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="city10" class="application_card col-lg-6 col-xl-4" data-model="CNN+MLP" data-targetobj="Other" data-label="" data-device="RZ/V2L,">
+            <div id="city10" class="application_card col-lg-6 col-xl-4" data-model="CNN+MLP" data-targetobj="Other" data-label="" data-feature="" data-device="RZ/V2L,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartCity10_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Violence Activity Check in Surveillance Camera</dt>
@@ -1293,7 +1302,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="city11" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Animal" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="city11" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Animal" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartCity11_BirdDamagePrevention.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Bird Damage Prevention</dt>
@@ -1323,7 +1332,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="city12" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Vehicle" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="city12" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Vehicle" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartCity12_BlindSpotMonitor.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Blind Spot Monitor</dt>
@@ -1353,7 +1362,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="city13" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3" data-targetobj="Vehicle" data-label="Updated!" data-device="RZ/V2L,RZ/V2H,">
+            <div id="city13" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3" data-targetobj="Vehicle" data-label="Updated!" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartCity13_PrecedingVehicleMovementAlert.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Preceding Vehicle Movement Alert</dt>
@@ -1383,7 +1392,7 @@ <h6 class="appstatus" align="right"><b>Updated!</b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="city14" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Vehicle" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="city14" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Vehicle" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartCity14_EmergencyVehiclesDetector.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Emergency Vehicles Detector</dt>
@@ -1413,7 +1422,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="city15" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Vehicle" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="city15" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Vehicle" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartCity15_IllegalBicycleApproachDetection.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Illegal Bicycle Approach Detection</dt>
@@ -1443,7 +1452,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="city16" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Vehicle" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="city16" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Vehicle" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartCity16_BicycleRentalStockManagement.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Bicycle Rental Stock Management</dt>
@@ -1473,7 +1482,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="city17" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Vehicle" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="city17" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Vehicle" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartCity17_IllegalBicycleParkingMonitorSupport.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Illegal Bicycle Parking Monitor Support</dt>
@@ -1503,7 +1512,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="city18" class="application_card col-lg-6 col-xl-4" data-model="Unet" data-targetobj="Crack" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="city18" class="application_card col-lg-6 col-xl-4" data-model="Unet" data-targetobj="Crack" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartCity18_InfrastructureDefectPrevention.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Infrastructure Defect Prevention</dt>
@@ -1533,7 +1542,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="city19" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Person" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="city19" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Person" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartCity19_CrimePreventionSupportforSchool.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Crime Prevention Support for School</dt>
@@ -1563,7 +1572,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="city20" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3" data-targetobj="Vehicle" data-label="New!" data-device="RZ/V2H,">
+            <div id="city20" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3" data-targetobj="Vehicle" data-label="New!" data-feature="" data-device="RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartCity20_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Multi-Camera Vehicle Detector</dt>
@@ -1589,7 +1598,7 @@ <h6 class="appstatus" align="right"><b>New!</b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="city21" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3" data-targetobj="Vehicle" data-label="New!" data-device="RZ/V2H,">
+            <div id="city21" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3" data-targetobj="Vehicle" data-label="New!" data-feature="" data-device="RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartCity21_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Car Accident Prevention Alert</dt>
@@ -1615,7 +1624,7 @@ <h6 class="appstatus" align="right"><b>New!</b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="city22" class="application_card col-lg-6 col-xl-4" data-model="Unet" data-targetobj="Other" data-label="New!" data-device="RZ/V2H,">
+            <div id="city22" class="application_card col-lg-6 col-xl-4" data-model="Unet" data-targetobj="Other" data-label="New!" data-feature="" data-device="RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartCity22_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Driving Support with Road Lane Segmentation</dt>
@@ -1641,7 +1650,7 @@ <h6 class="appstatus" align="right"><b>New!</b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="city23" class="application_card col-lg-6 col-xl-4" data-model="Unet" data-targetobj="Other" data-label="New!" data-device="RZ/V2H,">
+            <div id="city23" class="application_card col-lg-6 col-xl-4" data-model="Unet" data-targetobj="Other" data-label="New!" data-feature="" data-device="RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartCity23_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Visual Walking Support</dt>
@@ -1676,7 +1685,7 @@ <h6 class="appstatus" align="right"><b>New!</b></h6>
 <h3 align="left"><i>Healthcare</i></h3>
 <div class="container">
     <div class="row">
-            <div id="healthcare1" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv2+HRNet" data-targetobj="Person" data-label="Updated!" data-device="RZ/V2L,RZ/V2H,">
+            <div id="healthcare1" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv2+HRNet" data-targetobj="Person" data-label="Updated!" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/Healthcare1_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Physical Condition Monitor</dt>
@@ -1706,7 +1715,7 @@ <h6 class="appstatus" align="right"><b>Updated!</b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="healthcare2" class="application_card col-lg-6 col-xl-4" data-model="HRNet+Custom" data-targetobj="Person" data-label="New!" data-device="RZ/V2H,">
+            <div id="healthcare2" class="application_card col-lg-6 col-xl-4" data-model="HRNet+Custom" data-targetobj="Person" data-label="New!" data-feature="" data-device="RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/Healthcare2_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Yoga Pose Monitor</dt>
@@ -1741,7 +1750,7 @@ <h6 class="appstatus" align="right"><b>New!</b></h6>
 <h3 align="left"><i>Smart Home</i></h3>
 <div class="container">
     <div class="row">
-            <div id="home1" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Head" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="home1" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Head" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartHome1_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Air Conditioner Control</dt>
@@ -1771,7 +1780,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="home2" class="application_card col-lg-6 col-xl-4" data-model="ArcFace/ResNet-50" data-targetobj="Face" data-label="" data-device="RZ/V2L,">
+            <div id="home2" class="application_card col-lg-6 col-xl-4" data-model="ArcFace/ResNet-50" data-targetobj="Face" data-label="" data-feature="" data-device="RZ/V2L,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartHome4_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Smart TV</dt>
@@ -1797,7 +1806,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="home3" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Animal" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="home3" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Animal" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartHome2_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Pet Detection in Kitchen and Child's Room</dt>
@@ -1827,7 +1836,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="home4" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv2+ResNet-18/YOLOv3" data-targetobj="Hand" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="home4" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv2+ResNet-18/YOLOv3" data-targetobj="Hand" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartHome3_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Touchless Controller for Kitchen Appliance</dt>
@@ -1857,7 +1866,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="home5" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3+Tesseract/YOLOv3+Tesseract" data-targetobj="Other" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="home5" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3+Tesseract/YOLOv3+Tesseract" data-targetobj="Other" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/SmartHome5_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Food Package Expiry Date Check</dt>
@@ -1896,7 +1905,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
 <h3 align="left"><i>Industrial</i></h3>
 <div class="container">
     <div class="row">
-            <div id="industrial1" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Head" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="industrial1" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Head" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/Industrial1_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Work Area Personnel Management</dt>
@@ -1926,9 +1935,9 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="industrial2" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Person" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="industrial2" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Person" data-label="" data-feature="Video" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
-                    <img src="img/Industrial4_960x540.jpg" alt="application" />
+                    <img src="img/Industrial4_960x540.jpg" alt="application" width="100%" onmouseover="this.src='img/GIF/Industrial4_480x270.gif'" onmouseout="this.src='img/Industrial4_960x540.jpg'" />
                     <dt class="mt-1" style="color: #2a289d;">Access Control</dt>
                     <h6 class="appstatus" align="right"><b><br /></b></h6>
                     <div class="griditem-add">
@@ -1951,12 +1960,15 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                             <div class="devicelinkbutton_parent">
                                 <a class="devicelinkbutton" href="https://github.com/Ignitarium-Renesas/rzv_ai_apps/tree/main/02_Line_crossing_object_counting" style="color:white">RZ/V2H &gt;</a>
                                 <p class="Perf-Framerate">40fps</p>
+                                <a class="videolinkbutton" href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#industrial2">
+                                    VIDEO &gt;
+                                </a>
                             </div>
                         </dd>
                     </dl>
                 </li>
             </div>
-            <div id="industrial3" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Other" data-label="Updated!" data-device="RZ/V2L,RZ/V2H,">
+            <div id="industrial3" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Other" data-label="Updated!" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/Industrial2_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Helmet and safety vest wearing monitor</dt>
@@ -1986,7 +1998,7 @@ <h6 class="appstatus" align="right"><b>Updated!</b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="industrial4" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv2+ResNet-18/YOLOv3" data-targetobj="Hand" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="industrial4" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv2+ResNet-18/YOLOv3" data-targetobj="Hand" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/Industrial3_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Touchless Controller for Industrial machine</dt>
@@ -2016,7 +2028,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="industrial5" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv2+DeepPose/YOLOv3+DeepPose" data-targetobj="Face" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="industrial5" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv2+DeepPose/YOLOv3+DeepPose" data-targetobj="Face" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/Industrial5_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Driver Monitoring System</dt>
@@ -2046,7 +2058,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="industrial6" class="application_card col-lg-6 col-xl-4" data-model="Custom" data-targetobj="Other" data-label="Updated!" data-device="RZ/V2L,RZ/V2H,">
+            <div id="industrial6" class="application_card col-lg-6 col-xl-4" data-model="Custom" data-targetobj="Other" data-label="Updated!" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/Industrial6_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Species check support in Fish Factory</dt>
@@ -2076,7 +2088,7 @@ <h6 class="appstatus" align="right"><b>Updated!</b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="industrial7" class="application_card col-lg-6 col-xl-4" data-model="Unet" data-targetobj="Crack" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="industrial7" class="application_card col-lg-6 col-xl-4" data-model="Unet" data-targetobj="Crack" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/Industrial7_DefectInspectionSupport.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Defect Inspection Support</dt>
@@ -2106,7 +2118,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="industrial8" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Other" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="industrial8" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Other" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/Industrial8_Aquaculture_Industrial_Support.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Aquaculture Industrial Support</dt>
@@ -2145,7 +2157,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
 <h3 align="left"><i>Retail</i></h3>
 <div class="container">
     <div class="row">
-            <div id="retail1" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Head" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="retail1" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Head" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/Retail1_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Congestion Detection</dt>
@@ -2175,7 +2187,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="retail2" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv2+FairFace" data-targetobj="Face" data-label="Updated!" data-device="RZ/V2L,RZ/V2H,">
+            <div id="retail2" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv2+FairFace" data-targetobj="Face" data-label="Updated!" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/Retail3_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Smart POS</dt>
@@ -2205,7 +2217,7 @@ <h6 class="appstatus" align="right"><b>Updated!</b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="retail3" class="application_card col-lg-6 col-xl-4" data-model="ResNet-18+Tiny YOLOv2" data-targetobj="Face" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="retail3" class="application_card col-lg-6 col-xl-4" data-model="ResNet-18+Tiny YOLOv2" data-targetobj="Face" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/Retail4_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Marketing Interest Analysis</dt>
@@ -2235,7 +2247,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="retail4" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Person" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="retail4" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Person" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/Retail2_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Staying and flow line monitoring</dt>
@@ -2265,7 +2277,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="retail5" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Head" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="retail5" class="application_card col-lg-6 col-xl-4" data-model="YOLOv3" data-targetobj="Head" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/Retail5_960x540.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Exhibition Participants Monitoring</dt>
@@ -2295,7 +2307,7 @@ <h6 class="appstatus" align="right"><b><br /></b></h6>
                     </dl>
                 </li>
             </div>
-            <div id="retail6" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Person" data-label="" data-device="RZ/V2L,RZ/V2H,">
+            <div id="retail6" class="application_card col-lg-6 col-xl-4" data-model="Tiny YOLOv3/YOLOv3" data-targetobj="Person" data-label="" data-feature="" data-device="RZ/V2L,RZ/V2H,">
                 <li class="griditem" style="list-style: none;">
                     <img src="img/Retail6_Store_Crime_Prevention.jpg" alt="application" />
                     <dt class="mt-1" style="color: #2a289d;">Store Crime Prevention</dt>
@@ -2365,7 +2377,6 @@ <h1 id="filter-titlecolor">Filter</h1>
             </button>
         </div>
         <div id="application-filter-body">
-
             <div id="category-filter">
                 <h3 id="category-filter-titlecolor">Category</h3>
                 <div class="checkbox-group">
@@ -2517,9 +2528,16 @@ <h3 id="category-filter-titlecolor">Status</h3>
                     <label for="Updated!">Updated!</label>
                 </div>
             </div>
+            <div id="feature-filter">
+                <h3 id="category-filter-titlecolor">Feature</h3>
+                <div class="checkbox-group">
+                    <input type="checkbox" id="Video" class="filter_content" value="Video" />
+                    <label for="Video">Video</label>
+                </div>
+            </div>
+            <br />
         </div>
     </div>
-
     <button id="application-filter-visible-button" class="btn btn-muted ">
         <svg width="16" height="16" font-size="30" fill="currentColor" class="bi bi-3x" viewBox="0 0 16 16" style="">
             <use xlink:href="assets/img/bootstrap-icons.svg#funnel"></use>
@@ -2539,7 +2557,6 @@ <h3 id="category-filter-titlecolor">Status</h3>
 
         function toggleButtons() {
             if (window.innerWidth < 961) {
-            // if (window.innerWidth < 992) {
                 document.getElementById('application-filter').style.display = 'none';
                 document.getElementById('application-filter-visible-button').style.display = 'block';
                 document.getElementById('application-filter-erase-button').style.display = 'none';
@@ -2591,15 +2608,17 @@ <h3 id="category-filter-titlecolor">Status</h3>
         let selectedDevices = getSelectedValues('device-filter');
         // let selectedInputSrcs = getSelectedValues('input_source-filter');
         let selectedLabels = getSelectedValues('label-filter');
+        let selectedFeatures = getSelectedValues('feature-filter');
 
         let cateDivs = document.querySelectorAll('.category_section');
-        let appsDivs = document.querySelectorAll('[data-model], [data-targetobj], [data-device], [data-label]');//, [data-inputsrc]');
+        let appsDivs = document.querySelectorAll('[data-model], [data-targetobj], [data-device], [data-label], [data-feature]');//, [data-inputsrc]');
         appsDivs.forEach(function (div) {
             let models      = div.getAttribute('data-model').split(/[+/]/).filter(Boolean);
             let targetobjs  = div.getAttribute('data-targetobj').split(',').filter(Boolean);
             let devices     = div.getAttribute('data-device').split(',').filter(Boolean);
             // let inputsrcs   = div.getAttribute('data-inputsrc').split(',').filter(Boolean);
             let labels     = div.getAttribute('data-label').split(',').filter(Boolean);
+            let features     = div.getAttribute('data-feature').split(',').filter(Boolean);
 
             let modelCondition = selectedModels.length === 0 || models.some(function(value) {
                 return selectedModels.includes(value.trim());
@@ -2616,8 +2635,11 @@ <h3 id="category-filter-titlecolor">Status</h3>
             let labelCondition = selectedLabels.length === 0 || labels.some(function(value) {
                 return selectedLabels.includes(value.trim());
             }); 
+            let featureCondition = selectedFeatures.length === 0 || features.some(function(value) {
+                return selectedFeatures.includes(value.trim());
+            }); 
 
-                        toggleVisibility(div, modelCondition && targetObjCondition && deviceCondition && labelCondition );// && inputSrcCondition);
+                        toggleVisibility(div, modelCondition && targetObjCondition && deviceCondition && labelCondition && featureCondition );// && inputSrcCondition);
         });
 
         cateDivs.forEach(function (div) {
diff --git a/docs/_site/assets/css/style.css b/docs/_site/assets/css/style.css
index 2854199..89b6d1f 100755
--- a/docs/_site/assets/css/style.css
+++ b/docs/_site/assets/css/style.css
@@ -3193,7 +3193,7 @@ html, body { padding: 0px; height: 100%; box-sizing: border-box; }
 
 .wrapper { width: 100%; margin: 0 auto; }
 
-.application-window { padding-right: 150px; }
+.application-window { padding-right: 160px; }
 
 header, footer { padding: 50px 10px 50px 50px; box-sizing: border-box; overflow-y: scroll; height: 100vh; float: left; position: relative; width: 22%; -webkit-font-smoothing: subpixel-antialiased; }
 
@@ -3442,7 +3442,13 @@ pre { border-radius: 5px; color: #444; background: #f0f0f0; border: solid 1px #d
 .history-item { margin-top: 5px; margin-bottom: 0px; }
 
 /********** For Video **********/
-.videodetails { color: #675C5C; list-style: none; min-height: 140px; padding: 3% 5%; background: #ffffff; border-radius: 0px; border: 1px solid #e0e0e0; border-top: none; text-align: left; }
+.video-wrapper { position: relative; padding-top: 56.25%; }
+
+.video-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
+
+.videolinkbutton { margin: 2px 6px 0px 0px; background-color: #7c909b; color: white; padding: 5px 8px; text-decoration: none; display: inline-block; font-size: 12px; font-family: Arial, sans-serif; cursor: pointer; border: none; border-radius: 2px; }
+
+.videolinkbutton:hover { background-color: #43abe2; transform: scale(1.1); transition-duration: 0.3s; color: white; }
 
 /** meistier **/
 .titlebox { background-color: #2a289d; color: #ffffff; font-size: 40px; font-weight: bold; font-style: italic; padding: 20px; border: 1px solid #2a289d; margin: 0px; }
@@ -3470,7 +3476,7 @@ pre { border-radius: 5px; color: #444; background: #f0f0f0; border: solid 1px #d
 dl { display: flex; flex-wrap: wrap; margin: 0; }
 
 /****************************************************/
-@media (max-width: 960px) { #application-filter { position: fixed; top: 195px; right: 0px; width: 50%; max-height: 80vh; overflow-y: auto; display: none; }
+@media (max-width: 960px) { #application-filter { position: fixed; top: 15vh; right: 0px; width: 50%; max-height: 85vh; overflow-y: auto; display: none; }
   #filter-title { background-color: #706f6f; color: white; padding: 10px; position: sticky; top: 0; z-index: 1; width: 100%; }
   #application-filter-body { color: white; padding-top: 0; padding: 10px; padding-bottom: 10px; background-color: #706f6f; margin-top: -15px; }
   #application-filter-visible-button { display: none; position: fixed; top: 60px; right: 0px; z-index: 2; color: #000077; display: block; }
@@ -3479,7 +3485,7 @@ dl { display: flex; flex-wrap: wrap; margin: 0; }
   #category-filter-titlecolor { color: white; border-bottom-color: white; }
   #filter-titlecolor { color: white; margin-bottom: 0; } }
 @media (min-width: 961px) { .application-window { margin-right: 0px; }
-  #application-filter { position: fixed; top: 195px; right: 15px; width: 200px; max-height: 80vh; overflow-y: auto; }
+  #application-filter { position: fixed; top: 5vh; right: 15px; width: 200px; max-height: 95vh; overflow-y: auto; }
   #filter-title { background-color: #fff; padding: 10px; position: sticky; top: 0; z-index: 1; width: 100%; }
   #application-filter-body { padding-top: 0; padding: 10px; padding-bottom: 10px; margin-top: -10%; }
   #application-filter-visible-button { display: none; position: fixed; top: 60px; right: 0px; z-index: 2; color: #000077; display: block; }
diff --git a/docs/_site/demo.html b/docs/_site/demo.html
index a62b3e5..7d07243 100755
--- a/docs/_site/demo.html
+++ b/docs/_site/demo.html
@@ -30,10 +30,10 @@
 <meta name="twitter:card" content="summary" />
 <meta property="twitter:title" content="Renesas RZ/V AI" />
 <script type="application/ld+json">
-{"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-06-27T17:39:45+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/demo.html"}</script>
+{"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-12-06T13:47:49+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/demo.html"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="assets/css/style.css?v=42bc0a88c82157c3258abbb3685cc8bd7cf26d49">
+    <link rel="stylesheet" href="assets/css/style.css?v=162493a069d3e4566422bc5b857e27d6cfb33409">
     <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
@@ -602,6 +602,9 @@ <h6 style="margin-bottom: 0px;">
                 <li>
                   <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#training-video">Training video</a>
                 </li>
+                <li>
+                  <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#app-video">AI Applications video</a>
+                </li>
               </ul>
             </details>
             <br class="br-nsp">
diff --git a/docs/_site/demo_v2h.html b/docs/_site/demo_v2h.html
index aa92d79..6513a42 100755
--- a/docs/_site/demo_v2h.html
+++ b/docs/_site/demo_v2h.html
@@ -30,10 +30,10 @@
 <meta name="twitter:card" content="summary" />
 <meta property="twitter:title" content="Renesas RZ/V AI" />
 <script type="application/ld+json">
-{"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-08-01T10:51:30+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/demo_v2h.html"}</script>
+{"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-12-06T13:47:49+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/demo_v2h.html"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="assets/css/style.css?v=42bc0a88c82157c3258abbb3685cc8bd7cf26d49">
+    <link rel="stylesheet" href="assets/css/style.css?v=162493a069d3e4566422bc5b857e27d6cfb33409">
     <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
@@ -602,6 +602,9 @@ <h6 style="margin-bottom: 0px;">
                 <li>
                   <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#training-video">Training video</a>
                 </li>
+                <li>
+                  <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#app-video">AI Applications video</a>
+                </li>
               </ul>
             </details>
             <br class="br-nsp">
diff --git a/docs/_site/dev_guide.html b/docs/_site/dev_guide.html
index 9d677a1..7088579 100755
--- a/docs/_site/dev_guide.html
+++ b/docs/_site/dev_guide.html
@@ -33,7 +33,7 @@
 {"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-10-31T18:18:23+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/dev_guide.html"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="assets/css/style.css?v=42bc0a88c82157c3258abbb3685cc8bd7cf26d49">
+    <link rel="stylesheet" href="assets/css/style.css?v=162493a069d3e4566422bc5b857e27d6cfb33409">
     <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
@@ -602,6 +602,9 @@ <h6 style="margin-bottom: 0px;">
                 <li>
                   <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#training-video">Training video</a>
                 </li>
+                <li>
+                  <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#app-video">AI Applications video</a>
+                </li>
               </ul>
             </details>
             <br class="br-nsp">
diff --git a/docs/_site/download.html b/docs/_site/download.html
index 6957d47..a49e331 100755
--- a/docs/_site/download.html
+++ b/docs/_site/download.html
@@ -33,7 +33,7 @@
 {"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-04-25T15:35:29+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/download.html"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="assets/css/style.css?v=42bc0a88c82157c3258abbb3685cc8bd7cf26d49">
+    <link rel="stylesheet" href="assets/css/style.css?v=162493a069d3e4566422bc5b857e27d6cfb33409">
     <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
@@ -602,6 +602,9 @@ <h6 style="margin-bottom: 0px;">
                 <li>
                   <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#training-video">Training video</a>
                 </li>
+                <li>
+                  <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#app-video">AI Applications video</a>
+                </li>
               </ul>
             </details>
             <br class="br-nsp">
diff --git a/docs/_site/eSD_format_sd.html b/docs/_site/eSD_format_sd.html
index e2db17b..ebd5017 100755
--- a/docs/_site/eSD_format_sd.html
+++ b/docs/_site/eSD_format_sd.html
@@ -33,7 +33,7 @@
 {"@context":"https://schema.org","@type":"WebPage","dateModified":"2023-12-11T19:09:38+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/eSD_format_sd.html"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="assets/css/style.css?v=42bc0a88c82157c3258abbb3685cc8bd7cf26d49">
+    <link rel="stylesheet" href="assets/css/style.css?v=162493a069d3e4566422bc5b857e27d6cfb33409">
     <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
diff --git a/docs/_site/feed.xml b/docs/_site/feed.xml
index ecb0c6d..36ced67 100755
--- a/docs/_site/feed.xml
+++ b/docs/_site/feed.xml
@@ -1 +1 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.3">Jekyll</generator><link href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/feed.xml" rel="self" type="application/atom+xml" /><link href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/" rel="alternate" type="text/html" /><updated>2024-12-06T13:46:10+09:00</updated><id>https://renesas-rz.github.io/rzv_ai_sdk/5.00/feed.xml</id><title type="html">Renesas RZ/V AI</title><subtitle>The best solution for starting your AI applications.</subtitle></feed>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.3">Jekyll</generator><link href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/feed.xml" rel="self" type="application/atom+xml" /><link href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/" rel="alternate" type="text/html" /><updated>2024-12-20T13:43:35+09:00</updated><id>https://renesas-rz.github.io/rzv_ai_sdk/5.00/feed.xml</id><title type="html">Renesas RZ/V AI</title><subtitle>The best solution for starting your AI applications.</subtitle></feed>
\ No newline at end of file
diff --git a/docs/_site/getting_started.html b/docs/_site/getting_started.html
index 1b2a27d..8a6ffda 100755
--- a/docs/_site/getting_started.html
+++ b/docs/_site/getting_started.html
@@ -30,10 +30,10 @@
 <meta name="twitter:card" content="summary" />
 <meta property="twitter:title" content="Renesas RZ/V AI" />
 <script type="application/ld+json">
-{"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-10-31T18:18:23+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/getting_started.html"}</script>
+{"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-12-06T13:47:49+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/getting_started.html"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="assets/css/style.css?v=42bc0a88c82157c3258abbb3685cc8bd7cf26d49">
+    <link rel="stylesheet" href="assets/css/style.css?v=162493a069d3e4566422bc5b857e27d6cfb33409">
     <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
@@ -602,6 +602,9 @@ <h6 style="margin-bottom: 0px;">
                 <li>
                   <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#training-video">Training video</a>
                 </li>
+                <li>
+                  <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#app-video">AI Applications video</a>
+                </li>
               </ul>
             </details>
             <br class="br-nsp">
diff --git a/docs/_site/getting_started_v2h.html b/docs/_site/getting_started_v2h.html
index 62de7e7..acd646a 100755
--- a/docs/_site/getting_started_v2h.html
+++ b/docs/_site/getting_started_v2h.html
@@ -33,7 +33,7 @@
 {"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-10-31T18:18:23+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/getting_started_v2h.html"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="assets/css/style.css?v=42bc0a88c82157c3258abbb3685cc8bd7cf26d49">
+    <link rel="stylesheet" href="assets/css/style.css?v=162493a069d3e4566422bc5b857e27d6cfb33409">
     <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
@@ -602,6 +602,9 @@ <h6 style="margin-bottom: 0px;">
                 <li>
                   <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#training-video">Training video</a>
                 </li>
+                <li>
+                  <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#app-video">AI Applications video</a>
+                </li>
               </ul>
             </details>
             <br class="br-nsp">
diff --git a/docs/_site/getting_started_v2l.html b/docs/_site/getting_started_v2l.html
index 24de649..9ad861b 100755
--- a/docs/_site/getting_started_v2l.html
+++ b/docs/_site/getting_started_v2l.html
@@ -33,7 +33,7 @@
 {"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-10-31T18:18:23+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/getting_started_v2l.html"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="assets/css/style.css?v=42bc0a88c82157c3258abbb3685cc8bd7cf26d49">
+    <link rel="stylesheet" href="assets/css/style.css?v=162493a069d3e4566422bc5b857e27d6cfb33409">
     <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
@@ -602,6 +602,9 @@ <h6 style="margin-bottom: 0px;">
                 <li>
                   <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#training-video">Training video</a>
                 </li>
+                <li>
+                  <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#app-video">AI Applications video</a>
+                </li>
               </ul>
             </details>
             <br class="br-nsp">
diff --git a/docs/_site/history.html b/docs/_site/history.html
index b6fc970..84df485 100755
--- a/docs/_site/history.html
+++ b/docs/_site/history.html
@@ -30,10 +30,10 @@
 <meta name="twitter:card" content="summary" />
 <meta property="twitter:title" content="Renesas RZ/V AI" />
 <script type="application/ld+json">
-{"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-10-31T18:18:23+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/history.html"}</script>
+{"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-12-06T13:47:49+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/history.html"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="assets/css/style.css?v=42bc0a88c82157c3258abbb3685cc8bd7cf26d49">
+    <link rel="stylesheet" href="assets/css/style.css?v=162493a069d3e4566422bc5b857e27d6cfb33409">
     <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
@@ -602,6 +602,9 @@ <h6 style="margin-bottom: 0px;">
                 <li>
                   <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#training-video">Training video</a>
                 </li>
+                <li>
+                  <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#app-video">AI Applications video</a>
+                </li>
               </ul>
             </details>
             <br class="br-nsp">
@@ -642,6 +645,38 @@ <h6 style="margin-bottom: 0px;">
             <br />
             <br />
             <!-- Topic below -->
+            <i>
+                <h3 class="history-title">
+                    RZ/V AI Applications Video
+                </h3>
+                <h6 align="right">
+                    2024.12.20
+                </h6>
+            </i>
+            <ul>
+                <li>
+                    <h5 class="history-item">RZ/V AI Applications Video is released.</h5>
+                    <ul>
+                        <li> 
+                            Added sample use-case videos for following AI Applications.
+                            <ul>
+                                <li> 
+                                    Defense Wild Animals for Crop (Agriclture)
+                                </li>
+                                <li> 
+                                    Conference Room Usage Monitor (Smart Building)
+                                </li>
+                                <li> 
+                                    Access Control (Industrial)
+                                </li>
+                            </ul>
+                        </li>
+                    </ul>
+                </li>
+            </ul>
+            <br />
+            <!-- Topic above -->
+            <!-- Topic below -->
             <i>
                 <h3 class="history-title">
                     RZ/V2H, RZ/V2L AI Applications Demo v5.00
diff --git a/docs/_site/howto_build_aisdk.html b/docs/_site/howto_build_aisdk.html
index 46d18c8..326678c 100755
--- a/docs/_site/howto_build_aisdk.html
+++ b/docs/_site/howto_build_aisdk.html
@@ -33,7 +33,7 @@
 {"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-10-31T18:18:23+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/howto_build_aisdk.html"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="assets/css/style.css?v=42bc0a88c82157c3258abbb3685cc8bd7cf26d49">
+    <link rel="stylesheet" href="assets/css/style.css?v=162493a069d3e4566422bc5b857e27d6cfb33409">
     <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
@@ -602,6 +602,9 @@ <h6 style="margin-bottom: 0px;">
                 <li>
                   <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#training-video">Training video</a>
                 </li>
+                <li>
+                  <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#app-video">AI Applications video</a>
+                </li>
               </ul>
             </details>
             <br class="br-nsp">
diff --git a/docs/_site/howto_build_aisdk_v2h.html b/docs/_site/howto_build_aisdk_v2h.html
index 94a2ddd..142b81e 100755
--- a/docs/_site/howto_build_aisdk_v2h.html
+++ b/docs/_site/howto_build_aisdk_v2h.html
@@ -30,10 +30,10 @@
 <meta name="twitter:card" content="summary" />
 <meta property="twitter:title" content="Renesas RZ/V AI" />
 <script type="application/ld+json">
-{"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-10-31T18:18:23+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/howto_build_aisdk_v2h.html"}</script>
+{"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-12-06T13:47:49+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/howto_build_aisdk_v2h.html"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="assets/css/style.css?v=42bc0a88c82157c3258abbb3685cc8bd7cf26d49">
+    <link rel="stylesheet" href="assets/css/style.css?v=162493a069d3e4566422bc5b857e27d6cfb33409">
     <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
@@ -602,6 +602,9 @@ <h6 style="margin-bottom: 0px;">
                 <li>
                   <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#training-video">Training video</a>
                 </li>
+                <li>
+                  <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#app-video">AI Applications video</a>
+                </li>
               </ul>
             </details>
             <br class="br-nsp">
diff --git a/docs/_site/howto_retrain.html b/docs/_site/howto_retrain.html
index 533ddbb..54e256a 100755
--- a/docs/_site/howto_retrain.html
+++ b/docs/_site/howto_retrain.html
@@ -33,7 +33,7 @@
 {"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-08-07T12:06:46+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/howto_retrain.html"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="assets/css/style.css?v=42bc0a88c82157c3258abbb3685cc8bd7cf26d49">
+    <link rel="stylesheet" href="assets/css/style.css?v=162493a069d3e4566422bc5b857e27d6cfb33409">
     <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
@@ -602,6 +602,9 @@ <h6 style="margin-bottom: 0px;">
                 <li>
                   <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#training-video">Training video</a>
                 </li>
+                <li>
+                  <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#app-video">AI Applications video</a>
+                </li>
               </ul>
             </details>
             <br class="br-nsp">
diff --git a/docs/_site/img/GIF/Agriculture1_480x270.gif b/docs/_site/img/GIF/Agriculture1_480x270.gif
new file mode 100644
index 0000000..a9102f9
Binary files /dev/null and b/docs/_site/img/GIF/Agriculture1_480x270.gif differ
diff --git a/docs/_site/img/GIF/Industrial4_480x270.gif b/docs/_site/img/GIF/Industrial4_480x270.gif
new file mode 100644
index 0000000..f91d7b2
Binary files /dev/null and b/docs/_site/img/GIF/Industrial4_480x270.gif differ
diff --git a/docs/_site/img/GIF/SmartBuilding2_480x270.gif b/docs/_site/img/GIF/SmartBuilding2_480x270.gif
new file mode 100644
index 0000000..042009b
Binary files /dev/null and b/docs/_site/img/GIF/SmartBuilding2_480x270.gif differ
diff --git a/docs/_site/index.html b/docs/_site/index.html
index a0f7139..e5a5f82 100755
--- a/docs/_site/index.html
+++ b/docs/_site/index.html
@@ -30,10 +30,10 @@
 <meta name="twitter:card" content="summary" />
 <meta property="twitter:title" content="Renesas RZ/V AI" />
 <script type="application/ld+json">
-{"@context":"https://schema.org","@type":"WebSite","dateModified":"2024-10-31T18:18:23+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","name":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/"}</script>
+{"@context":"https://schema.org","@type":"WebSite","dateModified":"2024-12-06T13:47:49+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","name":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="assets/css/style.css?v=42bc0a88c82157c3258abbb3685cc8bd7cf26d49">
+    <link rel="stylesheet" href="assets/css/style.css?v=162493a069d3e4566422bc5b857e27d6cfb33409">
     <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
@@ -602,6 +602,9 @@ <h6 style="margin-bottom: 0px;">
                 <li>
                   <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#training-video">Training video</a>
                 </li>
+                <li>
+                  <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#app-video">AI Applications video</a>
+                </li>
               </ul>
             </details>
             <br class="br-nsp">
@@ -663,70 +666,30 @@ <h3 id="new">
     <div class="row">
         <div class="col-12">
             <h6 align="right">
-                2024.12.6
+                2024.12.20
             </h6>
             <ul>
                 <li>
-                    <b>RZ/V2H AI Applications Demo v5.00</b> is released.
+                    <b>RZ/V AI Applications Video</b> is released.
                     <ul>
                         <li> 
-                            Supported AI Applications v5.00.
+                            Added sample use-case videos for following AI Applications.
                             <ul>
-                                <li>
-                                    Added support for 15 applications.
+                                <li> 
+                                    Defense Wild Animals for Crop (Agriclture)
                                 </li>
-                            </ul>
-                        </li>
-                        <li> 
-                            Graphics library included is changed to the unrestricted version.<br />
-                            <ul>
-                                <li>
-                                    Operation time limitation is removed.
+                                <li> 
+                                    Conference Room Usage Monitor (Smart Building)
                                 </li>
-                            </ul>
-                        </li>
-                    </ul>
-                </li>
-                <br />
-                <li>
-                    <b>RZ/V2L AI Applications Demo v5.00</b> is released.
-                    <ul>
-                        <li> 
-                            Supported GUI operation.
-                        </li>
-                        <li> 
-                            Supported AI Applications v5.00.
-                            <ul>
-                                <li>
-                                    All applications support both MIPI camera and USB camera input.
+                                <li> 
+                                    Access Control (Industrial)
                                 </li>
                             </ul>
                         </li>
-                        <li> 
-                            Graphics library and Video Codec library included are changed to the unrestricted version.<br />
-                            <ul>
-                                <li>
-                                    Operation time limitation is removed.
-                                </li>
-                            </ul>
-                        </li>
-                    </ul>
-                </li>
-            </ul>
-            For more details, see <a href="#demo"><b>Demo</b></a>.
-            <br />
-            <br />
-            <ul>
-                <li>
-                    <b>RZ/V2H ISP Support Package for AI SDK v5.00</b> is released.<br />
-                    <ul>
-                        <li> 
-                            Package that can be applied to RZ/V2H AI SDK to use Built-in ISP.<br />
-                        </li>
                     </ul>
                 </li>
             </ul>
-            For more details, see <a href="#reference"><b>Reference</b></a>.
+            For more details, see <a href="#app-video"><b>AI Applications video</b></a>.
             <br />
             <br />
         </div>
@@ -938,53 +901,315 @@ <h4 class="u_line">
 <p><br />
 <br /></p>
 <h3 id="video">Video</h3>
-<p><br /></p>
-<h5 id="training-video"><b>Training video</b></h5>
 <div class="container">
     <div class="row">
-        <div class="col-lg-6 col-xl-4">
-            <iframe width="100%" height="55%" src="https://www.youtube.com/embed/ErmISuWkkBQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="">
-            </iframe>
-            <ul class="videodetails">
-                <li>
-                    <a href="https://youtu.be/ErmISuWkkBQ">RZ/V2H AI Applications Tutorial - Getting Started v3.00 (Youtube) </a>
-                    <br /><br />
-                    For <b>RZ/V2H</b> AI SDK <b>v3.00</b> (latest).<br />
-                    This is a tutorial video explaining the content of getting started.<br />
-                    This tutorial is for RZ/V2H EVK.<br />
-                    The AI SDK only supports eSD bootloader.
-                </li>
-            </ul>
+        <div class="col-12">
+            <h4 class="u_line" id="training-video">
+                Training video
+            </h4>
         </div>
-        <div class="col-lg-6 col-xl-4">
-            <iframe width="100%" height="55%" src="https://www.youtube.com/embed/CPeE2q3TdOY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="">
-            </iframe>
-            <ul class="videodetails">
-                <li>
-                    <a href="https://youtu.be/CPeE2q3TdOY">RZ/V2L AI Applications Tutorial - Getting Started v2.10 (Youtube) </a>
-                    <br /><br />
-                    For <b>RZ/V2L</b> AI SDK <b>v2.10</b> (latest).<br />
-                    This is a tutorial video explaining the content of getting started.<br />
-                    This tutorial is for RZ/V2L EVK.<br />
-                    The AI SDK supports both eSD bootloder and eMMC bootloader.<br />
-                    In this video, eSD bootloader is used.
-                </li>
-            </ul>
+        <div class="col-12">
+            Tutorial videos to explain the contents of Getting Started.
+            <br /><br />
         </div>
-        <div class="col-lg-6 col-xl-4">
-            <iframe width="100%" height="55%" src="https://www.youtube.com/embed/wFbTomH8oPs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="">
-            </iframe>
-            <ul class="videodetails">
-                <li>
-                    <a href="https://youtu.be/wFbTomH8oPs">RZ/V2L AI Applications Tutorial - Getting Started v1.00 (Youtube) </a>
-                    <br /><br />
-                    For <b>RZ/V2L</b> AI SDK <b>v1.00</b>.<br />
-                    This is a tutorial video explaining the content of getting started.<br />
-                    This tutorial is for RZ/V2L EVK.<br />
-                    The AI SDK only supports eMMC bootloader.
-                </li>
-            </ul>
+    </div>
+    <div class="row">
+<!-- Video panel start -->
+        <div class="col-12 col-md-6 col-xl-4 mb-5">
+            <div class="griditem" style="list-style: none;">
+                <div class="video-wrapper">
+                    <iframe class="video-iframe" src="https://www.youtube.com/embed/ErmISuWkkBQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="">
+                    </iframe>
+                </div>
+                <div class="row mt-2">
+                    <div class="col-11 pe-0">
+                        <b>
+                            <a href="https://youtu.be/ErmISuWkkBQ">
+                                RZ/V2H AI Applications Tutorial - Getting Started v3.00 (Youtube) 
+                            </a>
+                        </b>
+                    </div>
+                    <div class="col-1 ps-0">
+                        <h6 class="mb-0" style="color: gray;" align="right">24:36</h6>
+                    </div>
+                </div>
+                <div class="griditem-add">
+                    <ul>
+                        <li>
+                            <b>Latest Tutorial Video for RZ/V2H</b>
+                        </li>
+                        <li>
+                            <b>Latest Tutorial Video for RZ/V2H</b>
+                        </li>
+                        <li>
+                            For RZ/V2H Evaluation Board Kit.
+                        </li>
+                        <li>
+                            For <b>RZ/V2H</b> AI SDK <b>v3.00</b>.
+                            <h6>
+                                <ul>
+                                    <li>
+                                        Only supports eSD bootloader.
+                                    </li>
+                                </ul>
+                            </h6>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <!-- Video panel end -->
+        <!-- Video panel start -->
+        <div class="col-12 col-md-6 col-xl-4 mb-5">
+            <div class="griditem" style="list-style: none;">
+                <div class="video-wrapper">
+                    <iframe class="video-iframe" src="https://www.youtube.com/embed/CPeE2q3TdOY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="">
+                    </iframe>
+                </div>
+                <div class="row mt-2">
+                    <div class="col-11 pe-0">
+                        <b>
+                            <a href="https://youtu.be/CPeE2q3TdOY">
+                                RZ/V2L AI Applications Tutorial - Getting Started v2.10 (Youtube) 
+                            </a>
+                        </b>
+                    </div>
+                    <div class="col-1 ps-0">
+                        <h6 class="mb-0" style="color: gray;" align="right">25:43</h6>
+                    </div>
+                </div>
+                <div class="griditem-add">
+                    <ul>
+                        <li>
+                            <b>Latest Tutorial Video for RZ/V2L</b>
+                        </li>
+                        <li>
+                            For RZ/V2L Evaluation Board Kit.
+                        </li>
+                        <li>
+                            For <b>RZ/V2L</b> AI SDK <b>v2.10</b>.
+                            <h6>
+                                <ul>
+                                    <li>
+                                        Supports both eSD and eMMC bootloader.
+                                    </li>
+                                    <li>
+                                        In this video, eSD bootloader is used.
+                                    </li>
+                                </ul>
+                            </h6>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <!-- Video panel end -->
+        <!-- Video panel start -->
+        <div class="col-12 col-md-6 col-xl-4 mb-5">
+            <div class="griditem" style="list-style: none;">
+                <div class="video-wrapper">
+                    <iframe class="video-iframe" src="https://www.youtube.com/embed/wFbTomH8oPs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="">
+                    </iframe>
+                </div>
+                <div class="row mt-2">
+                    <div class="col-11 pe-0">
+                        <b>
+                            <a href="https://youtu.be/wFbTomH8oPs">
+                                RZ/V2L AI Applications Tutorial - Getting Started v1.00 (Youtube)
+                            </a>
+                        </b>
+                    </div>
+                    <div class="col-1 ps-0">
+                        <h6 class="mb-0" style="color: gray;" align="right">33:56</h6>
+                    </div>
+                </div>
+                <div class="griditem-add">
+                    <ul>
+                        <li>
+                            For RZ/V2L Evaluation Board Kit.
+                        </li>
+                        <li>
+                            For <b>RZ/V2L</b> AI SDK <b>v1.10</b>.
+                            <h6>
+                                <ul>
+                                    <li>
+                                        Only supports eMMC bootloader.
+                                    </li>
+                                </ul>
+                            </h6>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <!-- Video panel end -->
+    </div>
+    <br />
+    <div class="row">
+        <div class="col-12">
+            <h4 class="u_line" id="app-video">
+                AI Applications video
+            </h4>
+        </div>
+        <div class="col-12">
+            Video to show sample use-cases of <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/applications.html">RZ/V AI Applications</a>.
+            <br /><br />
+        </div>
+    </div>
+    <div class="row">
+        <!-- Video panel start -->
+        <div class="col-12 col-md-6 col-xl-4 mb-5" id="agriculture1">
+            <div class="griditem" style="list-style: none;">
+                <div class="video-wrapper">
+                    <iframe class="video-iframe" src="https://www.youtube.com/embed/CjX_DyCVtM8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="">
+                    </iframe>
+                </div>
+                <div class="row mt-2">
+                    <div class="col-11 pe-0">
+                        <b>
+                            <a href="https://youtu.be/CjX_DyCVtM8">
+                                    Agriculture :<br />
+                                    Defense Wild Animals for Crop (YouTube)
+                            </a>
+                        </b>
+                    </div>
+                    <div class="col-1 ps-0">
+                        <h6 class="mb-0" style="color: gray;" align="right">1:31</h6>
+                    </div>
+                </div>
+                <div class="griditem-add">
+                    <ul class="mb-2">
+                        <li>
+                            Environment
+                            <h6 class="mb-1">
+                                <ul>
+                                    <li>
+                                        RZ/V2H Evaluation Board Kit
+                                    </li>
+                                    <li>
+                                        AI Applications v4.00
+                                    </li>
+                                    <li>
+                                        Input: USB Camera (640x480)
+                                    </li>
+                                    <li>
+                                        Output: HDMI (1920x1080)
+                                    </li>
+                                </ul>
+                            </h6>
+                        </li>
+                    </ul>
+                    <p align="right" class="m-0">
+                        <a class="devicelinkbutton" href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/applications.html#agriculture1" style="color:white">
+                            More Details &gt;
+                        </a>
+                    </p>
+                </div>
+            </div>
+        </div>
+        <!-- Video panel end -->
+        <!-- Video panel start -->
+        <div class="col-12 col-md-6 col-xl-4 mb-5" id="building2">
+            <div class="griditem" style="list-style: none;">
+                <div class="video-wrapper">
+                    <iframe class="video-iframe" src="https://www.youtube.com/embed/XELOK3NJq68" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="">
+                    </iframe>
+                </div>
+                <div class="row mt-2">
+                    <div class="col-11 pe-0">
+                        <b>
+                            <a href="https://youtu.be/XELOK3NJq68">
+                                Smart Building :<br />
+                                Conference Room Usage Monitor (YouTube)
+                            </a>
+                        </b>
+                    </div>
+                    <div class="col-1 ps-0">
+                        <h6 class="mb-0" style="color: gray;" align="right">1:59</h6>
+                    </div>
+                </div>
+                <div class="griditem-add">
+                    <ul class="mb-2">
+                        <li>
+                            Environment
+                            <h6 class="mb-1">
+                                <ul>
+                                    <li>
+                                        RZ/V2H Evaluation Board Kit
+                                    </li>
+                                    <li>
+                                        AI Applications v4.00
+                                    </li>
+                                    <li>
+                                        Input: USB Camera (640x480)
+                                    </li>
+                                    <li>
+                                        Output: HDMI (1920x1080)
+                                    </li>
+                                </ul>
+                            </h6>
+                        </li>
+                    </ul>
+                    <p align="right" class="m-0">
+                        <a class="devicelinkbutton" href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/applications.html#building2" style="color:white">
+                            More Details &gt;
+                        </a>
+                    </p>
+                </div>
+            </div>
+        </div>
+        <!-- Video panel end -->
+        <!-- Video panel start -->
+        <div class="col-12 col-md-6 col-xl-4 mb-5" id="industrial2">
+            <div class="griditem" style="list-style: none;">
+                <div class="video-wrapper">
+                    <iframe class="video-iframe" src="https://www.youtube.com/embed/neH2vfbJQP8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="">
+                    </iframe>
+                </div>
+                <div class="row mt-2">
+                    <div class="col-11 pe-0">
+                        <b>
+                            <a href="https://youtu.be/neH2vfbJQP8">
+                                Industrial :<br />
+                                Access Control (YouTube)
+                            </a>
+                        </b>
+                    </div>
+                    <div class="col-1 ps-0">
+                        <h6 class="mb-0" style="color: gray;" align="right">1:42</h6>
+                    </div>
+                </div>
+                <div class="griditem-add">
+                    <ul class="mb-2">
+                        <li>
+                            Environment
+                            <h6 class="mb-1">
+                                <ul>
+                                    <li>
+                                        RZ/V2H Evaluation Board Kit
+                                    </li>
+                                    <li>
+                                        AI Applications v4.00
+                                    </li>
+                                    <li>
+                                        Input: USB Camera (640x480)
+                                    </li>
+                                    <li>
+                                        Output: HDMI (1920x1080)
+                                    </li>
+                                </ul>
+                            </h6>
+                        </li>
+                    </ul>
+                    <p align="right" class="m-0">
+                        <a class="devicelinkbutton" href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/applications.html#industrial2" style="color:white">
+                            More Details &gt;
+                        </a>
+                    </p>
+                </div>
+            </div>
         </div>
+        <!-- Video panel end -->
     </div>
 </div>
 <p><br />
diff --git a/docs/_site/sitemap.xml b/docs/_site/sitemap.xml
index bfdf094..5987d80 100644
--- a/docs/_site/sitemap.xml
+++ b/docs/_site/sitemap.xml
@@ -18,7 +18,7 @@
 </url>
 <url>
 <loc>https://renesas-rz.github.io/rzv_ai_sdk/latest/appendix.html</loc>
-<lastmod>2024-10-31T18:18:23+09:00</lastmod>
+<lastmod>2024-12-06T13:47:49+09:00</lastmod>
 </url>
 <url>
 <loc>https://renesas-rz.github.io/rzv_ai_sdk/latest/applications.html</loc>
@@ -26,11 +26,11 @@
 </url>
 <url>
 <loc>https://renesas-rz.github.io/rzv_ai_sdk/latest/demo.html</loc>
-<lastmod>2024-06-27T17:39:45+09:00</lastmod>
+<lastmod>2024-12-06T13:47:49+09:00</lastmod>
 </url>
 <url>
 <loc>https://renesas-rz.github.io/rzv_ai_sdk/latest/demo_v2h.html</loc>
-<lastmod>2024-08-01T10:51:30+09:00</lastmod>
+<lastmod>2024-12-06T13:47:49+09:00</lastmod>
 </url>
 <url>
 <loc>https://renesas-rz.github.io/rzv_ai_sdk/latest/dev_guide.html</loc>
@@ -42,7 +42,7 @@
 </url>
 <url>
 <loc>https://renesas-rz.github.io/rzv_ai_sdk/latest/getting_started.html</loc>
-<lastmod>2024-10-31T18:18:23+09:00</lastmod>
+<lastmod>2024-12-06T13:47:49+09:00</lastmod>
 </url>
 <url>
 <loc>https://renesas-rz.github.io/rzv_ai_sdk/latest/getting_started_v2h.html</loc>
@@ -54,7 +54,7 @@
 </url>
 <url>
 <loc>https://renesas-rz.github.io/rzv_ai_sdk/latest/history.html</loc>
-<lastmod>2024-10-31T18:18:23+09:00</lastmod>
+<lastmod>2024-12-06T13:47:49+09:00</lastmod>
 </url>
 <url>
 <loc>https://renesas-rz.github.io/rzv_ai_sdk/latest/howto_build_aisdk.html</loc>
@@ -62,7 +62,7 @@
 </url>
 <url>
 <loc>https://renesas-rz.github.io/rzv_ai_sdk/latest/howto_build_aisdk_v2h.html</loc>
-<lastmod>2024-10-31T18:18:23+09:00</lastmod>
+<lastmod>2024-12-06T13:47:49+09:00</lastmod>
 </url>
 <url>
 <loc>https://renesas-rz.github.io/rzv_ai_sdk/latest/howto_retrain.html</loc>
@@ -70,7 +70,7 @@
 </url>
 <url>
 <loc>https://renesas-rz.github.io/rzv_ai_sdk/latest/</loc>
-<lastmod>2024-10-31T18:18:23+09:00</lastmod>
+<lastmod>2024-12-06T13:47:49+09:00</lastmod>
 </url>
 <url>
 <loc>https://renesas-rz.github.io/rzv_ai_sdk/latest/v2h-configuration.html</loc>
diff --git a/docs/_site/v2h-configuration.html b/docs/_site/v2h-configuration.html
index 3c3d7a7..5b228d8 100755
--- a/docs/_site/v2h-configuration.html
+++ b/docs/_site/v2h-configuration.html
@@ -33,7 +33,7 @@
 {"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-08-09T11:51:59+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/v2h-configuration.html"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="assets/css/style.css?v=42bc0a88c82157c3258abbb3685cc8bd7cf26d49">
+    <link rel="stylesheet" href="assets/css/style.css?v=162493a069d3e4566422bc5b857e27d6cfb33409">
     <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
@@ -602,6 +602,9 @@ <h6 style="margin-bottom: 0px;">
                 <li>
                   <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#training-video">Training video</a>
                 </li>
+                <li>
+                  <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#app-video">AI Applications video</a>
+                </li>
               </ul>
             </details>
             <br class="br-nsp">
diff --git a/docs/_site/v2l-configuration.html b/docs/_site/v2l-configuration.html
index 66ff843..7560f13 100755
--- a/docs/_site/v2l-configuration.html
+++ b/docs/_site/v2l-configuration.html
@@ -33,7 +33,7 @@
 {"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-10-31T18:18:23+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/v2l-configuration.html"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="assets/css/style.css?v=42bc0a88c82157c3258abbb3685cc8bd7cf26d49">
+    <link rel="stylesheet" href="assets/css/style.css?v=162493a069d3e4566422bc5b857e27d6cfb33409">
     <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
@@ -602,6 +602,9 @@ <h6 style="margin-bottom: 0px;">
                 <li>
                   <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#training-video">Training video</a>
                 </li>
+                <li>
+                  <a href="https://renesas-rz.github.io/rzv_ai_sdk/5.00/#app-video">AI Applications video</a>
+                </li>
               </ul>
             </details>
             <br class="br-nsp">
diff --git a/docs/_site/version.html b/docs/_site/version.html
index c2adfab..8986266 100755
--- a/docs/_site/version.html
+++ b/docs/_site/version.html
@@ -33,7 +33,7 @@
 {"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-08-09T11:51:59+09:00","description":"The best solution for starting your AI applications.","headline":"Renesas RZ/V AI","url":"https://renesas-rz.github.io/rzv_ai_sdk/5.00/version.html"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="assets/css/style.css?v=42bc0a88c82157c3258abbb3685cc8bd7cf26d49">
+    <link rel="stylesheet" href="assets/css/style.css?v=162493a069d3e4566422bc5b857e27d6cfb33409">
     <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
diff --git a/docs/applications.md b/docs/applications.md
index ae6b9f0..3c05acd 100755
--- a/docs/applications.md
+++ b/docs/applications.md
@@ -1,7 +1,7 @@
 ---
 layout: default
 ---
-
+<div class="application-window">
 <div class="container" style="max-width:100%;">
     <div class="row">
         <div id="page-top" class="top col-12">
@@ -12,7 +12,6 @@ layout: default
 </div>
 <br>
 
-<div class="application-window">
 <h5 align="left">
     AI Applications are provided with pre-trained AI models. <br><br>
     Select each application to access the source code.<br><br><br>
@@ -38,10 +37,15 @@ layout: default
                 data-model="YOLOv3"
                 data-targetobj="Animal"
                 data-label=""
+                data-feature="Video"
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
-                    <img src="img/Agriculture1_960x540.jpg" alt="application">
+                    <img src="img/Agriculture1_960x540.jpg" 
+                        alt="application" 
+                        width="100%" 
+                        onmouseover="this.src='img/GIF/Agriculture1_480x270.gif'" 
+                        onmouseout="this.src='img/Agriculture1_960x540.jpg'">
                     <dt class="mt-1" style="color: #2a289d;">Defense wild animals for crop</dt>
                     <h6 class="appstatus" align="right"><b><br /></b></h6>
                     <div class="griditem-add">
@@ -64,6 +68,10 @@ layout: default
                             <div class="devicelinkbutton_parent">
                                 <a class="devicelinkbutton" href="https://github.com/Ignitarium-Renesas/rzv_ai_apps/tree/main/07_Animal_detection" style="color:white">RZ/V2H ></a>
                                 <p class="Perf-Framerate">39fps</p>
+                                <a class="videolinkbutton" 
+                                    href="{{ site.url }}{{ site.baseurl }}{% link index.md %}#agriculture1" >
+                                    VIDEO >
+                                </a>
                             </div>
                         </dd>
                     </dl>
@@ -73,6 +81,7 @@ layout: default
                 data-model="Custom"
                 data-targetobj="Other"
                 data-label="Updated!"
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -108,6 +117,7 @@ layout: default
                 data-model="Tiny YOLOv3/YOLOv3"
                 data-targetobj="Animal"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -152,6 +162,7 @@ layout: default
                 data-model="YOLOv3"
                 data-targetobj="Head"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -187,10 +198,15 @@ layout: default
                 data-model="YOLOv3"
                 data-targetobj="Head"
                 data-label=""
+                data-feature="Video"
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
-                    <img src="img/SmartBuilding2_960x540.jpg" alt="application">
+                    <img src="img/SmartBuilding2_960x540.jpg" 
+                        alt="application" 
+                        width="100%" 
+                        onmouseover="this.src='img/GIF/SmartBuilding2_480x270.gif'" 
+                        onmouseout="this.src='img/SmartBuilding2_960x540.jpg'">
                     <dt class="mt-1" style="color: #2a289d;">Conference Room Usage Monitor</dt>
                     <h6 class="appstatus" align="right"><b><br /></b></h6>
                     <div class="griditem-add">
@@ -213,6 +229,10 @@ layout: default
                             <div class="devicelinkbutton_parent">
                                 <a class="devicelinkbutton" href="https://github.com/Ignitarium-Renesas/rzv_ai_apps/tree/main/11_Head_count_topview" style="color:white">RZ/V2H ></a>
                                 <p class="Perf-Framerate">40fps</p>
+                                <a class="videolinkbutton" 
+                                    href="{{ site.url }}{{ site.baseurl }}{% link index.md %}#building2" >
+                                    VIDEO >
+                                </a>
                             </div>
                         </dd>
                     </dl>
@@ -222,6 +242,7 @@ layout: default
                 data-model="YOLOv3"
                 data-targetobj="Head"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -257,6 +278,7 @@ layout: default
                 data-model="Tiny YOLOv3/YOLOv3"
                 data-targetobj="Person"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -292,6 +314,7 @@ layout: default
                 data-model="YOLOv3"
                 data-targetobj="Other"
                 data-label="Updated!"
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -327,6 +350,7 @@ layout: default
                 data-model="Tiny YOLOv2+ResNet-18/YOLOv3"
                 data-targetobj="Hand"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -362,6 +386,7 @@ layout: default
                 data-model="FaceNet"
                 data-targetobj="Face"
                 data-label="Updated!"
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -397,6 +422,7 @@ layout: default
                 data-model="Tiny YOLOv3"
                 data-targetobj="Vehicle"
                 data-label="New!"
+                data-feature=""
                 data-device="RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -437,6 +463,7 @@ layout: default
                 data-model="YOLOv3"
                 data-targetobj="Head"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -472,6 +499,7 @@ layout: default
                 data-model="Tiny YOLOv3/YOLOv3"
                 data-targetobj="Person"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -507,6 +535,7 @@ layout: default
                 data-model="ResNet-18+Tiny YOLOv2"
                 data-targetobj="Face"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -542,6 +571,7 @@ layout: default
                 data-model="Tiny YOLOv3/YOLOv3"
                 data-targetobj="Person"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -577,6 +607,7 @@ layout: default
                 data-model="Custom"
                 data-targetobj="Vehicle"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -608,6 +639,7 @@ layout: default
                 data-model="Custom"
                 data-targetobj="Vehicle"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -639,6 +671,7 @@ layout: default
                 data-model="FaceNet"
                 data-targetobj="Face"
                 data-label="Updated!"
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -674,6 +707,7 @@ layout: default
                 data-model="YOLOv3"
                 data-targetobj="Head"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -709,6 +743,7 @@ layout: default
                 data-model="Tiny YOLOv3/YOLOv3"
                 data-targetobj="Person"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -744,6 +779,7 @@ layout: default
                 data-model="CNN+MLP"
                 data-targetobj="Other"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -775,6 +811,7 @@ layout: default
                 data-model="Tiny YOLOv3/YOLOv3"
                 data-targetobj="Animal"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -810,6 +847,7 @@ layout: default
                 data-model="Tiny YOLOv3/YOLOv3"
                 data-targetobj="Vehicle"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -845,6 +883,7 @@ layout: default
                 data-model="Tiny YOLOv3"
                 data-targetobj="Vehicle"
                 data-label="Updated!"
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -880,6 +919,7 @@ layout: default
                 data-model="Tiny YOLOv3/YOLOv3"
                 data-targetobj="Vehicle"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -915,6 +955,7 @@ layout: default
                 data-model="Tiny YOLOv3/YOLOv3"
                 data-targetobj="Vehicle"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -950,6 +991,7 @@ layout: default
                 data-model="Tiny YOLOv3/YOLOv3"
                 data-targetobj="Vehicle"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -985,6 +1027,7 @@ layout: default
                 data-model="Tiny YOLOv3/YOLOv3"
                 data-targetobj="Vehicle"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1020,6 +1063,7 @@ layout: default
                 data-model="Unet"
                 data-targetobj="Crack"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1055,6 +1099,7 @@ layout: default
                 data-model="Tiny YOLOv3/YOLOv3"
                 data-targetobj="Person"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1090,6 +1135,7 @@ layout: default
                 data-model="Tiny YOLOv3"
                 data-targetobj="Vehicle"
                 data-label="New!"
+                data-feature=""
                 data-device="RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1121,6 +1167,7 @@ layout: default
                 data-model="Tiny YOLOv3"
                 data-targetobj="Vehicle"
                 data-label="New!"
+                data-feature=""
                 data-device="RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1152,6 +1199,7 @@ layout: default
                 data-model="Unet"
                 data-targetobj="Other"
                 data-label="New!"
+                data-feature=""
                 data-device="RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1183,6 +1231,7 @@ layout: default
                 data-model="Unet"
                 data-targetobj="Other"
                 data-label="New!"
+                data-feature=""
                 data-device="RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1223,6 +1272,7 @@ layout: default
                 data-model="Tiny YOLOv2+HRNet"
                 data-targetobj="Person"
                 data-label="Updated!"
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1258,6 +1308,7 @@ layout: default
                 data-model="HRNet+Custom"
                 data-targetobj="Person"
                 data-label="New!"
+                data-feature=""
                 data-device="RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1298,6 +1349,7 @@ layout: default
                 data-model="YOLOv3"
                 data-targetobj="Head"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1333,6 +1385,7 @@ layout: default
                 data-model="ArcFace/ResNet-50"
                 data-targetobj="Face"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1364,6 +1417,7 @@ layout: default
                 data-model="YOLOv3"
                 data-targetobj="Animal"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1399,6 +1453,7 @@ layout: default
                 data-model="Tiny YOLOv2+ResNet-18/YOLOv3"
                 data-targetobj="Hand"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1434,6 +1489,7 @@ layout: default
                 data-model="Tiny YOLOv3+Tesseract/YOLOv3+Tesseract"
                 data-targetobj="Other"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1478,6 +1534,7 @@ layout: default
                 data-model="YOLOv3"
                 data-targetobj="Head"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1513,10 +1570,15 @@ layout: default
                 data-model="Tiny YOLOv3/YOLOv3"
                 data-targetobj="Person"
                 data-label=""
+                data-feature="Video"
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
-                    <img src="img/Industrial4_960x540.jpg" alt="application">
+                    <img src="img/Industrial4_960x540.jpg" 
+                        alt="application" 
+                        width="100%" 
+                        onmouseover="this.src='img/GIF/Industrial4_480x270.gif'" 
+                        onmouseout="this.src='img/Industrial4_960x540.jpg'">
                     <dt class="mt-1" style="color: #2a289d;">Access Control</dt>
                     <h6 class="appstatus" align="right"><b><br /></b></h6>
                     <div class="griditem-add">
@@ -1539,6 +1601,10 @@ layout: default
                             <div class="devicelinkbutton_parent">
                                 <a class="devicelinkbutton" href="https://github.com/Ignitarium-Renesas/rzv_ai_apps/tree/main/02_Line_crossing_object_counting" style="color:white">RZ/V2H ></a>
                                 <p class="Perf-Framerate">40fps</p>
+                                <a class="videolinkbutton" 
+                                    href="{{ site.url }}{{ site.baseurl }}{% link index.md %}#industrial2" >
+                                    VIDEO >
+                                </a>
                             </div>
                         </dd>
                     </dl>
@@ -1548,6 +1614,7 @@ layout: default
                 data-model="YOLOv3"
                 data-targetobj="Other"
                 data-label="Updated!"
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1583,6 +1650,7 @@ layout: default
                 data-model="Tiny YOLOv2+ResNet-18/YOLOv3"
                 data-targetobj="Hand"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1618,6 +1686,7 @@ layout: default
                 data-model="Tiny YOLOv2+DeepPose/YOLOv3+DeepPose"
                 data-targetobj="Face"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1653,6 +1722,7 @@ layout: default
                 data-model="Custom"
                 data-targetobj="Other"
                 data-label="Updated!"
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1688,6 +1758,7 @@ layout: default
                 data-model="Unet"
                 data-targetobj="Crack"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1723,6 +1794,7 @@ layout: default
                 data-model="Tiny YOLOv3/YOLOv3"
                 data-targetobj="Other"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1767,6 +1839,7 @@ layout: default
                 data-model="YOLOv3"
                 data-targetobj="Head"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1802,6 +1875,7 @@ layout: default
                 data-model="Tiny YOLOv2+FairFace"
                 data-targetobj="Face"
                 data-label="Updated!"
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1837,6 +1911,7 @@ layout: default
                 data-model="ResNet-18+Tiny YOLOv2"
                 data-targetobj="Face"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1872,6 +1947,7 @@ layout: default
                 data-model="Tiny YOLOv3/YOLOv3"
                 data-targetobj="Person"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1907,6 +1983,7 @@ layout: default
                 data-model="YOLOv3"
                 data-targetobj="Head"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -1942,6 +2019,7 @@ layout: default
                 data-model="Tiny YOLOv3/YOLOv3"
                 data-targetobj="Person"
                 data-label=""
+                data-feature=""
                 data-device="RZ/V2L,RZ/V2H,"
                 >
                 <li class="griditem" style="list-style: none;">
@@ -2013,7 +2091,6 @@ Back to Top >
             </button>
         </div>
         <div id="application-filter-body">
-
             <div id="category-filter">
                 <h3 id="category-filter-titlecolor">Category</h3>
                 <div class="checkbox-group">
@@ -2165,9 +2242,16 @@ Back to Top >
                     <label for="Updated!">Updated!</label>
                 </div>
             </div>
+            <div id="feature-filter">
+                <h3 id="category-filter-titlecolor">Feature</h3>
+                <div class="checkbox-group">
+                    <input type="checkbox" id="Video" class="filter_content" value="Video">
+                    <label for="Video">Video</label>
+                </div>
+            </div>
+            <br>
         </div>
     </div>
-
     <button id="application-filter-visible-button" class="btn btn-muted ">
         <svg width="16" height="16" font-size="30" fill="currentColor" class="bi bi-3x" viewBox="0 0 16 16" style="">
             <use xlink:href="assets/img/bootstrap-icons.svg#funnel"></use>
@@ -2187,7 +2271,6 @@ Back to Top >
 
         function toggleButtons() {
             if (window.innerWidth < 961) {
-            // if (window.innerWidth < 992) {
                 document.getElementById('application-filter').style.display = 'none';
                 document.getElementById('application-filter-visible-button').style.display = 'block';
                 document.getElementById('application-filter-erase-button').style.display = 'none';
@@ -2239,15 +2322,17 @@ Back to Top >
         let selectedDevices = getSelectedValues('device-filter');
         // let selectedInputSrcs = getSelectedValues('input_source-filter');
         let selectedLabels = getSelectedValues('label-filter');
+        let selectedFeatures = getSelectedValues('feature-filter');
 
         let cateDivs = document.querySelectorAll('.category_section');
-        let appsDivs = document.querySelectorAll('[data-model], [data-targetobj], [data-device], [data-label]');//, [data-inputsrc]');
+        let appsDivs = document.querySelectorAll('[data-model], [data-targetobj], [data-device], [data-label], [data-feature]');//, [data-inputsrc]');
         appsDivs.forEach(function (div) {
             let models      = div.getAttribute('data-model').split(/[+/]/).filter(Boolean);
             let targetobjs  = div.getAttribute('data-targetobj').split(',').filter(Boolean);
             let devices     = div.getAttribute('data-device').split(',').filter(Boolean);
             // let inputsrcs   = div.getAttribute('data-inputsrc').split(',').filter(Boolean);
             let labels     = div.getAttribute('data-label').split(',').filter(Boolean);
+            let features     = div.getAttribute('data-feature').split(',').filter(Boolean);
 
             let modelCondition = selectedModels.length === 0 || models.some(function(value) {
                 return selectedModels.includes(value.trim());
@@ -2264,8 +2349,11 @@ Back to Top >
             let labelCondition = selectedLabels.length === 0 || labels.some(function(value) {
                 return selectedLabels.includes(value.trim());
             }); 
+            let featureCondition = selectedFeatures.length === 0 || features.some(function(value) {
+                return selectedFeatures.includes(value.trim());
+            }); 
 
-                        toggleVisibility(div, modelCondition && targetObjCondition && deviceCondition && labelCondition );// && inputSrcCondition);
+                        toggleVisibility(div, modelCondition && targetObjCondition && deviceCondition && labelCondition && featureCondition );// && inputSrcCondition);
         });
 
         cateDivs.forEach(function (div) {
diff --git a/docs/assets/css/style.scss b/docs/assets/css/style.scss
index 9c4898a..259acba 100755
--- a/docs/assets/css/style.scss
+++ b/docs/assets/css/style.scss
@@ -23,7 +23,7 @@ html, body {
 
 .application-window
 {
-  padding-right: 150px;
+  padding-right: 160px;
 }
 header, footer {
   padding: 50px 10px 50px 50px;
@@ -960,16 +960,37 @@ pre {
 }
 
 /********** For Video **********/
-.videodetails {
-  color: #675C5C;
-  list-style:none;
-  min-height:140px;
-  padding:3% 5%;
-  background: #ffffff;
-  border-radius:0px;
-  border:1px solid #e0e0e0;
-  border-top: none;
-  text-align: left;
+.video-wrapper {
+  position: relative;
+  padding-top: 56.25%;
+}
+.video-iframe{
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.videolinkbutton {
+  margin:2px 6px 0px 0px;
+  background-color: #7c909b; 
+  color: white;
+  padding: 5px 8px;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 12px;
+  font-family: Arial, sans-serif;
+  cursor: pointer;
+  border: none;
+  border-radius: 2px; 
+}
+
+.videolinkbutton:hover {
+  background-color:rgb(67, 171, 226); 
+  transform: scale(1.1);
+  transition-duration: 0.3s; 
+  color: white;
 }
 /** meistier **/
 .titlebox {
@@ -1074,10 +1095,10 @@ dl {
     @media (max-width: 960px) { 
         #application-filter { 
             position: fixed; 
-            top: 195px;
+            top: 15vh;
             right: 0px; 
             width: 50%; 
-            max-height: 80vh; 
+            max-height: 85vh; 
             overflow-y: auto; 
             display: none; 
         }
@@ -1141,10 +1162,10 @@ dl {
     }
     #application-filter { 
         position: fixed; 
-        top: 195px;
+        top: 5vh;
         right: 15px; 
         width: 200px; 
-        max-height: 80vh; 
+        max-height: 95vh; 
         overflow-y: auto; 
     }
     #filter-title { 
diff --git a/docs/history.md b/docs/history.md
index 6f76be6..f8e5132 100755
--- a/docs/history.md
+++ b/docs/history.md
@@ -15,6 +15,38 @@ layout: default
             <br>
             <br>
             <!-- Topic below -->
+            <i>
+                <h3 class="history-title">
+                    RZ/V AI Applications Video
+                </h3>
+                <h6 align="right" >
+                    2024.12.20
+                </h6>
+            </i>
+            <ul>
+                <li>
+                    <h5 class="history-item">RZ/V AI Applications Video is released.</h5>
+                    <ul>
+                        <li> 
+                            Added sample use-case videos for following AI Applications.
+                            <ul>
+                                <li> 
+                                    Defense Wild Animals for Crop (Agriclture)
+                                </li>
+                                <li> 
+                                    Conference Room Usage Monitor (Smart Building)
+                                </li>
+                                <li> 
+                                    Access Control (Industrial)
+                                </li>
+                            </ul>
+                        </li>
+                    </ul>
+                </li>
+            </ul>
+            <br>
+            <!-- Topic above -->
+            <!-- Topic below -->
             <i>
                 <h3 class="history-title">
                     RZ/V2H, RZ/V2L AI Applications Demo v5.00
diff --git a/docs/img/GIF/Agriculture1_480x270.gif b/docs/img/GIF/Agriculture1_480x270.gif
new file mode 100644
index 0000000..a9102f9
Binary files /dev/null and b/docs/img/GIF/Agriculture1_480x270.gif differ
diff --git a/docs/img/GIF/Industrial4_480x270.gif b/docs/img/GIF/Industrial4_480x270.gif
new file mode 100644
index 0000000..f91d7b2
Binary files /dev/null and b/docs/img/GIF/Industrial4_480x270.gif differ
diff --git a/docs/img/GIF/SmartBuilding2_480x270.gif b/docs/img/GIF/SmartBuilding2_480x270.gif
new file mode 100644
index 0000000..042009b
Binary files /dev/null and b/docs/img/GIF/SmartBuilding2_480x270.gif differ
diff --git a/docs/index.md b/docs/index.md
index e4c769a..2a33d94 100755
--- a/docs/index.md
+++ b/docs/index.md
@@ -36,70 +36,30 @@ layout: default
     <div class="row">
         <div class="col-12">
             <h6 align="right" >
-                2024.12.6
+                2024.12.20
             </h6>
             <ul>
                 <li>
-                    <b>RZ/V2H AI Applications Demo v5.00</b> is released.
+                    <b>RZ/V AI Applications Video</b> is released.
                     <ul>
                         <li> 
-                            Supported AI Applications v5.00.
+                            Added sample use-case videos for following AI Applications.
                             <ul>
-                                <li>
-                                    Added support for 15 applications.
+                                <li> 
+                                    Defense Wild Animals for Crop (Agriclture)
                                 </li>
-                            </ul>
-                        </li>
-                        <li> 
-                            Graphics library included is changed to the unrestricted version.<br>
-                            <ul>
-                                <li>
-                                    Operation time limitation is removed.
+                                <li> 
+                                    Conference Room Usage Monitor (Smart Building)
                                 </li>
-                            </ul>
-                        </li>
-                    </ul>
-                </li>
-                <br>
-                <li>
-                    <b>RZ/V2L AI Applications Demo v5.00</b> is released.
-                    <ul>
-                        <li> 
-                            Supported GUI operation.
-                        </li>
-                        <li> 
-                            Supported AI Applications v5.00.
-                            <ul>
-                                <li>
-                                    All applications support both MIPI camera and USB camera input.
+                                <li> 
+                                    Access Control (Industrial)
                                 </li>
                             </ul>
                         </li>
-                        <li> 
-                            Graphics library and Video Codec library included are changed to the unrestricted version.<br>
-                            <ul>
-                                <li>
-                                    Operation time limitation is removed.
-                                </li>
-                            </ul>
-                        </li>
-                    </ul>
-                </li>
-            </ul>
-            For more details, see <a href="#demo"><b>Demo</b></a>.
-            <br>
-            <br>
-            <ul>
-                <li>
-                    <b>RZ/V2H ISP Support Package for AI SDK v5.00</b> is released.<br>
-                    <ul>
-                        <li> 
-                            Package that can be applied to RZ/V2H AI SDK to use Built-in ISP.<br>
-                        </li>
                     </ul>
                 </li>
             </ul>
-            For more details, see <a href="#reference"><b>Reference</b></a>.
+            For more details, see <a href="#app-video"><b>AI Applications video</b></a>.
             <br>
             <br>
         </div>
@@ -311,53 +271,357 @@ layout: default
 <br>
 <br>
 <h3 id="video">Video</h3>
-<br>
-<h5 id="training-video"><b>Training video</b></h5>
 <div class="container">
     <div class="row">
-        <div class="col-lg-6 col-xl-4">
-            <iframe width="100%" height="55%" src="https://www.youtube.com/embed/ErmISuWkkBQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen>
-            </iframe>
-            <ul class="videodetails">
-                <li>
-                    <a href="https://youtu.be/ErmISuWkkBQ">RZ/V2H AI Applications Tutorial - Getting Started v3.00 (Youtube) </a>
-                    <br><br>
-                    For <b>RZ/V2H</b> AI SDK <b>v3.00</b> (latest).<br>
-                    This is a tutorial video explaining the content of getting started.<br>
-                    This tutorial is for RZ/V2H EVK.<br>
-                    The AI SDK only supports eSD bootloader.
-                </li>
-            </ul>
+        <div class="col-12">
+            <h4 class="u_line" id="training-video">
+                Training video
+            </h4>
         </div>
-        <div class="col-lg-6 col-xl-4">
-            <iframe width="100%" height="55%" src="https://www.youtube.com/embed/CPeE2q3TdOY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen>
-            </iframe>
-            <ul class="videodetails">
-                <li>
-                    <a href="https://youtu.be/CPeE2q3TdOY">RZ/V2L AI Applications Tutorial - Getting Started v2.10 (Youtube) </a>
-                    <br><br>
-                    For <b>RZ/V2L</b> AI SDK <b>v2.10</b> (latest).<br>
-                    This is a tutorial video explaining the content of getting started.<br>
-                    This tutorial is for RZ/V2L EVK.<br>
-                    The AI SDK supports both eSD bootloder and eMMC bootloader.<br>
-                    In this video, eSD bootloader is used.
-                </li>
-            </ul>
+        <div class="col-12">
+            Tutorial videos to explain the contents of Getting Started.
+            <br><br>
         </div>
-        <div class="col-lg-6 col-xl-4">
-            <iframe width="100%" height="55%" src="https://www.youtube.com/embed/wFbTomH8oPs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen>
-            </iframe>
-            <ul class="videodetails">
-                <li>
-                    <a href="https://youtu.be/wFbTomH8oPs">RZ/V2L AI Applications Tutorial - Getting Started v1.00 (Youtube) </a>
-                    <br><br>
-                    For <b>RZ/V2L</b> AI SDK <b>v1.00</b>.<br>
-                    This is a tutorial video explaining the content of getting started.<br>
-                    This tutorial is for RZ/V2L EVK.<br>
-                    The AI SDK only supports eMMC bootloader.
-                </li>
-            </ul>
+    </div>
+    <div class="row">
+<!-- Video panel start -->
+        <div class="col-12 col-md-6 col-xl-4 mb-5">
+            <div class="griditem" style="list-style: none;">
+                <div class="video-wrapper">
+                    <iframe 
+                        class="video-iframe"
+                        src="https://www.youtube.com/embed/ErmISuWkkBQ" 
+                        title="YouTube video player" 
+                        frameborder="0" 
+                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
+                        allowfullscreen>
+                    </iframe>
+                </div>
+                <div class="row mt-2">
+                    <div class="col-11 pe-0">
+                        <b>
+                            <a href="https://youtu.be/ErmISuWkkBQ">
+                                RZ/V2H AI Applications Tutorial - Getting Started v3.00 (Youtube) 
+                            </a>
+                        </b>
+                    </div>
+                    <div class="col-1 ps-0">
+                        <h6 class="mb-0" style="color: gray;" align="right">24:36</h6>
+                    </div>
+                </div>
+                <div class="griditem-add">
+                    <ul>
+                        <li>
+                            <b>Latest Tutorial Video for RZ/V2H</b>
+                        </li>
+                        <li>
+                            <b>Latest Tutorial Video for RZ/V2H</b>
+                        </li>
+                        <li>
+                            For RZ/V2H Evaluation Board Kit.
+                        </li>
+                        <li>
+                            For <b>RZ/V2H</b> AI SDK <b>v3.00</b>.
+                            <h6>
+                                <ul>
+                                    <li>
+                                        Only supports eSD bootloader.
+                                    </li>
+                                </ul>
+                            </h6>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <!-- Video panel end -->
+        <!-- Video panel start -->
+        <div class="col-12 col-md-6 col-xl-4 mb-5">
+            <div class="griditem" style="list-style: none;">
+                <div class="video-wrapper">
+                    <iframe 
+                        class="video-iframe"
+                        src="https://www.youtube.com/embed/CPeE2q3TdOY" 
+                        title="YouTube video player" 
+                        frameborder="0" 
+                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
+                        allowfullscreen>
+                    </iframe>
+                </div>
+                <div class="row mt-2">
+                    <div class="col-11 pe-0">
+                        <b>
+                            <a href="https://youtu.be/CPeE2q3TdOY">
+                                RZ/V2L AI Applications Tutorial - Getting Started v2.10 (Youtube) 
+                            </a>
+                        </b>
+                    </div>
+                    <div class="col-1 ps-0">
+                        <h6 class="mb-0" style="color: gray;" align="right">25:43</h6>
+                    </div>
+                </div>
+                <div class="griditem-add">
+                    <ul>
+                        <li>
+                            <b>Latest Tutorial Video for RZ/V2L</b>
+                        </li>
+                        <li>
+                            For RZ/V2L Evaluation Board Kit.
+                        </li>
+                        <li>
+                            For <b>RZ/V2L</b> AI SDK <b>v2.10</b>.
+                            <h6>
+                                <ul>
+                                    <li>
+                                        Supports both eSD and eMMC bootloader.
+                                    </li>
+                                    <li>
+                                        In this video, eSD bootloader is used.
+                                    </li>
+                                </ul>
+                            </h6>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <!-- Video panel end -->
+        <!-- Video panel start -->
+        <div class="col-12 col-md-6 col-xl-4 mb-5">
+            <div class="griditem" style="list-style: none;">
+                <div class="video-wrapper">
+                    <iframe 
+                        class="video-iframe"
+                        src="https://www.youtube.com/embed/wFbTomH8oPs" 
+                        title="YouTube video player" 
+                        frameborder="0" 
+                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
+                        allowfullscreen>
+                    </iframe>
+                </div>
+                <div class="row mt-2">
+                    <div class="col-11 pe-0">
+                        <b>
+                            <a href="https://youtu.be/wFbTomH8oPs">
+                                RZ/V2L AI Applications Tutorial - Getting Started v1.00 (Youtube)
+                            </a>
+                        </b>
+                    </div>
+                    <div class="col-1 ps-0">
+                        <h6 class="mb-0" style="color: gray;" align="right">33:56</h6>
+                    </div>
+                </div>
+                <div class="griditem-add">
+                    <ul>
+                        <li>
+                            For RZ/V2L Evaluation Board Kit.
+                        </li>
+                        <li>
+                            For <b>RZ/V2L</b> AI SDK <b>v1.10</b>.
+                            <h6>
+                                <ul>
+                                    <li>
+                                        Only supports eMMC bootloader.
+                                    </li>
+                                </ul>
+                            </h6>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <!-- Video panel end -->
+    </div>
+    <br>
+    <div class="row">
+        <div class="col-12">
+            <h4 class="u_line" id="app-video">
+                AI Applications video
+            </h4>
+        </div>
+        <div class="col-12">
+            Video to show sample use-cases of <a href="{{ site.url }}{{ site.baseurl }}{% link applications.md %}">RZ/V AI Applications</a>.
+            <br><br>
+        </div>
+    </div>
+    <div class="row">
+        <!-- Video panel start -->
+        <div class="col-12 col-md-6 col-xl-4 mb-5" id="agriculture1">
+            <div class="griditem" style="list-style: none;">
+                <div class="video-wrapper">
+                    <iframe 
+                        class="video-iframe"
+                        src="https://www.youtube.com/embed/CjX_DyCVtM8" 
+                        title="YouTube video player" 
+                        frameborder="0" 
+                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
+                        allowfullscreen>
+                    </iframe>
+                </div>
+                <div class="row mt-2">
+                    <div class="col-11 pe-0">
+                        <b>
+                            <a href="https://youtu.be/CjX_DyCVtM8">
+                                    Agriculture :<br>
+                                    Defense Wild Animals for Crop (YouTube)
+                            </a>
+                        </b>
+                    </div>
+                    <div class="col-1 ps-0">
+                        <h6 class="mb-0" style="color: gray;" align="right">1:31</h6>
+                    </div>
+                </div>
+                <div class="griditem-add">
+                    <ul class="mb-2">
+                        <li>
+                            Environment
+                            <h6 class="mb-1">
+                                <ul>
+                                    <li>
+                                        RZ/V2H Evaluation Board Kit
+                                    </li>
+                                    <li>
+                                        AI Applications v4.00
+                                    </li>
+                                    <li>
+                                        Input: USB Camera (640x480)
+                                    </li>
+                                    <li>
+                                        Output: HDMI (1920x1080)
+                                    </li>
+                                </ul>
+                            </h6>
+                        </li>
+                    </ul>
+                    <p align="right" class="m-0">
+                        <a class="devicelinkbutton" 
+                            href="{{ site.url }}{{ site.baseurl }}{% link applications.md %}#agriculture1" 
+                            style="color:white">
+                            More Details >
+                        </a>
+                    </p>
+                </div>
+            </div>
+        </div>
+        <!-- Video panel end -->
+        <!-- Video panel start -->
+        <div class="col-12 col-md-6 col-xl-4 mb-5" id="building2">
+            <div class="griditem" style="list-style: none;">
+                <div class="video-wrapper">
+                    <iframe 
+                        class="video-iframe"
+                        src="https://www.youtube.com/embed/XELOK3NJq68" 
+                        title="YouTube video player" 
+                        frameborder="0" 
+                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
+                        allowfullscreen>
+                    </iframe>
+                </div>
+                <div class="row mt-2">
+                    <div class="col-11 pe-0">
+                        <b>
+                            <a href="https://youtu.be/XELOK3NJq68">
+                                Smart Building :<br>
+                                Conference Room Usage Monitor (YouTube)
+                            </a>
+                        </b>
+                    </div>
+                    <div class="col-1 ps-0">
+                        <h6 class="mb-0" style="color: gray;" align="right">1:59</h6>
+                    </div>
+                </div>
+                <div class="griditem-add">
+                    <ul class="mb-2">
+                        <li>
+                            Environment
+                            <h6 class="mb-1">
+                                <ul>
+                                    <li>
+                                        RZ/V2H Evaluation Board Kit
+                                    </li>
+                                    <li>
+                                        AI Applications v4.00
+                                    </li>
+                                    <li>
+                                        Input: USB Camera (640x480)
+                                    </li>
+                                    <li>
+                                        Output: HDMI (1920x1080)
+                                    </li>
+                                </ul>
+                            </h6>
+                        </li>
+                    </ul>
+                    <p align="right" class="m-0">
+                        <a class="devicelinkbutton" 
+                            href="{{ site.url }}{{ site.baseurl }}{% link applications.md %}#building2" 
+                            style="color:white">
+                            More Details >
+                        </a>
+                    </p>
+                </div>
+            </div>
+        </div>
+        <!-- Video panel end -->
+        <!-- Video panel start -->
+        <div class="col-12 col-md-6 col-xl-4 mb-5" id="industrial2">
+            <div class="griditem" style="list-style: none;">
+                <div class="video-wrapper">
+                    <iframe 
+                        class="video-iframe"
+                        src="https://www.youtube.com/embed/neH2vfbJQP8" 
+                        title="YouTube video player" 
+                        frameborder="0" 
+                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
+                        allowfullscreen>
+                    </iframe>
+                </div>
+                <div class="row mt-2">
+                    <div class="col-11 pe-0">
+                        <b>
+                            <a href="https://youtu.be/neH2vfbJQP8">
+                                Industrial :<br>
+                                Access Control (YouTube)
+                            </a>
+                        </b>
+                    </div>
+                    <div class="col-1 ps-0">
+                        <h6 class="mb-0" style="color: gray;" align="right">1:42</h6>
+                    </div>
+                </div>
+                <div class="griditem-add">
+                    <ul class="mb-2">
+                        <li>
+                            Environment
+                            <h6 class="mb-1">
+                                <ul>
+                                    <li>
+                                        RZ/V2H Evaluation Board Kit
+                                    </li>
+                                    <li>
+                                        AI Applications v4.00
+                                    </li>
+                                    <li>
+                                        Input: USB Camera (640x480)
+                                    </li>
+                                    <li>
+                                        Output: HDMI (1920x1080)
+                                    </li>
+                                </ul>
+                            </h6>
+                        </li>
+                    </ul>
+                    <p align="right" class="m-0">
+                        <a class="devicelinkbutton" 
+                            href="{{ site.url }}{{ site.baseurl }}{% link applications.md %}#industrial2" 
+                            style="color:white">
+                            More Details >
+                        </a>
+                    </p>
+                </div>
+            </div>
         </div>
+        <!-- Video panel end -->
     </div>
 </div>
 <br>