diff --git a/resources/assets/js/components/admin/index.vue b/resources/assets/js/components/admin/index.vue
index a0ccc03..6d837ae 100644
--- a/resources/assets/js/components/admin/index.vue
+++ b/resources/assets/js/components/admin/index.vue
@@ -9,7 +9,7 @@
 					<span class="icon-bar"></span>
 					<span class="icon-bar"></span>
 				</button>
-				<a class="navbar-brand" href="">Voting System</a>
+				<a class="navbar-brand" href="">MyKoPKB</a>
 			</div>
 		
 			<div class="collapse navbar-collapse" id="myNavbar">
diff --git a/resources/assets/js/components/admin/login.vue b/resources/assets/js/components/admin/login.vue
index 7f715c4..fcab4e5 100644
--- a/resources/assets/js/components/admin/login.vue
+++ b/resources/assets/js/components/admin/login.vue
@@ -2,7 +2,7 @@
 <div class="col-md-5 col-md-offset-3">
 	<div class="panel panel-default">
 		<div class="panel-heading">
-			<h4>Admin Login</h4>
+			<h4>Admin Log Masuk </h4>
 		</div>
 
 		<div class="panel-body">
diff --git a/resources/assets/js/components/admin/position.vue b/resources/assets/js/components/admin/position.vue
index a80e60c..6c8f933 100644
--- a/resources/assets/js/components/admin/position.vue
+++ b/resources/assets/js/components/admin/position.vue
@@ -5,7 +5,7 @@
 			<h3><b>Tambah Jawatan</b></h3>
 			<form>
 				<div class="form-group">
-					<label for="name">Position</label>
+					<label for="name">Jawatan</label>
 					<input type="text" name="name" class="form-control" required/>
 				</div>
 
diff --git a/resources/assets/js/components/demo/admin/admin/admin.vue b/resources/assets/js/components/demo/admin/admin/admin.vue
index b86afed..fbd98ea 100644
--- a/resources/assets/js/components/demo/admin/admin/admin.vue
+++ b/resources/assets/js/components/demo/admin/admin/admin.vue
@@ -8,7 +8,7 @@
 <script>
 export default{
 	created: function () {
-		this.util.setTitle('Voting System - Manage Account');
+		this.util.setTitle('MyKoPKB - Pengurusan Akaun');
 	}
 }
 </script> 
diff --git a/resources/assets/js/components/demo/admin/admin/edit.vue b/resources/assets/js/components/demo/admin/admin/edit.vue
index df1ece3..788efff 100644
--- a/resources/assets/js/components/demo/admin/admin/edit.vue
+++ b/resources/assets/js/components/demo/admin/admin/edit.vue
@@ -1,10 +1,10 @@
 <template>
 <div class="panel panel-default">
 	<div class="panel-body">
-		<h4>Update Account</h4>
+		<h4>Kemaskini Akaun</h4>
 		<form @submit.prevent="edit()" id="edit_form">
 			<div class="form-group">
-				<label for="name">Name</label>
+				<label for="name">Nama</label>
 				<input type="text" name="name" class="form-control" :value="data.user.name" required/>
 			</div>
 
@@ -15,7 +15,7 @@
 
 			<div class="form-group">
 				<input type="submit" value="Submit" class="btn btn-info"/>
-				<router-link :to="{name: 'Update Password'}" class="btn btn-default">Change Password</router-link>
+				<router-link :to="{name: 'Update Password'}" class="btn btn-default">Tukar Kata Laluan</router-link>
 			</div>
 		</form>
 	</div>
diff --git a/resources/assets/js/components/demo/admin/admin/index.vue b/resources/assets/js/components/demo/admin/admin/index.vue
index aa93cf6..4beef78 100644
--- a/resources/assets/js/components/demo/admin/admin/index.vue
+++ b/resources/assets/js/components/demo/admin/admin/index.vue
@@ -13,9 +13,9 @@
 			<thead>
 				<tr>
 					<th>ID</th>
-					<th>Name</th>
+					<th>Nama</th>
 					<th>Email</th>
-					<th>Delete</th>
+					<th>Padam</th>
 				</tr>
 			</thead>
 			<tbody>
@@ -25,7 +25,7 @@
 					<td>{{ admin.email }}</td>
 					<td>
 						<button class="btn btn-danger" @click="id=admin.id;util.showModal('#delete-admin-modal')">
