diff --git a/src/modules/03_registration/view/Main.vue b/src/modules/03_registration/view/Main.vue
deleted file mode 100644
index e69de29..0000000
diff --git a/src/modules/03_registration/views/Main.vue b/src/modules/03_registration/views/Main.vue
new file mode 100644
index 0000000..2440965
--- /dev/null
+++ b/src/modules/03_registration/views/Main.vue
@@ -0,0 +1,358 @@
+<script setup lang="ts">
+</script>
+<template>
+    <q-card class="row col-12">
+        <div class="col-12 q-px-md q-py-sm text-subtitle1 text-white bg-primary text-weight-medium">
+            ทะเบียนประวัติ
+        </div>
+
+
+        <div class="q-pa-md col-12">
+        <q-list bordered class="rounded-borders">
+        <q-expansion-item class="text-weight-medium"
+            expand-separator
+            label="วัตถุประสงค์ของการพัฒนา"
+            
+      >
+        <q-card>
+          <q-card-section>
+            <q-card  class="card1 q-pa-md text-weight-regular">
+                    <div class="col-12">
+                        <div class="text-weight-medium">การวางแผนและการควบคุมทรัพยากรบุคคล </div>
+                        <ul>
+                            <li>
+                                ช่วยให้องค์กรสามารถวางแผนในการจัดการทรัพยากรบุคคลเพื่อให้ตรงกับความต้องการและวัตถุประสงค์ทางกลยุทธ์ขององค์กร
+                            </li>
+                        </ul>
+
+                        <div class="text-weight-medium">การเพิ่มประสิทธิภาพในการทำงาน</div>
+                        <ul>
+                            <li>
+                                ช่วยลดความซ้อนของโครงสร้างองค์กร และเพิ่มความชัดเจนในการรับผิดชอบและหน้าที่ของแต่ละตำแหน่ง
+                            </li>
+                        </ul>
+
+                        <div class="text-weight-medium">การจัดการบัญชีและความโปร่งใส</div>
+                        <ul>
+                            <li>
+                                ช่วยในการบันทึกข้อมูลที่เกี่ยวข้องกับบุคลากร เช่น ประวัติการทำงาน ทักษะ และประสบการณ์
+                            </li>
+                            
+                        </ul>
+                    </div>
+                </q-card>
+          </q-card-section>
+        </q-card>
+      </q-expansion-item>
+
+
+
+      <q-expansion-item
+            class="text-weight-medium"
+            expand-separator
+            label="ขอบเขตการดูแลระบบ"
+            
+      >
+        <q-card>
+          <q-card-section>
+            <q-card  class="card1 text-weight-regular">
+                    <div class="col-12">
+                        <ul>
+                            
+                            <li>
+                                ระบบทรัพยากรบุคคลควรกำหนดบทบาทและความรับผิดชอบของแต่ละตำแหน่งในองค์กรอย่างชัดเจน เพื่อให้ทุกคนในองค์กรทราบหน้าที่และการรับผิดชอบของตนเอง และสามารถปฏิบัติตามนโยบายและขั้นตอนการทำงานได้อย่างถูกต้อง
+                            </li>
+                            <li>
+                                ระบบควรสนับสนุนกระบวนการปรับปรุงผังโครงสร้างลูกจ้างเมื่อมีการเปลี่ยนแปลงในการจัดการ และระบบควรสนับสนุนกระบวนการบันทึกข้อมูลที่เกี่ยวข้องกับบุคลากรอย่างถูกต้องและเป็นประจำ
+                            </li>
+                            <li>
+                                ระบบควรแสดงการแสดงผังโครงสร้างลูกจ้างที่ชัดเจน และระบุความรับผิดชอบของแต่ละตำแหน่ง
+                            </li>
+                        </ul>
+                    </div>
+                </q-card>
+          </q-card-section>
+        </q-card>
+      </q-expansion-item>
+
+
+
+
+      <q-expansion-item
+            class="text-weight-medium"
+            expand-separator
+            label="รายละเอียดและขั้นตอนการดูแลระบบ"
+            
+      >
+        <q-card>
+          <q-card-section>
+            <q-card  class="card1 q-pa-md text-weight-regular">
+                    <div class="col-12">
+                        <div class="text-weight-medium">1.) การจัดการตำแหน่ง</div>
+                        <ul>
+                            <li>
+                                กำหนดตำแหน่งงานที่เหมาะสมและชัดเจนในองค์กร
+                            </li>
+                            <li>
+                                ระบุความรับผิดชอบและคุณสมบัติที่ต้องการสำหรับแต่ละตำแหน่ง
+                            </li>
+                            <li>
+                                ตรวจสอบและอัปเดตข้อมูลเกี่ยวกับตำแหน่งต่างๆ
+                            </li>
+                        </ul>
+
+                        <div class="text-weight-medium">2.) การสร้างแผนภูมิโครงสร้าง</div>
+                        <ul>
+                            <li>
+                                สร้างแผนภูมิโครงสร้างที่แสดงความสัมพันธ์ระหว่างตำแหน่งและบุคลากร ทำให้แผนภูมิโครงสร้างเข้าใจง่ายและสะท้อนความโปร่งใสในการบริหาร
+                            </li>
+                        </ul>
+
+                        <div class="text-weight-medium">3.) การจัดการโครงสร้างลูกจ้าง</div>
+                        <ul>
+                            <li>
+                                จัดหมวดหมู่หรือกลุ่มลูกจ้างตามลักษณะการทำงานหรือสาขาภาควิชา 
+                            </li>
+                            <li>
+                                ตรวจสอบและอัปเดตข้อมูลส่วนตัวของลูกจ้าง
+                            </li>
+                        </ul>
+
+
+                        <div class="text-weight-medium">4.) การจัดการบัญชี</div>
+                        <ul>
+                            <li>
+                                บันทึกและดูแลข้อมูลทรัพยากรบุคคล เช่น ข้อมูลส่วนตัว, ประสบการณ์การทำงาน, การศึกษา, จัดการข้อมูลเกี่ยวกับการลา, การเลื่อนตำแหน่ง และการพัฒนา 
+                            </li>
+                            <li>
+                                รักษาความถูกต้องและครบถ้วนของข้อมูลบุคคล และให้สิทธิ์การเข้าถึงข้อมูลตามความจำเป็น
+                            </li>
+                        </ul>
+
+
+                        <div class="text-weight-medium">5.) การวางแผนและการออกแบบ</div>
+                        <ul>
+                            <li>
+                                กำหนดวัตถุประสงค์ของระบบ ระบุวัตถุประสงค์ที่ต้องการให้ระบบดูแลและควบคุม
+                            </li>
+                            <li>
+                                ออกแบบโครงสร้าง สร้างโครงสร้างที่เหมาะสมสำหรับระบบ, รวมถึงการกำหนดกฎและเงื่อนไขของอัตรากำลัง
+                            </li>
+                        </ul>
+
+
+                    </div>
+                    
+                </q-card>
+          </q-card-section>
+        </q-card>
+      </q-expansion-item>
+
+
+
+      <q-expansion-item
+            class="text-weight-medium"
+            expand-separator
+            label="คำถามที่พบบ่อย"
+            
+      >
+        <q-card>
+          <q-card-section>
+            <q-card  class="card1 q-pa-md text-weight-regular">
+                    <div class="col-12 row">
+                        <q-icon class="iconQA" name="mdi-cloud-question"/>
+                        <div class="text-weight-medium" style="color: #016987;">หากต้องการจัดการตำแหน่งในระบบโครงสร้างอัตรากำลังอย่างไร ? </div>
+                        <br>
+                        <ul>
+                            <li>
+                                กดเลือกแถบเมนูย่อยของโครงสร้างอัตรากำลัง  
+                                <span 
+                                style="color: #02a998;
+                                padding: 2px;">
+                                    “จัดการตำแหน่ง”
+                                </span>
+                                แล้วกดไอคอน
+                                    <q-icon
+                                    name="mdi-pencil-outline"
+                                    style="margin: 0 5px; color: #02a998"
+                                    size="xs"
+                                    />
+                                เพื่อเพิ่ม ลบหรือแก้ไขข้อมูล โดยเลือกกดรายการจัดการตำแหน่งที่ต้องการจัดการ และสามารถกดเลือกรายการจัดการตำแหน่งเพื่อแก้ไขข้อมูลได้ 
+                               
+                                <div 
+                                style="
+                                border: 1px solid #d7d7d7
+                                bg-color; 
+                                padding: 5px ; 
+                                margin-top: 10px;
+                                border-radius: 5px;
+                                background-color: rgba(207, 207, 207, 0.375);
+                                ">
+                                    ทั้งนี้ผู้ใช้งานสามารถศึกษาวิธีจัดการตำแหน่งเพิ่มเติมได้จาก
+                                        <a href="https://bma-ehr-manual.frappet.synology.me/structuremain" target="_blank">https://bma-ehr-manual.frappet.synology.me/structuremain</a>
+                                        ตั้งแต่รูปภาพที่ 3-3 ถึง 3-6
+                                    
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+
+
+
+
+                    <div class="col-12 row">
+                        <q-icon class="iconQA" name="mdi-cloud-question"/>
+                        <div class="text-weight-medium" style="color: #016987;">หากต้องการจัดการโครงสร้างในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ? </div>
+                        <br>
+                        <ul>
+                            <li>
+                                กดเลือกแถบเมนูย่อยของโครงสร้างอัตรากำลัง  
+                                <span 
+                                style="color: #02a998;
+                                padding: 2px;">
+                                    “ผังโครงสร้าง”
+                                </span>
+                                แล้วกดไอคอน
+                                    <q-icon
+                                    name="mdi-pencil-outline"
+                                    style="margin: 0 5px; color: #02a998"
+                                    size="xs"
+                                    />
+                                    เพื่อเพิ่ม ลบหรือแก้ไขข้อมูลโครงสร้างได้
+                               
+                                <div 
+                                style="
+                                border: 1px solid #d7d7d7
+                                bg-color; 
+                                padding: 5px ; 
+                                margin-top: 10px;
+                                border-radius: 5px;
+                                background-color: rgba(207, 207, 207, 0.375);
+                                ">
+                                    ทั้งนี้ผู้ใช้งานสามารถศึกษาวิธีจัดการตำแหน่งเพิ่มเติมได้จาก
+                                        <a href="https://bma-ehr-manual.frappet.synology.me/structuremain" target="_blank">https://bma-ehr-manual.frappet.synology.me/structuremain</a>
+                                        ตั้งแต่รูปภาพที่ 3-10 ถึง 3-11
+                                    
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+
+
+
+                    <div class="col-12 row">
+                        <q-icon class="iconQA" name="mdi-cloud-question"/>
+                        <div class="text-weight-medium" style="color: #016987;">หากต้องการสร้างตำแหน่ง ในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ?</div>
+                        <br>
+                        <ul>
+                            <li>
+                                สามารถเลือกกดไอคอน 
+                                <span 
+                                style="color: #02a998;
+                                padding: 2px;">
+                                    “ผังโครงสร้าง”
+                                </span>
+                                แล้วกดไอคอน
+                                    <q-icon
+                                    name="mdi-plus"
+                                    style="margin: 0 5px; color: #02a998"
+                                    size="xs"
+                                    />
+                                    ที่ตำแหน่ง เพื่อเพิ่มข้อมูลตำแหน่ง ในตารางเพิ่มโครงสร้างอัตรากำลังภายใต้สำนักงาน 
+                            </li>
+                        </ul>
+                    </div>
+
+
+                    <div class="col-12 row">
+                        <q-icon class="iconQA" name="mdi-cloud-question"/>
+                        <div class="text-weight-medium" style="color: #016987;">หากต้องการสร้างหน่วยงาน ในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ?</div>
+                        <br>
+                        <ul>
+                            <li>
+                                สามารถเลือกกดไอคอน 
+                                <span 
+                                style="color: #02a998;
+                                padding: 2px;">
+                                    “ผังโครงสร้าง”
+                                </span>
+                                แล้วกดไอคอน
+                                    <q-icon
+                                    name="mdi-plus"
+                                    style="margin: 0 5px; color: #02a998"
+                                    size="xs"
+                                    />
+                                    ที่หน่วยงาน เพื่อเพิ่มข้อมูลหน่วยงาน  ในตารางเพิ่มโครงสร้างอัตรากำลังภายใต้สำนักงาน 
+                            </li>
+                        </ul>
+                    </div>
+
+
+
+
+                 <div class="col-12 row">
+                        <q-icon class="iconQA" name="mdi-cloud-question"/>
+                        <div class="text-weight-medium" style="color: #016987;">หากต้องการเชื่อมโครงสร้างอย่างไร ในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ?</div>
+                        <br>
+                        <ul>
+                            <li style="color: red;">
+                                Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis, deleniti. Odit nemo quidem ipsa at nesciunt tenetur, et fugiat ipsam!
+                            </li>
+                        </ul>
+                    </div>
+
+
+                    <div class="col-12 row">
+                        <q-icon class="iconQA" name="mdi-cloud-question"/>
+                        <div class="text-weight-medium" style="color: #016987;">
+                            แต่ละค่าที่แสดงคือ ค่าอะไร ?</div>
+                        <br>
+                        <ul>
+                            <li style="color: red;">
+                                Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis, deleniti. Odit nemo quidem ipsa at nesciunt tenetur, et fugiat ipsam!
+                            </li>
+                        </ul>
+                    </div>
+
+
+
+
+                   
+                </q-card>
+          </q-card-section>
+        </q-card>
+      </q-expansion-item>
+
+    
+    </q-list>
+  </div>
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+    </q-card>
+</template>
+
+<style>
+.card1{
+    background-color:#F8F8F8;
+    border-color: #EDEDED !important;
+}
+
+.iconQA {
+    color: #016987; 
+    font-size: 20px;
+    margin-right: 1%;
+}
+
+</style>
+
diff --git a/src/router/index.ts b/src/router/index.ts
index 7a0ed6b..e7e0fc4 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -3,6 +3,8 @@ import { createRouter, createWebHistory } from 'vue-router'
 const MainLayout = () => import("@/views/MainLayout.vue");
 const Metadata = () => import("@/modules/01_metadata/views/Main.vue");
 const Organizational = () => import("@/modules/02_organizational/views/Main.vue");
