58 lines
1.7 KiB
Vue
58 lines
1.7 KiB
Vue
|
<script>
|
||
|
|
/**
|
||
|
|
* Profile component
|
||
|
|
*/
|
||
|
|
export default {};
|
||
|
|
</script>
|
||
|
|
<template>
|
||
|
|
<div class="card overflow-hidden">
|
||
|
|
<div class="bg-soft bg-primary">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-7">
|
||
|
|
<div class="text-primary p-3">
|
||
|
|
<h5 class="text-primary">Welcome Back !</h5>
|
||
|
|
<p>Skote Dashboard</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-5 align-self-end">
|
||
|
|
<img src="/images/profile-img.png" alt class="img-fluid" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="card-body pt-0">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-sm-4">
|
||
|
|
<div class="avatar-md profile-user-wid mb-4">
|
||
|
|
<img src="/images/users/avatar-1.jpg" alt class="img-thumbnail rounded-circle" />
|
||
|
|
</div>
|
||
|
|
<h5 class="font-size-15 text-truncate">Henry Price</h5>
|
||
|
|
<p class="text-muted mb-0 text-truncate">UI/UX Designer</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<div class="pt-4">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-6">
|
||
|
|
<h5 class="font-size-15">125</h5>
|
||
|
|
<p class="text-muted mb-0">Projects</p>
|
||
|
|
</div>
|
||
|
|
<div class="col-6">
|
||
|
|
<h5 class="font-size-15">$1245</h5>
|
||
|
|
<p class="text-muted mb-0">Revenue</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="mt-4">
|
||
|
|
<a href class="btn btn-primary btn-sm">
|
||
|
|
View Profile
|
||
|
|
<i class="mdi mdi-arrow-right ms-1"></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- end card-body -->
|
||
|
|
</div>
|
||
|
|
<!-- end card -->
|
||
|
|
</template>
|