-							<i class="fa fa-trash"></i> Delete
+							<i class="fa fa-trash"></i> Padam
 						</button>
 					</td>
 				</tr>
diff --git a/resources/assets/js/components/demo/admin/admin/password.vue b/resources/assets/js/components/demo/admin/admin/password.vue
index ffbaee5..478f2c7 100644
--- a/resources/assets/js/components/demo/admin/admin/password.vue
+++ b/resources/assets/js/components/demo/admin/admin/password.vue
@@ -1,26 +1,26 @@
 <template>
 <div class="panel panel-default">
 	<div class="panel-body">
-		<h4>Update Password</h4>
+		<h4>Kemaskini Kata Laluan </h4>
 		<form @submit.prevent="edit()" id="edit_form">
 			<div class="form-group">
-				<label for="old_password">Old Password</label>
+				<label for="old_password">Kata Laluan lama</label>
 				<input type="password" name="old_password" class="form-control" required/>
 			</div>
 
 			<div class="form-group">
-				<label for="password">New Password</label>
+				<label for="password">Kata Laluan Baru </label>
 				<input type="password" name="password" class="form-control" required/>
 			</div>
 
 			<div class="form-group">
-				<label for="confirm_password">Confirm Password</label>
+				<label for="confirm_password">Sahkan Kata Laluan</label>
 				<input type="password" name="confirm_password" class="form-control" required/>
 			</div>
 
 			<div class="form-group">
 				<input type="submit" value="Submit" class="btn btn-info"/>
-				<router-link :to="{name: 'Update Account'}" class="btn btn-default">Back</router-link>
+				<router-link :to="{name: 'Update Account'}" class="btn btn-default">Kembali</router-link>
 			</div>
 		</form>
 	</div>
diff --git a/resources/assets/js/components/demo/admin/home/final.vue b/resources/assets/js/components/demo/admin/home/final.vue
index 9fee8a5..31d5de1 100644
--- a/resources/assets/js/components/demo/admin/home/final.vue
+++ b/resources/assets/js/components/demo/admin/home/final.vue
@@ -9,10 +9,10 @@
 						<thead>
 							<tr>
 								<th width="10%">No. Anggota</th>
-								<th width="30%">Name</th>
+								<th width="30%">Nama</th>
 								<th width="20%">Partylist</th>
 								<th width="20%">Unit</th>
-								<th width="20%">Votes</th>
+								<th width="20%">Undian</th>
 							</tr>
 						</thead>
 						<tbody>
diff --git a/resources/assets/js/components/demo/admin/home/index.vue b/resources/assets/js/components/demo/admin/home/index.vue
index e9bf588..22a0d85 100644
--- a/resources/assets/js/components/demo/admin/home/index.vue
+++ b/resources/assets/js/components/demo/admin/home/index.vue
@@ -1,7 +1,7 @@
 <template>
 <div class="panel panel-default">
 	<div class="panel-body">
-		<h4> Recent Elections</h4>
+		<h4>Undian terkini </h4>
 		<div class="form-group">
 			<button class="btn btn-success" v-if="data.election.status == 1" @click="util.showModal('#start-election-modal')">Start Election</button>
 			
@@ -11,7 +11,7 @@
 			
 			<button class="btn btn-danger" v-if="data.election.status == 2" @click="util.showModal('#stop-election-modal')">End Election</button>	
 
-			<label v-if="data.election.status == 2">Election has Started {{ start_date }}</label>
+			<label v-if="data.election.status == 2">Undian telah bermula  {{ start_date }}</label>
 
 		</div>
 
@@ -20,10 +20,10 @@
 				<thead>
 					<tr>
 						<th>ID</th>
-						<th>Election Name</th>
-						<th>Election Start</th>
-						<th>Election End</th>
-						<th>View</th>
+						<th>Nama Pengundi</th>
+						<th>Undian Mula </th>
+						<th>Undian Tamat</th>
+						<th>Papar</th>
 					</tr>
 				</thead>
 				<tbody>
@@ -73,7 +73,7 @@
 				</div>
 
 				<div class="form-group">
-					<label for="password">Confirm Password</label>
+					<label for="password">Sahkan Kata Laluan</label>
 					<input type="password" name="password" class="form-control" required/>
 				</div>
 			</modal-body>
