diff --git a/pages/setting/index.vue b/pages/setting/index.vue
index e441beb..5ae9a41 100644
--- a/pages/setting/index.vue
+++ b/pages/setting/index.vue
@@ -1,10 +1,18 @@
 <template>
   <div>
-      <div class="row">
-        <div class="col-12">
-          <div class="">
-
-          </div>
+      <div class="row justify-content-center">
+        <div class="col-12 col-sm-8">
+          <h4 class="fw-bold text-center pt-5">Account
+            <nuxt-link to="/setting/editaccount" class="float-end fs-5 pt-1 text-decoration-none" style="color: #e9c046">Edit</nuxt-link></h4>
+          <form>
+            <div class="row pt-4">
+              <div class="col-6">
+                <h5 class="fw-bold text-muted">First Name</h5>
+              </div>
+              <div class="col-6">
+                <h5 class="fw-bold  text-end">Michael</h5> </div>
+            </div>
+          </form>
         </div>
       </div>
   </div>