From f7911157181a34b75f166df2091046989e020565 Mon Sep 17 00:00:00 2001
From: unknown <mudasser425@gmail.com>
Date: Tue, 20 Dec 2022 01:33:30 +0500
Subject: [PATCH] ok

---
 components/toplogobar.vue | 13 +++++++++++++
 pages/getstarted.vue      | 14 ++++++++------
 pages/onbording1.vue      | 22 ++++++++++++++++++++++
 3 files changed, 43 insertions(+), 6 deletions(-)
 create mode 100644 components/toplogobar.vue
 create mode 100644 pages/onbording1.vue

diff --git a/components/toplogobar.vue b/components/toplogobar.vue
new file mode 100644
index 0000000..f8617a2
--- /dev/null
+++ b/components/toplogobar.vue
@@ -0,0 +1,13 @@
+<template>
+  <nav class="navbar">
+    <div class="container-fluid pt-3 ps-4">
+      <a class="navbar-brand" href="#"><img src="~/assets/image/Logo.png"></a>
+    </div>
+  </nav>
+</template>
+
+<script>
+  export default {
+    name : "TopLogoBar"
+  }
+</script>
\ No newline at end of file
diff --git a/pages/getstarted.vue b/pages/getstarted.vue
index ab3f68a..9e57b3a 100644
--- a/pages/getstarted.vue
+++ b/pages/getstarted.vue
@@ -1,10 +1,6 @@
 <template>
   <div>
-    <nav class="navbar">
-      <div class="container-fluid pt-3 ps-4">
-        <a class="navbar-brand" href="#"><img src="~/assets/image/Logo.png"></a>
-      </div>
-    </nav>
+    <top-logo-bar></top-logo-bar>
     <div class="container-fluid">
       <div class="row justify-content-center">
         <div class="col-6 pt-2">
@@ -34,4 +30,10 @@
       </div>
     </div>
   </div>
-</template>
\ No newline at end of file
+</template>
+<script>
+import TopLogoBar from "../components/toplogobar";
+export default {
+  components: {TopLogoBar}
+}
+</script>
\ No newline at end of file
diff --git a/pages/onbording1.vue b/pages/onbording1.vue
new file mode 100644
index 0000000..8ed01f8
--- /dev/null
+++ b/pages/onbording1.vue
@@ -0,0 +1,22 @@
+<template>
+  <div>
+    <div class="container-fluid pt-3 ps-4">
+      <div class="row">
+        <div class="col-3">
+          <a class="navbar-brand" href="#"><img src="~/assets/image/Logo.png"></a>
+        </div>
+        <div class="col-9">
+          <div class="progress " style="width: 70%">
+            <div class="progress-bar" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import TopLogoBar from "../components/toplogobar";
+export default {
+  components: {TopLogoBar}
+}
+</script>
\ No newline at end of file