diff --git a/resources/assets/js/components/demo/admin/home/result.vue b/resources/assets/js/components/demo/admin/home/result.vue
index 670cf13..4b66b0e 100644
--- a/resources/assets/js/components/demo/admin/home/result.vue
+++ b/resources/assets/js/components/demo/admin/home/result.vue
@@ -1,7 +1,7 @@
 <template> 
 <div class="row">
 	<div class="col-md-4">
-		<h4>Positions</h4><hr/>
+		<h4>Jawatan</h4><hr/>
 		<ul class="list-group">
 			<router-link :key="position.id" v-for="position in data.positions" class="list-group-item" :class="{'active':position.id==position_id}" tag="li" :to="{query:{position_id:position.id}}" exact replace>
 				{{ position.name }}
@@ -9,14 +9,14 @@
 			<li class="list-group-item">
 				<center>
 					<button class="btn btn-info" @click="refreshNominees()">
-						Refresh results <i class="fa fa-refresh"></i>
+						Kemaskini Keputusan<i class="fa fa-refresh"></i>
 					</button>
 				</center>
 			</li>
 		</ul>
 	</div>
 	<div class="col-md-8">
-		<h4>Results</h4><hr/>
+		<h4>Keputusan</h4><hr/>
 		<div class="panel panel-default">
 			<div class="panel-heading">{{ getPosition(position_id) }} - Results as of : {{ last_update }}</div>
 			<div class="panel-body">
diff --git a/resources/assets/js/components/demo/admin/index.vue b/resources/assets/js/components/demo/admin/index.vue
index d649ac1..7cceff3 100644
--- a/resources/assets/js/components/demo/admin/index.vue
+++ b/resources/assets/js/components/demo/admin/index.vue
@@ -9,7 +9,7 @@
 						<span class="icon-bar"></span>
 						<span class="icon-bar"></span>
 					</button>	
-					<a class="navbar-brand" :href="data.baseURL" >AGM</a>
+					<a class="navbar-brand" :href="data.baseURL" >MyKoPKB</a>
 				</div>
 				<div class="collapse navbar-collapse" id="myNavbar">
 
@@ -47,14 +47,14 @@
 							<ul class="dropdown-menu">
 
 								<router-link :to="{name:'Update Account'}" tag="li" exact>
-									<a href="#">Update Account</a>
+									<a href="#">Kemaskini Akaun</a>
 								</router-link>
 
 								<router-link :to="{name: 'Manage Account'}" tag="li" v-if="data.user.id==1">
-									<a href="#">Manage Account</a>
+									<a href="#">Pengurusan Akaun</a>
 								</router-link>
 
-								<li @click="logout()"><a>Logout</a></li>
+								<li @click="logout()"><a>Log Keluar</a></li>
 							</ul>
 						</li>
 					</ul>
diff --git a/resources/assets/js/components/demo/admin/nominee/add.vue b/resources/assets/js/components/demo/admin/nominee/add.vue
index 3e71bc3..e56bc94 100644
--- a/resources/assets/js/components/demo/admin/nominee/add.vue
+++ b/resources/assets/js/components/demo/admin/nominee/add.vue
@@ -31,9 +31,9 @@
 					</div>
 
 					<div class="form-group">
-						<label for="position_id">Position</label>
+						<label for="position_id">Jawatan</label>
 						<select class="form-control" v-model="position_id" name="position_id" required>
-							<option value="0" disabled>--- Select Position ---</option>
+							<option value="0" disabled>--- Pilih Jawatan ---</option>
 							<option v-for="position in data.positions" :value="position.id">{{ position.name }}</option>
 						</select>
 					</div>
@@ -50,7 +50,7 @@
                         <img :src="imageUrl" v-if="imageUrl" alt="Preview">
                     </div>
 					<div>
-						<label for="image">Masukkan Gambar</label>
+						<label for="image">Muatnaik  Gambar</label>
 						<input name="photo" type="file" accept="image/*" id="file-input" @change="handleImageChange">
 					</div>
 
diff --git a/resources/assets/js/components/demo/admin/nominee/edit.vue b/resources/assets/js/components/demo/admin/nominee/edit.vue
index c3fc5cb..6d6b1e8 100644
--- a/resources/assets/js/components/demo/admin/nominee/edit.vue
+++ b/resources/assets/js/components/demo/admin/nominee/edit.vue
@@ -38,9 +38,9 @@
 				</div>
 
 				<div class="form-group">