+const Registration = () => import("@/modules/03_registration/views/Main.vue");
+
 
 
 
@@ -28,6 +30,13 @@ const router = createRouter({
           name: "organizational",
           component: Organizational,
         },
+
+        {
+          path: "/registration",
+          name: "registration",
+          component: Registration,
+        },
+
         {
           path: "/contact",
           name: "contact",
diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index 48b59ec..e7cb835 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -30,7 +30,7 @@ const tabManu2 = [
 const mainmenu = [
 	{text: 'ข้อมูลหลัก', icon:'mdi-account-outline', path: 'metadata'},
 	{text: 'โครงสร้างอัตรากำลัง', icon:'mdi-account-group-outline',path: 'organizational'},
-	{text: 'ทะเบียนประวัติ', icon:'mdi-file-account-outline',path: 'organizational'},
+	{text: 'ทะเบียนประวัติ', icon:'mdi-file-account-outline',path: 'registration'},
 	{text: 'ทะเบียนประวัติลูกจ้าง', icon:'mdi-file-account-outline',path: 'organizational'},
 	{text: 'ออกคำสั่ง', icon:'mdi-file-certificate-outline',path: 'organizational'},
 	{text: 'สรรหา', icon:'mdi-magnify',path: 'organizational'},
@@ -345,10 +345,6 @@ window.onpopstate = function() {
 	color: #02A998;
 }
 
-.menu-icon {
-  width: 24px; /* ปรับขนาดตามต้องการ */
-  height: 24px; /* ปรับขนาดตามต้องการ */
-  background-size: cover;
-}
+
 
 </style>