diff --git a/resources/assets/js/components/demo/voter/home/mat.vue b/resources/assets/js/components/demo/voter/home/mat.vue
new file mode 100644
index 0000000..e69de29
diff --git a/resources/assets/js/components/demo/voter/index.vue b/resources/assets/js/components/demo/voter/index.vue
index 3ef9650..a797b8b 100644
--- a/resources/assets/js/components/demo/voter/index.vue
+++ b/resources/assets/js/components/demo/voter/index.vue
@@ -16,10 +16,14 @@
 					<ul class="nav navbar-nav">
 
 						<router-link :to="{name: 'Voter Home'}" tag="li" exact>
-							<a href="#">Home</a>
+							<a href="#">Laman Utama</a>
 						</router-link>
 
-						<router-link :to="{name: 'Attendance'}" tag="li" exact>
+						<router-link :to="{name: 'Mat'}" tag="li" exact>
+							<a href="#">MAT27</a>
+						</router-link>
+
+						<router-link :to="{name: 'Attendance'}"  tag="li" exact>
 							<a href="#">Kehadiran</a>
 						</router-link>
 
diff --git a/resources/assets/js/routesIndex.js b/resources/assets/js/routesIndex.js
index 6b15e27..1edc0d0 100644
--- a/resources/assets/js/routesIndex.js
+++ b/resources/assets/js/routesIndex.js
@@ -4,6 +4,7 @@ import VoterVerification from './components/demo/voter/verification.vue';
 import VoterHome from './components/demo/voter/index.vue';
 
 import Home from './components/demo/voter/home/index.vue';
+import Mat from './components/demo/voter/home/mat.vue';
 import Vote from './components/demo/voter/home/vote.vue';
 import Result from './components/demo/voter/home/result.vue';
 import Attendance from './components/demo/voter/home/attendance.vue';
@@ -32,6 +33,9 @@ import AdminIndex from './components/demo/admin/index.vue';
  import ManageVoterIndex from './components/demo/admin/voter/index.vue';
  import ManageVoterAdd from './components/demo/admin/voter/add.vue';
  import ManageVoterEdit from './components/demo/admin/voter/edit.vue';
+ import KehadiranCalon from './components/demo/admin/voter/kehadiran.vue';
+ import ViewKehadiranCalon from './components/demo/admin/voter/viewkehadiran.vue';
+
 
  import ManageNominee from './components/demo/admin/nominee/nominee.vue';
  import ManageNomineeIndex from './components/demo/admin/nominee/index.vue';
@@ -44,6 +48,8 @@ import AdminIndex from './components/demo/admin/index.vue';
  import ManageAccountPassword from './components/demo/admin/admin/password.vue';
  import ManageAccountAdd from './components/demo/admin/admin/add.vue';
 
+ 
+
 const default_component = {
 	template: '<div>Not found: {{ $route.path }}</div>'
 }
@@ -60,6 +66,12 @@ export default [
 				name: 'Voter Home'
 			},
 
+			{
+				path: 'mat27',
+				component: Mat,
+				name: 'Mat'
+			},
+
 			{
 				path: 'vote',
 				component: Vote,
@@ -208,7 +220,19 @@ export default [
 						path: 'edit/:id',
 						component: ManageVoterEdit,
 						name: 'Edit Voter'
-					}
+					},
+
+					{
+						path: 'kehadiran',
+						component: KehadiranCalon,
+						name: 'Kehadiran Calon'
+					},
+
+					{
+						path: 'viewkehadiran',
+						component: ViewKehadiranCalon,
+						name: 'Calon Hadir'
+					},
 
 				]
 			},