master
waqarulzafar 2022-12-20 01:36:37 +05:00
commit f55c8e68cd
3 changed files with 42 additions and 5 deletions

13
components/toplogobar.vue Normal file
View File

@ -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>

View File

@ -1,10 +1,6 @@
<template> <template>
<div> <div>
<nav class="navbar"> <top-logo-bar></top-logo-bar>
<div class="container-fluid pt-3 ps-4">
<a class="navbar-brand" href="#"><img src="~/assets/image/Logo.png"></a>
</div>
</nav>
<div class="container-fluid"> <div class="container-fluid">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-6 pt-2"> <div class="col-6 pt-2">
@ -37,7 +33,13 @@
</template> </template>
<script> <script>
// can be used both composition api and roller api // can be used both composition api and roller api
import TopLogoBar from "../components/toplogobar";
export default { export default {
export default {
components: {TopLogoBar}
} }
</script> </script>

22
pages/onbording1.vue Normal file
View File

@ -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>