-					<label for="position_id">Position</label>
+					<label for="position_id">Jawatan</label>
 					<select class="form-control" name="position_id" :value="nominee.position_id" required>
-						<option value="0" disabled>--- Select Position ---</option>
+						<option value="0" disabled>--- Pilih Jawatan ---</option>
 						<option v-for="position in data.positions" :value="position.id">{{ position.name }}</option>
 					</select>
 				</div>
@@ -57,7 +57,7 @@
                     <img :src="imageUrl" v-if="imageUrl" alt="Preview">
                 </div>
                 <div>
-                    <label for="image">Masukkan Gambar</label>
+                    <label for="image">Muat Naik Gambar</label>
                     <input name="photo" type="file" accept="image/*" id="file-input" @change="handleImageChange">
                 </div>
 
@@ -66,7 +66,7 @@
 					<router-link
 						:to="{name:'Maklumat Calon'}"
 						class="btn btn-default">
-						Back
+						Kembali
 					</router-link>
 				</div>
 			</div>
diff --git a/resources/assets/js/components/demo/admin/nominee/index.vue b/resources/assets/js/components/demo/admin/nominee/index.vue
index de8cf95..65b5ead 100644
--- a/resources/assets/js/components/demo/admin/nominee/index.vue
+++ b/resources/assets/js/components/demo/admin/nominee/index.vue
@@ -9,7 +9,7 @@
 				exact
 				replace
 				:class="{'active':position_id==0}">
-				All Position
+				Senarai Jawatan
 			</router-link>
 			<router-link
 				v-for="position in data.positions"
@@ -31,13 +31,15 @@
 			<table class="table table-hover">
 				<thead>
 					<tr>
-						<th></th>
-						<th>Name</th>
+						<th>Id</th>
+						<th>Nama</th>
 						<th>No. Anggota</th>
 						<th>Unit</th>
-						<th>Position</th>
+						<th>Jawatan</th>
 						<!-- <th>Partylist</th> -->
-						<th>Action</th>
+						<th>Maklumat</th>
+						<th>Tindakan</th>
+						
 					</tr>
 				</thead>
 				<tbody>
@@ -49,20 +51,23 @@
 						<td>{{ nominee.no_anggota}}</td>
 						<td>{{ nominee.unit}}</td>
 						<td>{{ nominee.position}}</td>
-						<!-- <td>{{ nominee.partylist}}</td> -->
+						<td>Papar</td>
 						<td>
-							<router-link :to="{name: 'Edit Nominee', params:{id:nominee.id}}" class="btn btn-info">
+
+
+							<router-link :to="{name: 'Edit Nominee', params:{id:nominee.id}}" class="btn btn-primary">
 								<i class="fa fa-edit"></i> Edit
 							</router-link>
 							<button 
+							
 								class="btn btn-danger" 
 								@click="util.showModal('#delete-nominee-modal');id=nominee.id">
-								<i class="fa fa-trash"></i> Delete
+								<i class="fa fa-trash"></i> Padam
 							</button>
 						</td>
 					</tr>
 					<tr v-if="nominees.length < 1">
-						<td colspan="7">No nominees</td>
+						<td colspan="7">No Calon</td>
 					</tr>
 				</tbody>
 			</table>
@@ -70,7 +75,7 @@
 	</div>
 
 	<modal id="delete-nominee-modal">
-		<modal-header>Delete Nominee</modal-header>
+		<modal-header>Padam Calon</modal-header>
 		<modal-body>
 			<h3>Are you sure to delete this nominee?</h3>
 		</modal-body>
@@ -82,10 +87,19 @@
 		</modal-footer>
 	</modal>
 </div>
