2022-12-20 22:17:12 +00:00
|
|
|
<template>
|
|
|
|
<div>
|
2022-12-20 22:25:31 +00:00
|
|
|
<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-12 text-center justify-content-center col-lg-9 pt-1">
|
|
|
|
<div class="progress mx-auto ms-lg-3 mt-2 " style="width: 70%;height: 12px">
|
2022-12-20 23:01:19 +00:00
|
|
|
<div class="progress-bar bar" role="progressbar" :style="{ 'width': bar_val + '%' }" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
|
2022-12-20 22:25:31 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2022-12-20 23:01:19 +00:00
|
|
|
|
|
|
|
|
2022-12-20 22:25:31 +00:00
|
|
|
<NuxtPage page-key="child" />
|
|
|
|
|
|
|
|
<div class="row pt-5 mt-2">
|
|
|
|
<div class="col-12 text-center pt-5 mt-3">
|
2022-12-20 23:01:19 +00:00
|
|
|
<NuxtLink class="btn btn-warning px-4 " to="/onbording"></NuxtLink>
|
|
|
|
<NuxtLink class="btn btn-warning px-2 mx-2 " to="/onbording/onbording2"></NuxtLink>
|
|
|
|
<NuxtLink class="btn btn-warning px-2 " to="/onbording/onbording3"></NuxtLink>
|
|
|
|
<NuxtLink class="btn btn-warning px-2 mx-2 " to="/onbording/onbording4"></NuxtLink>
|
2022-12-20 22:25:31 +00:00
|
|
|
</div>
|
|
|
|
<div class="col-12">
|
|
|
|
<h6 class="text-muted text-center pt-3">You can customize your selection later</h6>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2022-12-20 22:17:12 +00:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
2022-12-20 22:25:31 +00:00
|
|
|
|
2022-12-20 23:01:19 +00:00
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
data(){
|
|
|
|
return{
|
|
|
|
bar_val:25,
|
|
|
|
}
|
|
|
|
}
|
2022-12-20 22:25:31 +00:00
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
.bar{
|
|
|
|
background-color: #e9c046;
|
2022-12-20 22:17:12 +00:00
|
|
|
}
|
2022-12-20 22:25:31 +00:00
|
|
|
</style>
|