+
 </template>
 
 <script>
 export default{
+
+	data() {
+      return {
+        visible: true
+      }
+    },
+
+
 	data: function () {
 		return {
 			id: 0
@@ -170,3 +184,8 @@ export default{
 	}
 }
 </script>
+
+
+<style>
+
+</style>
diff --git a/resources/assets/js/components/demo/admin/nominee/nominee.vue b/resources/assets/js/components/demo/admin/nominee/nominee.vue
index 00b51d6..f316cde 100644
--- a/resources/assets/js/components/demo/admin/nominee/nominee.vue
+++ b/resources/assets/js/components/demo/admin/nominee/nominee.vue
@@ -8,7 +8,7 @@
 <script>
 export default{
 	created: function () {
-		this.util.setTitle('Voting System - Maklumat Calon');
+		this.util.setTitle('MyKoPKB - Maklumat Calon');
 	}
 }
 </script> 
diff --git a/resources/assets/js/components/demo/admin/position/add.vue b/resources/assets/js/components/demo/admin/position/add.vue
index 774be3c..6f4e755 100644
--- a/resources/assets/js/components/demo/admin/position/add.vue
+++ b/resources/assets/js/components/demo/admin/position/add.vue
@@ -4,12 +4,12 @@
 		<h4>Tambah Jawatan</h4>
 		<form @submit.prevent="add()" id="add-form">
 			<div class="form-group">
-				<label for="name">Name</label>
+				<label for="name">Nama</label>
 				<input type="text" name="name" class="form-control" required>
 			</div>
 			<div class="form-group">
-				<button type="submit" class="btn btn-success">Submit</button>
-				<router-link :to="{name: 'Kemaskini Jawatan'}" class="btn btn-default">Back</router-link>
+				<button type="submit" class="btn btn-success">Hantar</button>
+				<router-link :to="{name: 'Kemaskini Jawatan'}" class="btn btn-default">Kembali</router-link>
 			</div>
 		</form>
 	</div>
diff --git a/resources/assets/js/components/demo/admin/position/edit.vue b/resources/assets/js/components/demo/admin/position/edit.vue
index 95e67f2..fda1ef1 100644
--- a/resources/assets/js/components/demo/admin/position/edit.vue
+++ b/resources/assets/js/components/demo/admin/position/edit.vue
@@ -1,15 +1,15 @@
 <template>
 <div class="panel panel-default">
 	<div class="panel-body">
-		<h4>Edit Position</h4>
+		<h4>Edit Jawatan</h4>
 		<form @submit.prevent="edit()" id="edit-form">
 			<div class="form-group">
-				<label for="name">Name</label>
+				<label for="name">Nama</label>
 				<input type="text" name="name" class="form-control" :value="data.position.name" required/>
 			</div>
 			<div class="form-group">
 				<input type="submit" value="Submit" class="btn btn-success"/>
-				<router-link :to="{name: 'Kemaskini Jawatan'}" class="btn btn-default">Back</router-link>
+				<router-link :to="{name: 'Kemaskini Jawatan'}" class="btn btn-default">Kembali</router-link>
 			</div>
 		</form>
 	</div>
diff --git a/resources/assets/js/components/demo/admin/position/index.vue b/resources/assets/js/components/demo/admin/position/index.vue
index 049360b..9353e06 100644
--- a/resources/assets/js/components/demo/admin/position/index.vue
+++ b/resources/assets/js/components/demo/admin/position/index.vue
@@ -18,8 +18,8 @@
 				<thead>
 					<tr>
 						<th>ID</th>
-						<th>Name</th>
-						<th>Action</th>
+						<th>Nama</th>
+						<th>Tindakan</th>
 					</tr>
 				</thead>
 				<tbody>
@@ -33,12 +33,12 @@
 							<button 
 								class="btn btn-danger" 
 								@click="util.showModal('#delete-position-modal');id=position.id">
-								<i class="fa fa-trash"></i> Delete
+								<i class="fa fa-trash"></i> Padam
 							</button>
 						</td>
 					</tr>
 					<tr v-if="data.positions.length < 1">
-						<td colspan="3">No Positions</td>
+						<td colspan="3">No Jawatan</td>
 					</tr>
 				</tbody>
 			</table>
@@ -47,12 +47,12 @@
 </div>
 
 <modal id="delete-position-modal">
-	<modal-header>Delete Position</modal-header>
+	<modal-header>Padam Jawatan</modal-header>
 	<modal-body>
 		<h2>Are you sure to delete Position?</h2>
 	</modal-body>
 	<modal-footer>
-		<button class="btn btn-danger" @click="deletePosition()">Delete</button>
+		<button class="btn btn-danger" @click="deletePosition()">Padam</button>
 		<button class="btn btn-default" @click="util.hideModal('#delete-position-modal')">Cancel</button>
 	</modal-footer>
 </modal>
diff --git a/resources/assets/js/components/demo/admin/position/position.vue b/resources/assets/js/components/demo/admin/position/position.vue
index 74b9de2..cd8f501 100644
--- a/resources/assets/js/components/demo/admin/position/position.vue
+++ b/resources/assets/js/components/demo/admin/position/position.vue
@@ -8,7 +8,7 @@
 <script>
 export default{
 	created: function () {
-		this.util.setTitle('Voting System - Kemaskini Jawatan');
+		this.util.setTitle('MyKoPKB-Kemaskini Jawatan');
 	}
 }
 </script> 
\ No newline at end of file
diff --git a/resources/assets/js/components/demo/voter/home/attendance.vue b/resources/assets/js/components/demo/voter/home/attendance.vue
index 4339b4d..5bbd978 100644
--- a/resources/assets/js/components/demo/voter/home/attendance.vue
+++ b/resources/assets/js/components/demo/voter/home/attendance.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="row col-md-10 col-md-offset-1">
         <div class="col-md-12">
-            <h2 class="text-center">Pengesahan Kehadiran</h2>
+            <h3 class="text-center">Pendaftaran Kehadiran</h3>
             <hr />
             <ul class="list-group">
                 <li class="list-group-item"><b>No. Kad Pengenalan : </b>{{ data.user.no_kp }}</li>
@@ -18,7 +18,7 @@
             </ul>
             <div v-if="hasVoted()">
                 <hr />
-                <h4>Your votes information</h4>
+                <h4>Maklumat Undian</h4>
                 <hr />
                 <ul class="list-group">
                     <li class="list-group-item" v-for="result in data.result">
diff --git a/resources/assets/js/components/demo/voter/home/index.vue b/resources/assets/js/components/demo/voter/home/index.vue
index 91f58af..7396ab6 100644
--- a/resources/assets/js/components/demo/voter/home/index.vue
+++ b/resources/assets/js/components/demo/voter/home/index.vue
@@ -16,7 +16,7 @@
 						Vote Now
 					</router-link>
 					<router-link v-else :to="{name: 'Result'}" class="btn btn-info">
-						View Result
+						Papar Keputusan
 					</router-link>
 				</center>
 			</li>
diff --git a/resources/assets/js/components/demo/voter/home/result.vue b/resources/assets/js/components/demo/voter/home/result.vue
index a01fd02..6058f73 100644
--- a/resources/assets/js/components/demo/voter/home/result.vue
+++ b/resources/assets/js/components/demo/voter/home/result.vue
@@ -1,7 +1,7 @@
 <template> 
 <div class="row col-md-10 col-md-offset-1">
 	<div class="col-md-4">
-		<h4>Positions</h4><hr/>
+		<h4>Jawatan</h4><hr/>
 		<ul class="list-group">
 			<router-link :key="position.id" v-for="position in data.positions" class="list-group-item" :class="{'active':position.id==position_id}" tag="li" :to="{query:{position_id:position.id}}" exact replace>
 				{{ position.name }}
@@ -9,7 +9,7 @@
 			<li class="list-group-item">
 				<center>
 					<button class="btn btn-info" @click="refreshResults()">
-						Refresh results <i class="fa fa-refresh"></i>
+						Kemaskini Keputusan  <i class="fa fa-refresh"></i>
 					</button>
 				</center>
 			</li>
diff --git a/resources/assets/js/components/demo/voter/home/vote.vue b/resources/assets/js/components/demo/voter/home/vote.vue
index c18812e..1724480 100644
--- a/resources/assets/js/components/demo/voter/home/vote.vue
+++ b/resources/assets/js/components/demo/voter/home/vote.vue
@@ -1,7 +1,7 @@
 <template>
 <div class="row col-md-10 col-md-offset-1">
 	<div class="col-md-4">
-		<h4>Vote Information</h4><hr/>
+		<h4>Maklumat Undian</h4><hr/>
 		<ul class="list-group">
 			<li class="list-group-item" v-for="position in data.positions">
 				<b>{{ position.name }} : </b>{{ getName(position.id) }}
@@ -15,7 +15,7 @@
 		</ul>
 	</div>
 	<div class="col-md-8">
-		<h4>Select Candidates</h4><hr/>
+		<h4>Pilih Calon </h4><hr/>
 		<div class="panel panel-info" v-for="position in data.positions">
 			<div class="panel-heading">{{ position.name }}</div>
 			<div class="panel-body table-responsive">
@@ -23,7 +23,7 @@
 					<thead>
 						<tr>
 							<th></th>
-							<th>Name</th>
+							<th>Nama</th>
 							<th>Partylist</th>
 							<th>Unit</th>
 						</tr>
@@ -42,7 +42,7 @@
 	</div>
 
 	<modal id="vote-modal">
-		<modal-header>Vote</modal-header>
+		<modal-header>UNDIAN</modal-header>
 		<modal-body>
 			<h3>Note: You can only vote once, so vote wisely.</h3>
 		</modal-body>
diff --git a/resources/assets/js/components/demo/voter/home/zoom.vue b/resources/assets/js/components/demo/voter/home/zoom.vue
index 97f0afa..a70bbce 100644
--- a/resources/assets/js/components/demo/voter/home/zoom.vue
+++ b/resources/assets/js/components/demo/voter/home/zoom.vue
@@ -1,16 +1,42 @@
 <template>
     <div class="row col-md-10 col-md-offset-1">
         <div class="col-md-12">
-            <h2 class="text-center">Pautan Zoom</h2>
-           
-        </div>
+            <h3 class="text-center">Pautan Zoom</h3>
+           <div>
+            <img :src="imageUrl" alt="Centered Image " class="centered-image" />
+          
+            </div><hr>
+
+                    <CENTER><h4>SELAMAT DATANG KE MESYUARAT AGUNG TAHUNAN KoPKB KALI KE-27/2023</h4></CENTER>
+
+                    <div class ="centered-button">
+                        <button class="btn btn-primary" @click=" navigateToURL">Klik pada pautan berikut >></button>
+                     </div>
+
+
+<!-- 
+                    <div>
+                     <button class="centered-button" @click="handleClick">Klik pada pautan berikut >> </button>
+                    </div> -->
+
+             </div>
 
        
     </div>
 </template>
 
 <script>
+
+
 export default {
+
+    methods: {
+    navigateToURL() {
+      // Navigate to the desired URL
+      window.location.href = 'https://us06web.zoom.us/j/87138156396?pwd=JEakXmAZjRnPeXbPN7K8ajnbL0X77a.1';
+    }
+  },
+
     created: function () {
         //console.log(this)
     },
@@ -21,12 +47,63 @@ export default {
         }
     },
 
-    
-
     computed: {
         header: function () {
             return this.x.name + ' for ' + this.getPosition(this.x.position_id);
         }
+    },
+
+    data() {
+    return {
+        imageUrl:'https://th.bing.com/th/id/OIP.vCNlpyR-8eSN6qHGGIQemAHaCr?w=338&h=126&c=7&r=0&o=5&dpr=2&pid=1.7'
     }
+  
+    }
+
+   
+//     CustomButton {
+//   }
+//  methods: {
+//   goToDestination() {
+//     // Replace 'destinationURL' with the URL you want to navigate to
+//     window.location.href = 'https://us06web.zoom.us/j/87138156396?pwd=JEakXmAZjRnPeXbPN7K8ajnbL0X77a.1';
+//   }
+// }
+};
+</script>
+<style>
+
+.centered-image {
+    /* Styles for the image */
+    max-width: 30%; /* Ensure the image does not exceed container width */
+    max-height: 30%; /* Ensure the image does not exceed container height */
+    position: relative;
+     /* top: 50%; */
+     left: 50%;
+     transform: translate(-50%, -50%);
+
+  }
+  .centered-button {
+  /* Button styles */
+    align-items: center; 
+  /* background-color: #4CAF50; Green */
+  border-color:rgb(219, 222, 226);
+  padding: 20px 40px;
+  text-align: center;
+  color: #fff;
+  border-radius: 5px;
+  cursor: pointer;
+  
 }
-</script>
\ No newline at end of file
+.centered-button:hover {
+  /* Button styles on hover */
+  outline-color: #045415;
+ 
+}
+
+
+ 
+</style>
+
+
+  
\ No newline at end of file
diff --git a/resources/assets/js/components/demo/voter/index.vue b/resources/assets/js/components/demo/voter/index.vue
index 6c33e45..42fddd3 100644
--- a/resources/assets/js/components/demo/voter/index.vue
+++ b/resources/assets/js/components/demo/voter/index.vue
@@ -9,7 +9,7 @@
 						<span class="icon-bar"></span>
 						<span class="icon-bar"></span>
 					</button>	
-					<a class="navbar-brand" :href="data.baseURL" >AGM</a>
+					<a class="navbar-brand" :href="data.baseURL" >MyKoPKB</a>
 				</div>
 				<div class="collapse navbar-collapse" id="myNavbar">