2113 lines
127 KiB
PHP
2113 lines
127 KiB
PHP
@extends('layouts.app')
|
||
|
||
@section('content')
|
||
<div class="page-content">
|
||
<div class="container-fluid">
|
||
<div class="profile-foreground position-relative mx-n4 mt-n4">
|
||
<div class="profile-wid-bg">
|
||
<img src="assets/images/profile-bg.jpg" alt="" class="profile-wid-img">
|
||
</div>
|
||
</div>
|
||
<div class="mb-lg-3 pb-lg-4 profile-wrapper mb-4 pt-4">
|
||
<div class="row g-4">
|
||
<div class="col-auto">
|
||
<div class="avatar-lg">
|
||
<img src="{!! asset($employee->profile_pic) !!}" alt="user-img" class="img-thumbnail rounded-circle">
|
||
</div>
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col">
|
||
<div class="p-2">
|
||
<h3 class="mb-1 text-white">Anna Adame</h3>
|
||
<p class="text-white text-opacity-75">Owner & Founder</p>
|
||
<div class="hstack text-white-50 gap-1">
|
||
<div class="me-2"><i
|
||
class="ri-map-pin-user-line fs-16 me-1 align-middle text-white text-opacity-75"></i>California, United
|
||
States</div>
|
||
<div>
|
||
<i class="ri-building-line fs-16 me-1 align-middle text-white text-opacity-75"></i>Themesbrand
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-12 col-lg-auto order-lg-0 order-last">
|
||
<div class="row text text-white-50 text-center">
|
||
<div class="col-lg-6 col-4">
|
||
<div class="p-2">
|
||
<h4 class="mb-1 text-white">24.3K</h4>
|
||
<p class="fs-14 mb-0">Followers</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 col-4">
|
||
<div class="p-2">
|
||
<h4 class="mb-1 text-white">1.3K</h4>
|
||
<p class="fs-14 mb-0">Following</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--end col-->
|
||
|
||
</div>
|
||
<!--end row-->
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<div>
|
||
<div class="d-flex profile-wrapper">
|
||
<!-- Nav tabs -->
|
||
<ul class="nav nav-pills animation-nav profile-nav gap-lg-3 flex-grow-1 gap-2" role="tablist">
|
||
<li class="nav-item" role="presentation">
|
||
<a class="nav-link fs-14 active" data-bs-toggle="tab" href="#overview-tab" role="tab"
|
||
aria-selected="true">
|
||
<i class="ri-airplay-fill d-inline-block d-md-none"></i> <span
|
||
class="d-none d-md-inline-block">Overview</span>
|
||
</a>
|
||
</li>
|
||
<li class="nav-item" role="presentation">
|
||
<a class="nav-link fs-14" data-bs-toggle="tab" href="#activities" role="tab" aria-selected="false"
|
||
tabindex="-1">
|
||
<i class="ri-list-unordered d-inline-block d-md-none"></i> <span
|
||
class="d-none d-md-inline-block">Activities</span>
|
||
</a>
|
||
</li>
|
||
<li class="nav-item" role="presentation">
|
||
<a class="nav-link fs-14" data-bs-toggle="tab" href="#projects" role="tab" aria-selected="false"
|
||
tabindex="-1">
|
||
<i class="ri-price-tag-line d-inline-block d-md-none"></i> <span
|
||
class="d-none d-md-inline-block">Projects</span>
|
||
</a>
|
||
</li>
|
||
<li class="nav-item" role="presentation">
|
||
<a class="nav-link fs-14" data-bs-toggle="tab" href="#documents" role="tab" aria-selected="false"
|
||
tabindex="-1">
|
||
<i class="ri-folder-4-line d-inline-block d-md-none"></i> <span
|
||
class="d-none d-md-inline-block">Documents</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
<div class="flex-shrink-0">
|
||
<a href="pages-profile-settings.html" class="btn btn-success"><i
|
||
class="ri-edit-box-line align-bottom"></i> Edit Profile</a>
|
||
</div>
|
||
</div>
|
||
<!-- Tab panes -->
|
||
<div class="tab-content text-muted pt-4">
|
||
<div class="tab-pane active" id="overview-tab" role="tabpanel">
|
||
<div class="row">
|
||
<div class="col-xxl-3">
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<h5 class="card-title mb-5">Complete Your Profile</h5>
|
||
<div class="progress animated-progress custom-progress progress-label">
|
||
<div class="progress-bar bg-danger" role="progressbar" style="width: 30%" aria-valuenow="30"
|
||
aria-valuemin="0" aria-valuemax="100">
|
||
<div class="label">30%</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<h5 class="card-title mb-3">Info</h5>
|
||
<div class="table-responsive">
|
||
<table class="table-borderless mb-0 table">
|
||
<tbody>
|
||
<tr>
|
||
<th class="ps-0" scope="row">Full Name :</th>
|
||
<td class="text-muted">Anna Adame</td>
|
||
</tr>
|
||
<tr>
|
||
<th class="ps-0" scope="row">Mobile :</th>
|
||
<td class="text-muted">+(1) 987 6543</td>
|
||
</tr>
|
||
<tr>
|
||
<th class="ps-0" scope="row">E-mail :</th>
|
||
<td class="text-muted">daveadame@velzon.com</td>
|
||
</tr>
|
||
<tr>
|
||
<th class="ps-0" scope="row">Location :</th>
|
||
<td class="text-muted">California, United States
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th class="ps-0" scope="row">Joining Date</th>
|
||
<td class="text-muted">24 Nov 2021</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div><!-- end card body -->
|
||
</div><!-- end card -->
|
||
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<h5 class="card-title mb-4">Portfolio</h5>
|
||
<div class="d-flex flex-wrap gap-2">
|
||
<div>
|
||
<a href="javascript:void(0);" class="avatar-xs d-block">
|
||
<span class="avatar-title rounded-circle fs-16 bg-body text-body">
|
||
<i class="ri-github-fill"></i>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div>
|
||
<a href="javascript:void(0);" class="avatar-xs d-block">
|
||
<span class="avatar-title rounded-circle fs-16 bg-primary">
|
||
<i class="ri-global-fill"></i>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div>
|
||
<a href="javascript:void(0);" class="avatar-xs d-block">
|
||
<span class="avatar-title rounded-circle fs-16 bg-success">
|
||
<i class="ri-dribbble-fill"></i>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div>
|
||
<a href="javascript:void(0);" class="avatar-xs d-block">
|
||
<span class="avatar-title rounded-circle fs-16 bg-danger">
|
||
<i class="ri-pinterest-fill"></i>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div><!-- end card body -->
|
||
</div><!-- end card -->
|
||
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<h5 class="card-title mb-4">Skills</h5>
|
||
<div class="d-flex fs-15 flex-wrap gap-2">
|
||
<a href="javascript:void(0);" class="badge bg-primary-subtle text-primary">Photoshop</a>
|
||
<a href="javascript:void(0);" class="badge bg-primary-subtle text-primary">illustrator</a>
|
||
<a href="javascript:void(0);" class="badge bg-primary-subtle text-primary">HTML</a>
|
||
<a href="javascript:void(0);" class="badge bg-primary-subtle text-primary">CSS</a>
|
||
<a href="javascript:void(0);" class="badge bg-primary-subtle text-primary">Javascript</a>
|
||
<a href="javascript:void(0);" class="badge bg-primary-subtle text-primary">Php</a>
|
||
<a href="javascript:void(0);" class="badge bg-primary-subtle text-primary">Python</a>
|
||
</div>
|
||
</div><!-- end card body -->
|
||
</div><!-- end card -->
|
||
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<div class="d-flex align-items-center mb-4">
|
||
<div class="flex-grow-1">
|
||
<h5 class="card-title mb-0">Suggestions</h5>
|
||
</div>
|
||
<div class="flex-shrink-0">
|
||
<div class="dropdown">
|
||
<a href="#" role="button" id="dropdownMenuLink2" data-bs-toggle="dropdown"
|
||
aria-expanded="false">
|
||
<i class="ri-more-2-fill fs-14"></i>
|
||
</a>
|
||
|
||
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuLink2">
|
||
<li><a class="dropdown-item" href="#">View</a></li>
|
||
<li><a class="dropdown-item" href="#">Edit</a></li>
|
||
<li><a class="dropdown-item" href="#">Delete</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="d-flex align-items-center py-3">
|
||
<div class="avatar-xs me-3 flex-shrink-0">
|
||
<img src="assets/images/users/avatar-3.jpg" alt=""
|
||
class="img-fluid rounded-circle">
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<div>
|
||
<h5 class="fs-14 mb-1">Esther James</h5>
|
||
<p class="fs-13 text-muted mb-0">Frontend Developer</p>
|
||
</div>
|
||
</div>
|
||
<div class="ms-2 flex-shrink-0">
|
||
<button type="button" class="btn btn-sm btn-outline-success"><i
|
||
class="ri-user-add-line align-middle"></i></button>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex align-items-center py-3">
|
||
<div class="avatar-xs me-3 flex-shrink-0">
|
||
<img src="assets/images/users/avatar-4.jpg" alt=""
|
||
class="img-fluid rounded-circle">
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<div>
|
||
<h5 class="fs-14 mb-1">Jacqueline Steve</h5>
|
||
<p class="fs-13 text-muted mb-0">UI/UX Designer</p>
|
||
</div>
|
||
</div>
|
||
<div class="ms-2 flex-shrink-0">
|
||
<button type="button" class="btn btn-sm btn-outline-success"><i
|
||
class="ri-user-add-line align-middle"></i></button>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex align-items-center py-3">
|
||
<div class="avatar-xs me-3 flex-shrink-0">
|
||
<img src="assets/images/users/avatar-5.jpg" alt=""
|
||
class="img-fluid rounded-circle">
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<div>
|
||
<h5 class="fs-14 mb-1">George Whalen</h5>
|
||
<p class="fs-13 text-muted mb-0">Backend Developer</p>
|
||
</div>
|
||
</div>
|
||
<div class="ms-2 flex-shrink-0">
|
||
<button type="button" class="btn btn-sm btn-outline-success"><i
|
||
class="ri-user-add-line align-middle"></i></button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div><!-- end card body -->
|
||
</div>
|
||
<!--end card-->
|
||
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<div class="d-flex align-items-center mb-4">
|
||
<div class="flex-grow-1">
|
||
<h5 class="card-title mb-0">Popular Posts</h5>
|
||
</div>
|
||
<div class="flex-shrink-0">
|
||
<div class="dropdown">
|
||
<a href="#" role="button" id="dropdownMenuLink1" data-bs-toggle="dropdown"
|
||
aria-expanded="false">
|
||
<i class="ri-more-2-fill fs-14"></i>
|
||
</a>
|
||
|
||
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuLink1">
|
||
<li><a class="dropdown-item" href="#">View</a></li>
|
||
<li><a class="dropdown-item" href="#">Edit</a></li>
|
||
<li><a class="dropdown-item" href="#">Delete</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex mb-4">
|
||
<div class="flex-shrink-0">
|
||
<img src="assets/images/small/img-4.jpg" alt="" height="50" class="rounded">
|
||
</div>
|
||
<div class="flex-grow-1 ms-3 overflow-hidden">
|
||
<a href="javascript:void(0);">
|
||
<h6 class="text-truncate fs-14">Design your apps in your own way</h6>
|
||
</a>
|
||
<p class="text-muted mb-0">15 Dec 2021</p>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex mb-4">
|
||
<div class="flex-shrink-0">
|
||
<img src="assets/images/small/img-5.jpg" alt="" height="50" class="rounded">
|
||
</div>
|
||
<div class="flex-grow-1 ms-3 overflow-hidden">
|
||
<a href="javascript:void(0);">
|
||
<h6 class="text-truncate fs-14">Smartest Applications for Business</h6>
|
||
</a>
|
||
<p class="text-muted mb-0">28 Nov 2021</p>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0">
|
||
<img src="assets/images/small/img-6.jpg" alt="" height="50" class="rounded">
|
||
</div>
|
||
<div class="flex-grow-1 ms-3 overflow-hidden">
|
||
<a href="javascript:void(0);">
|
||
<h6 class="text-truncate fs-14">How to get creative in your work</h6>
|
||
</a>
|
||
<p class="text-muted mb-0">21 Nov 2021</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--end card-body-->
|
||
</div>
|
||
<!--end card-->
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-xxl-9">
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<h5 class="card-title mb-3">About</h5>
|
||
<p>Hi I'm Anna Adame, It will be as simple as Occidental; in fact, it will be Occidental. To an
|
||
English person, it will seem like simplified English, as a skeptical Cambridge friend of mine
|
||
told me what Occidental is European languages are members of the same family.</p>
|
||
<p>You always want to make sure that your fonts work well together and try to limit the number of
|
||
fonts you use to three or less. Experiment and play around with the fonts that you already have
|
||
in the software you’re working with reputable font websites. This may be the most commonly
|
||
encountered tip I received from the designers I spoke with. They highly encourage that you use
|
||
different fonts in one design, but do not over-exaggerate and go overboard.</p>
|
||
<div class="row">
|
||
<div class="col-6 col-md-4">
|
||
<div class="d-flex mt-4">
|
||
<div class="avatar-xs align-self-center me-3 flex-shrink-0">
|
||
<div class="avatar-title bg-light rounded-circle fs-16 text-primary">
|
||
<i class="ri-user-2-fill"></i>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 overflow-hidden">
|
||
<p class="mb-1">Designation :</p>
|
||
<h6 class="text-truncate mb-0">Lead Designer / Developer</h6>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-6 col-md-4">
|
||
<div class="d-flex mt-4">
|
||
<div class="avatar-xs align-self-center me-3 flex-shrink-0">
|
||
<div class="avatar-title bg-light rounded-circle fs-16 text-primary">
|
||
<i class="ri-global-line"></i>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 overflow-hidden">
|
||
<p class="mb-1">Website :</p>
|
||
<a href="#" class="fw-semibold">www.velzon.com</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--end col-->
|
||
</div>
|
||
<!--end row-->
|
||
</div>
|
||
<!--end card-body-->
|
||
</div><!-- end card -->
|
||
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<div class="card">
|
||
<div class="card-header align-items-center d-flex">
|
||
<h4 class="card-title mb-0 me-2">Recent Activity</h4>
|
||
<div class="ms-auto flex-shrink-0">
|
||
<ul
|
||
class="nav justify-content-end nav-tabs-custom card-header-tabs border-bottom-0 rounded"
|
||
role="tablist">
|
||
<li class="nav-item" role="presentation">
|
||
<a class="nav-link active" data-bs-toggle="tab" href="#today" role="tab"
|
||
aria-selected="true">
|
||
Today
|
||
</a>
|
||
</li>
|
||
<li class="nav-item" role="presentation">
|
||
<a class="nav-link" data-bs-toggle="tab" href="#weekly" role="tab"
|
||
aria-selected="false" tabindex="-1">
|
||
Weekly
|
||
</a>
|
||
</li>
|
||
<li class="nav-item" role="presentation">
|
||
<a class="nav-link" data-bs-toggle="tab" href="#monthly" role="tab"
|
||
aria-selected="false" tabindex="-1">
|
||
Monthly
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="tab-content text-muted">
|
||
<div class="tab-pane active" id="today" role="tabpanel">
|
||
<div class="profile-timeline">
|
||
<div class="accordion accordion-flush" id="todayExample">
|
||
<div class="accordion-item border-0">
|
||
<div class="accordion-header" id="headingOne">
|
||
<a class="accordion-button p-2 shadow-none" data-bs-toggle="collapse"
|
||
href="#collapseOne" aria-expanded="true">
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0">
|
||
<img src="assets/images/users/avatar-2.jpg" alt=""
|
||
class="avatar-xs rounded-circle">
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="fs-14 mb-1">
|
||
Jacqueline Steve
|
||
</h6>
|
||
<small class="text-muted">We has changed 2 attributes on 05:16PM</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div id="collapseOne" class="accordion-collapse show collapse"
|
||
aria-labelledby="headingOne" data-bs-parent="#accordionExample">
|
||
<div class="accordion-body ms-2 ps-5">
|
||
In an awareness campaign, it is vital for people to begin put 2 and 2 together
|
||
and begin to recognize your cause. Too much or too little spacing, as in the
|
||
example below, can make things unpleasant for the reader. The goal is to make
|
||
your text as comfortable to read as possible. A wonderful serenity has taken
|
||
possession of my entire soul, like these sweet mornings of spring which I enjoy
|
||
with my whole heart.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item border-0">
|
||
<div class="accordion-header" id="headingTwo">
|
||
<a class="accordion-button p-2 shadow-none" data-bs-toggle="collapse"
|
||
href="#collapseTwo" aria-expanded="false">
|
||
<div class="d-flex">
|
||
<div class="avatar-xs flex-shrink-0">
|
||
<div class="avatar-title bg-light text-success rounded-circle">
|
||
M
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="fs-14 mb-1">
|
||
Megan Elmore
|
||
</h6>
|
||
<small class="text-muted">Adding a new event with attachments -
|
||
04:45PM</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div id="collapseTwo" class="accordion-collapse show collapse"
|
||
aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
|
||
<div class="accordion-body ms-2 ps-5">
|
||
<div class="row g-2">
|
||
<div class="col-auto">
|
||
<div class="d-flex position-relative rounded border border-dashed p-2">
|
||
<div class="flex-shrink-0">
|
||
<i class="ri-image-2-line fs-17 text-danger"></i>
|
||
</div>
|
||
<div class="flex-grow-1 ms-2">
|
||
<h6>
|
||
<a href="javascript:void(0);" class="stretched-link">Business
|
||
Template - UI/UX design</a>
|
||
</h6>
|
||
<small>685 KB</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-auto">
|
||
<div class="d-flex position-relative rounded border border-dashed p-2">
|
||
<div class="flex-shrink-0">
|
||
<i class="ri-file-zip-line fs-17 text-info"></i>
|
||
</div>
|
||
<div class="flex-grow-1 ms-2">
|
||
<h6 class="mb-0">
|
||
<a href="javascript:void(0);" class="stretched-link">Bank Management
|
||
System - PSD</a>
|
||
</h6>
|
||
<small>8.78 MB</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item border-0">
|
||
<div class="accordion-header" id="headingThree">
|
||
<a class="accordion-button p-2 shadow-none" data-bs-toggle="collapse"
|
||
href="#collapsethree" aria-expanded="false">
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0">
|
||
<img src="assets/images/users/avatar-5.jpg" alt=""
|
||
class="avatar-xs rounded-circle">
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="fs-14 mb-1"> New ticket received</h6>
|
||
<small class="text-muted mb-2">User <span
|
||
class="text-secondary">Erica245</span> submitted a ticket -
|
||
02:33PM</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item border-0">
|
||
<div class="accordion-header" id="headingFour">
|
||
<a class="accordion-button p-2 shadow-none" data-bs-toggle="collapse"
|
||
href="#collapseFour" aria-expanded="true">
|
||
<div class="d-flex">
|
||
<div class="avatar-xs flex-shrink-0">
|
||
<div class="avatar-title bg-light text-muted rounded-circle">
|
||
<i class="ri-user-3-fill"></i>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="fs-14 mb-1">
|
||
Nancy Martino
|
||
</h6>
|
||
<small class="text-muted">Commented on 12:57PM</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div id="collapseFour" class="accordion-collapse show collapse"
|
||
aria-labelledby="headingFour" data-bs-parent="#accordionExample">
|
||
<div class="accordion-body fst-italic ms-2 ps-5">
|
||
" A wonderful serenity has
|
||
taken possession of my
|
||
entire soul, like these
|
||
sweet mornings of spring
|
||
which I enjoy with my whole
|
||
heart. Each design is a new,
|
||
unique piece of art birthed
|
||
into this world, and while
|
||
you have the opportunity to
|
||
be creative and make your
|
||
own style choices. "
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item border-0">
|
||
<div class="accordion-header" id="headingFive">
|
||
<a class="accordion-button p-2 shadow-none" data-bs-toggle="collapse"
|
||
href="#collapseFive" aria-expanded="true">
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0">
|
||
<img src="assets/images/users/avatar-7.jpg" alt=""
|
||
class="avatar-xs rounded-circle">
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="fs-14 mb-1">
|
||
Lewis Arnold
|
||
</h6>
|
||
<small class="text-muted">Create new project buildng product -
|
||
10:05AM</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div id="collapseFive" class="accordion-collapse show collapse"
|
||
aria-labelledby="headingFive" data-bs-parent="#accordionExample">
|
||
<div class="accordion-body ms-2 ps-5">
|
||
<p class="text-muted mb-2"> Every team project can have a velzon. Use the
|
||
velzon to share information with your team to understand and contribute to
|
||
your project.</p>
|
||
<div class="avatar-group">
|
||
<a href="javascript: void(0);" class="avatar-group-item"
|
||
data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top"
|
||
title="" data-bs-original-title="Christi">
|
||
<img src="assets/images/users/avatar-4.jpg" alt=""
|
||
class="rounded-circle avatar-xs">
|
||
</a>
|
||
<a href="javascript: void(0);" class="avatar-group-item"
|
||
data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top"
|
||
title="" data-bs-original-title="Frank Hook">
|
||
<img src="assets/images/users/avatar-3.jpg" alt=""
|
||
class="rounded-circle avatar-xs">
|
||
</a>
|
||
<a href="javascript: void(0);" class="avatar-group-item"
|
||
data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top"
|
||
title="" data-bs-original-title=" Ruby">
|
||
<div class="avatar-xs">
|
||
<div class="avatar-title rounded-circle bg-light text-primary">
|
||
R
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<a href="javascript: void(0);" class="avatar-group-item"
|
||
data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top"
|
||
title="" data-bs-original-title="more">
|
||
<div class="avatar-xs">
|
||
<div class="avatar-title rounded-circle">
|
||
2+
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--end accordion-->
|
||
</div>
|
||
</div>
|
||
<div class="tab-pane" id="weekly" role="tabpanel">
|
||
<div class="profile-timeline">
|
||
<div class="accordion accordion-flush" id="weeklyExample">
|
||
<div class="accordion-item border-0">
|
||
<div class="accordion-header" id="heading6">
|
||
<a class="accordion-button p-2 shadow-none" data-bs-toggle="collapse"
|
||
href="#collapse6" aria-expanded="true">
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0">
|
||
<img src="assets/images/users/avatar-3.jpg" alt=""
|
||
class="avatar-xs rounded-circle">
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="fs-14 mb-1">
|
||
Joseph Parker
|
||
</h6>
|
||
<small class="text-muted">New people joined with our company -
|
||
Yesterday</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div id="collapse6" class="accordion-collapse show collapse"
|
||
aria-labelledby="heading6" data-bs-parent="#accordionExample">
|
||
<div class="accordion-body ms-2 ps-5">
|
||
It makes a statement, it’s
|
||
impressive graphic design.
|
||
Increase or decrease the
|
||
letter spacing depending on
|
||
the situation and try, try
|
||
again until it looks right,
|
||
and each letter has the
|
||
perfect spot of its own.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item border-0">
|
||
<div class="accordion-header" id="heading7">
|
||
<a class="accordion-button p-2 shadow-none" data-bs-toggle="collapse"
|
||
href="#collapse7" aria-expanded="false">
|
||
<div class="d-flex">
|
||
<div class="avatar-xs">
|
||
<div class="avatar-title rounded-circle bg-light text-danger">
|
||
<i class="ri-shopping-bag-line"></i>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="fs-14 mb-1">
|
||
Your order is placed <span
|
||
class="badge bg-success-subtle text-success align-middle">Completed</span>
|
||
</h6>
|
||
<small class="text-muted">These customers can rest assured their order has
|
||
been placed - 1 week Ago</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item border-0">
|
||
<div class="accordion-header" id="heading8">
|
||
<a class="accordion-button p-2 shadow-none" data-bs-toggle="collapse"
|
||
href="#collapse8" aria-expanded="true">
|
||
<div class="d-flex">
|
||
<div class="avatar-xs flex-shrink-0">
|
||
<div class="avatar-title bg-light text-success rounded-circle">
|
||
<i class="ri-home-3-line"></i>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="fs-14 mb-1">
|
||
Velzon admin dashboard templates layout upload
|
||
</h6>
|
||
<small class="text-muted">We talked about a project on linkedin - 1 week
|
||
Ago</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div id="collapse8" class="accordion-collapse show collapse"
|
||
aria-labelledby="heading8" data-bs-parent="#accordionExample">
|
||
<div class="accordion-body fst-italic ms-2 ps-5">
|
||
Powerful, clean & modern
|
||
responsive bootstrap 5 admin
|
||
template. The maximum file
|
||
size for uploads in this demo :
|
||
<div class="row mt-2">
|
||
<div class="col-xxl-6">
|
||
<div class="row gx-2 border border-dashed p-2">
|
||
<div class="col-3">
|
||
<img src="assets/images/small/img-3.jpg" alt=""
|
||
class="img-fluid rounded">
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-3">
|
||
<img src="assets/images/small/img-5.jpg" alt=""
|
||
class="img-fluid rounded">
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-3">
|
||
<img src="assets/images/small/img-7.jpg" alt=""
|
||
class="img-fluid rounded">
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-3">
|
||
<img src="assets/images/small/img-9.jpg" alt=""
|
||
class="img-fluid rounded">
|
||
</div>
|
||
<!--end col-->
|
||
</div>
|
||
<!--end row-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item border-0">
|
||
<div class="accordion-header" id="heading9">
|
||
<a class="accordion-button p-2 shadow-none" data-bs-toggle="collapse"
|
||
href="#collapse9" aria-expanded="false">
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0">
|
||
<img src="assets/images/users/avatar-6.jpg" alt=""
|
||
class="avatar-xs rounded-circle">
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="fs-14 mb-1">
|
||
New ticket created <span
|
||
class="badge bg-info-subtle text-info align-middle">Inprogress</span>
|
||
</h6>
|
||
<small class="text-muted mb-2">User <span
|
||
class="text-secondary">Jack365</span> submitted a ticket - 2 week
|
||
Ago</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item border-0">
|
||
<div class="accordion-header" id="heading10">
|
||
<a class="accordion-button p-2 shadow-none" data-bs-toggle="collapse"
|
||
href="#collapse10" aria-expanded="true">
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0">
|
||
<img src="assets/images/users/avatar-5.jpg" alt=""
|
||
class="avatar-xs rounded-circle">
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="fs-14 mb-1">
|
||
Jennifer Carter
|
||
</h6>
|
||
<small class="text-muted">Commented - 4 week Ago</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div id="collapse10" class="accordion-collapse show collapse"
|
||
aria-labelledby="heading10" data-bs-parent="#accordionExample">
|
||
<div class="accordion-body ms-2 ps-5">
|
||
<p class="text-muted fst-italic mb-2">
|
||
" This is an awesome
|
||
admin dashboard
|
||
template. It is
|
||
extremely well
|
||
structured and uses
|
||
state of the art
|
||
components (e.g. one of
|
||
the only templates using
|
||
boostrap 5.1.3 so far).
|
||
I integrated it into a
|
||
Rails 6 project. Needs
|
||
manual integration work
|
||
of course but the
|
||
template structure made
|
||
it easy. "</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--end accordion-->
|
||
</div>
|
||
</div>
|
||
<div class="tab-pane" id="monthly" role="tabpanel">
|
||
<div class="profile-timeline">
|
||
<div class="accordion accordion-flush" id="monthlyExample">
|
||
<div class="accordion-item border-0">
|
||
<div class="accordion-header" id="heading11">
|
||
<a class="accordion-button p-2 shadow-none" data-bs-toggle="collapse"
|
||
href="#collapse11" aria-expanded="false">
|
||
<div class="d-flex">
|
||
<div class="avatar-xs flex-shrink-0">
|
||
<div class="avatar-title bg-light text-success rounded-circle">
|
||
M
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="fs-14 mb-1">
|
||
Megan Elmore
|
||
</h6>
|
||
<small class="text-muted">Adding a new event with attachments - 1 month
|
||
Ago.</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div id="collapse11" class="accordion-collapse show collapse"
|
||
aria-labelledby="heading11" data-bs-parent="#accordionExample">
|
||
<div class="accordion-body ms-2 ps-5">
|
||
<div class="row g-2">
|
||
<div class="col-auto">
|
||
<div class="d-flex position-relative rounded border border-dashed p-2">
|
||
<div class="flex-shrink-0">
|
||
<i class="ri-image-2-line fs-17 text-danger"></i>
|
||
</div>
|
||
<div class="flex-grow-1 ms-2">
|
||
<h6 class="mb-0">
|
||
<a href="javascript:void(0);" class="stretched-link">Business
|
||
Template - UI/UX design</a>
|
||
</h6>
|
||
<small>685 KB</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-auto">
|
||
<div class="d-flex position-relative rounded border border-dashed p-2">
|
||
<div class="flex-shrink-0">
|
||
<i class="ri-file-zip-line fs-17 text-info"></i>
|
||
</div>
|
||
<div class="flex-grow-1 ms-2">
|
||
<h6 class="mb-0">
|
||
<a href="javascript:void(0);" class="stretched-link">Bank Management
|
||
System - PSD</a>
|
||
</h6>
|
||
<small>8.78 MB</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-auto">
|
||
<div class="d-flex position-relative rounded border border-dashed p-2">
|
||
<div class="flex-shrink-0">
|
||
<i class="ri-file-zip-line fs-17 text-info"></i>
|
||
</div>
|
||
<div class="flex-grow-1 ms-2">
|
||
<h6 class="mb-0">
|
||
<a href="javascript:void(0);" class="stretched-link">Bank Management
|
||
System - PSD</a>
|
||
</h6>
|
||
<small>8.78 MB</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item border-0">
|
||
<div class="accordion-header" id="heading12">
|
||
<a class="accordion-button p-2 shadow-none" data-bs-toggle="collapse"
|
||
href="#collapse12" aria-expanded="true">
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0">
|
||
<img src="assets/images/users/avatar-2.jpg" alt=""
|
||
class="avatar-xs rounded-circle">
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="fs-14 mb-1">
|
||
Jacqueline Steve
|
||
</h6>
|
||
<small class="text-muted">We has changed 2 attributes on 3 month
|
||
Ago</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div id="collapse12" class="accordion-collapse show collapse"
|
||
aria-labelledby="heading12" data-bs-parent="#accordionExample">
|
||
<div class="accordion-body ms-2 ps-5">
|
||
In an awareness campaign, it
|
||
is vital for people to begin
|
||
put 2 and 2 together and
|
||
begin to recognize your
|
||
cause. Too much or too
|
||
little spacing, as in the
|
||
example below, can make
|
||
things unpleasant for the
|
||
reader. The goal is to make
|
||
your text as comfortable to
|
||
read as possible. A
|
||
wonderful serenity has taken
|
||
possession of my entire
|
||
soul, like these sweet
|
||
mornings of spring which I
|
||
enjoy with my whole heart.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item border-0">
|
||
<div class="accordion-header" id="heading13">
|
||
<a class="accordion-button p-2 shadow-none" data-bs-toggle="collapse"
|
||
href="#collapse13" aria-expanded="false">
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0">
|
||
<img src="assets/images/users/avatar-5.jpg" alt=""
|
||
class="avatar-xs rounded-circle">
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="fs-14 mb-1">
|
||
New ticket received
|
||
</h6>
|
||
<small class="text-muted mb-2">User <span
|
||
class="text-secondary">Erica245</span> submitted a ticket - 5 month
|
||
Ago</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item border-0">
|
||
<div class="accordion-header" id="heading14">
|
||
<a class="accordion-button p-2 shadow-none" data-bs-toggle="collapse"
|
||
href="#collapse14" aria-expanded="true">
|
||
<div class="d-flex">
|
||
<div class="avatar-xs flex-shrink-0">
|
||
<div class="avatar-title bg-light text-muted rounded-circle">
|
||
<i class="ri-user-3-fill"></i>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="fs-14 mb-1">
|
||
Nancy Martino
|
||
</h6>
|
||
<small class="text-muted">Commented on 24 Nov, 2021.</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div id="collapse14" class="accordion-collapse show collapse"
|
||
aria-labelledby="heading14" data-bs-parent="#accordionExample">
|
||
<div class="accordion-body fst-italic ms-2 ps-5">
|
||
" A wonderful serenity has
|
||
taken possession of my
|
||
entire soul, like these
|
||
sweet mornings of spring
|
||
which I enjoy with my whole
|
||
heart. Each design is a new,
|
||
unique piece of art birthed
|
||
into this world, and while
|
||
you have the opportunity to
|
||
be creative and make your
|
||
own style choices. "
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item border-0">
|
||
<div class="accordion-header" id="heading15">
|
||
<a class="accordion-button p-2 shadow-none" data-bs-toggle="collapse"
|
||
href="#collapse15" aria-expanded="true">
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0">
|
||
<img src="assets/images/users/avatar-7.jpg" alt=""
|
||
class="avatar-xs rounded-circle">
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="fs-14 mb-1">
|
||
Lewis Arnold
|
||
</h6>
|
||
<small class="text-muted">Create new project buildng product - 8 month
|
||
Ago</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div id="collapse15" class="accordion-collapse show collapse"
|
||
aria-labelledby="heading15" data-bs-parent="#accordionExample">
|
||
<div class="accordion-body ms-2 ps-5">
|
||
<p class="text-muted mb-2">
|
||
Every team project can
|
||
have a velzon. Use the
|
||
velzon to share
|
||
information with your
|
||
team to understand and
|
||
contribute to your
|
||
project.</p>
|
||
<div class="avatar-group">
|
||
<a href="javascript: void(0);" class="avatar-group-item"
|
||
data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top"
|
||
title="" data-bs-original-title="Christi">
|
||
<img src="assets/images/users/avatar-4.jpg" alt=""
|
||
class="rounded-circle avatar-xs">
|
||
</a>
|
||
<a href="javascript: void(0);" class="avatar-group-item"
|
||
data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top"
|
||
title="" data-bs-original-title="Frank Hook">
|
||
<img src="assets/images/users/avatar-3.jpg" alt=""
|
||
class="rounded-circle avatar-xs">
|
||
</a>
|
||
<a href="javascript: void(0);" class="avatar-group-item"
|
||
data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top"
|
||
title="" data-bs-original-title=" Ruby">
|
||
<div class="avatar-xs">
|
||
<div class="avatar-title rounded-circle bg-light text-primary">
|
||
R
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<a href="javascript: void(0);" class="avatar-group-item"
|
||
data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top"
|
||
title="" data-bs-original-title="more">
|
||
<div class="avatar-xs">
|
||
<div class="avatar-title rounded-circle">
|
||
2+
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--end accordion-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div><!-- end card body -->
|
||
</div><!-- end card -->
|
||
</div><!-- end col -->
|
||
</div><!-- end row -->
|
||
|
||
</div>
|
||
<!--end col-->
|
||
</div>
|
||
<!--end row-->
|
||
</div>
|
||
<div class="tab-pane fade" id="activities" role="tabpanel">
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<h5 class="card-title mb-3">Activities</h5>
|
||
<div class="acitivity-timeline">
|
||
<div class="acitivity-item d-flex">
|
||
<div class="flex-shrink-0">
|
||
<img src="assets/images/users/avatar-1.jpg" alt=""
|
||
class="avatar-xs rounded-circle acitivity-avatar">
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="mb-1">Oliver Phillips <span
|
||
class="badge bg-primary-subtle text-primary align-middle">New</span></h6>
|
||
<p class="text-muted mb-2">We talked about a project on linkedin.</p>
|
||
<small class="text-muted mb-0">Today</small>
|
||
</div>
|
||
</div>
|
||
<div class="acitivity-item d-flex py-3">
|
||
<div class="avatar-xs acitivity-avatar flex-shrink-0">
|
||
<div class="avatar-title bg-success-subtle text-success rounded-circle">
|
||
N
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="mb-1">Nancy Martino <span
|
||
class="badge bg-secondary-subtle text-secondary align-middle">In Progress</span></h6>
|
||
<p class="text-muted mb-2"><i class="ri-file-text-line ms-2 align-middle"></i> Create new
|
||
project Buildng product</p>
|
||
<div class="avatar-group mb-2">
|
||
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip"
|
||
data-bs-placement="top" title="" data-bs-original-title="Christi">
|
||
<img src="assets/images/users/avatar-4.jpg" alt=""
|
||
class="rounded-circle avatar-xs">
|
||
</a>
|
||
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip"
|
||
data-bs-placement="top" title="" data-bs-original-title="Frank Hook">
|
||
<img src="assets/images/users/avatar-3.jpg" alt=""
|
||
class="rounded-circle avatar-xs">
|
||
</a>
|
||
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip"
|
||
data-bs-placement="top" title="" data-bs-original-title=" Ruby">
|
||
<div class="avatar-xs">
|
||
<div class="avatar-title rounded-circle bg-light text-primary">
|
||
R
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip"
|
||
data-bs-placement="top" title="" data-bs-original-title="more">
|
||
<div class="avatar-xs">
|
||
<div class="avatar-title rounded-circle">
|
||
2+
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<small class="text-muted mb-0">Yesterday</small>
|
||
</div>
|
||
</div>
|
||
<div class="acitivity-item d-flex py-3">
|
||
<div class="flex-shrink-0">
|
||
<img src="assets/images/users/avatar-2.jpg" alt=""
|
||
class="avatar-xs rounded-circle acitivity-avatar">
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="mb-1">Natasha Carey <span
|
||
class="badge bg-success-subtle text-success align-middle">Completed</span>
|
||
</h6>
|
||
<p class="text-muted mb-2">Adding a new event with attachments</p>
|
||
<div class="row">
|
||
<div class="col-xxl-4">
|
||
<div class="row gx-2 mb-2 border border-dashed p-2">
|
||
<div class="col-4">
|
||
<img src="assets/images/small/img-2.jpg" alt="" class="img-fluid rounded">
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-4">
|
||
<img src="assets/images/small/img-3.jpg" alt="" class="img-fluid rounded">
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-4">
|
||
<img src="assets/images/small/img-4.jpg" alt="" class="img-fluid rounded">
|
||
</div>
|
||
<!--end col-->
|
||
</div>
|
||
<!--end row-->
|
||
</div>
|
||
</div>
|
||
<small class="text-muted mb-0">25 Nov</small>
|
||
</div>
|
||
</div>
|
||
<div class="acitivity-item d-flex py-3">
|
||
<div class="flex-shrink-0">
|
||
<img src="assets/images/users/avatar-6.jpg" alt=""
|
||
class="avatar-xs rounded-circle acitivity-avatar">
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="mb-1">Bethany Johnson</h6>
|
||
<p class="text-muted mb-2">added a new member to velzon dashboard</p>
|
||
<small class="text-muted mb-0">19 Nov</small>
|
||
</div>
|
||
</div>
|
||
<div class="acitivity-item d-flex py-3">
|
||
<div class="flex-shrink-0">
|
||
<div class="avatar-xs acitivity-avatar">
|
||
<div class="avatar-title rounded-circle bg-danger-subtle text-danger">
|
||
<i class="ri-shopping-bag-line"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="mb-1">Your order is placed <span
|
||
class="badge bg-danger-subtle text-danger ms-1 align-middle">Out of Delivery</span></h6>
|
||
<p class="text-muted mb-2">These customers can rest assured their order has been placed.</p>
|
||
<small class="text-muted mb-0">16 Nov</small>
|
||
</div>
|
||
</div>
|
||
<div class="acitivity-item d-flex py-3">
|
||
<div class="flex-shrink-0">
|
||
<img src="assets/images/users/avatar-7.jpg" alt=""
|
||
class="avatar-xs rounded-circle acitivity-avatar">
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="mb-1">Lewis Pratt</h6>
|
||
<p class="text-muted mb-2">They all have something to say
|
||
beyond the words on the page. They can come across as
|
||
casual or neutral, exotic or graphic. </p>
|
||
<small class="text-muted mb-0">22 Oct</small>
|
||
</div>
|
||
</div>
|
||
<div class="acitivity-item d-flex py-3">
|
||
<div class="flex-shrink-0">
|
||
<div class="avatar-xs acitivity-avatar">
|
||
<div class="avatar-title rounded-circle bg-info-subtle text-info">
|
||
<i class="ri-line-chart-line"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="mb-1">Monthly sales report</h6>
|
||
<p class="text-muted mb-2">
|
||
<span class="text-danger">2 days left</span> notification to submit the monthly sales
|
||
report. <a href="javascript:void(0);" class="link-warning text-decoration-underline">Reports
|
||
Builder</a>
|
||
</p>
|
||
<small class="text-muted mb-0">15 Oct</small>
|
||
</div>
|
||
</div>
|
||
<div class="acitivity-item d-flex">
|
||
<div class="flex-shrink-0">
|
||
<img src="assets/images/users/avatar-8.jpg" alt=""
|
||
class="avatar-xs rounded-circle acitivity-avatar">
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="mb-1">New ticket received <span
|
||
class="badge bg-success-subtle text-success align-middle">Completed</span></h6>
|
||
<p class="text-muted mb-2">User <span class="text-secondary">Erica245</span> submitted a
|
||
ticket.</p>
|
||
<small class="text-muted mb-0">26 Aug</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--end card-body-->
|
||
</div>
|
||
<!--end card-->
|
||
</div>
|
||
<!--end tab-pane-->
|
||
<div class="tab-pane fade" id="projects" role="tabpanel">
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<div class="row">
|
||
<div class="col-xxl-3 col-sm-6">
|
||
<div class="card profile-project-card profile-project-warning shadow-none">
|
||
<div class="card-body p-4">
|
||
<div class="d-flex">
|
||
<div class="flex-grow-1 text-muted overflow-hidden">
|
||
<h5 class="fs-14 text-truncate"><a href="#" class="text-body">Chat App
|
||
Update</a></h5>
|
||
<p class="text-muted text-truncate mb-0">Last Update : <span
|
||
class="fw-semibold text-body">2 year Ago</span></p>
|
||
</div>
|
||
<div class="ms-2 flex-shrink-0">
|
||
<div class="badge bg-warning-subtle text-warning fs-10">Inprogress</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="d-flex mt-4">
|
||
<div class="flex-grow-1">
|
||
<div class="d-flex align-items-center gap-2">
|
||
<div>
|
||
<h5 class="fs-12 text-muted mb-0">Members :</h5>
|
||
</div>
|
||
<div class="avatar-group">
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-1.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-3.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<div class="avatar-title rounded-circle bg-light text-primary">
|
||
J
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end card body -->
|
||
</div>
|
||
<!-- end card -->
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-xxl-3 col-sm-6">
|
||
<div class="card profile-project-card profile-project-success shadow-none">
|
||
<div class="card-body p-4">
|
||
<div class="d-flex">
|
||
<div class="flex-grow-1 text-muted overflow-hidden">
|
||
<h5 class="fs-14 text-truncate"><a href="#" class="text-body">ABC Project
|
||
Customization</a></h5>
|
||
<p class="text-muted text-truncate mb-0">Last Update : <span
|
||
class="fw-semibold text-body">2 month Ago</span></p>
|
||
</div>
|
||
<div class="ms-2 flex-shrink-0">
|
||
<div class="badge bg-primary-subtle text-primary fs-10"> Progress</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="d-flex mt-4">
|
||
<div class="flex-grow-1">
|
||
<div class="d-flex align-items-center gap-2">
|
||
<div>
|
||
<h5 class="fs-12 text-muted mb-0">Members :</h5>
|
||
</div>
|
||
<div class="avatar-group">
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-8.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-7.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-6.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<div class="avatar-title rounded-circle bg-primary">
|
||
2+
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end card body -->
|
||
</div>
|
||
<!-- end card -->
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-xxl-3 col-sm-6">
|
||
<div class="card profile-project-card profile-project-info shadow-none">
|
||
<div class="card-body p-4">
|
||
<div class="d-flex">
|
||
<div class="flex-grow-1 text-muted overflow-hidden">
|
||
<h5 class="fs-14 text-truncate"><a href="#" class="text-body">Client - Frank
|
||
Hook</a></h5>
|
||
<p class="text-muted text-truncate mb-0">Last Update : <span
|
||
class="fw-semibold text-body">1 hr Ago</span></p>
|
||
</div>
|
||
<div class="ms-2 flex-shrink-0">
|
||
<div class="badge bg-info-subtle text-info fs-10">New</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="d-flex mt-4">
|
||
<div class="flex-grow-1">
|
||
<div class="d-flex align-items-center gap-2">
|
||
<div>
|
||
<h5 class="fs-12 text-muted mb-0"> Members :</h5>
|
||
</div>
|
||
<div class="avatar-group">
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-4.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<div class="avatar-title rounded-circle bg-light text-primary">
|
||
M
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-3.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end card body -->
|
||
</div>
|
||
<!-- end card -->
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-xxl-3 col-sm-6">
|
||
<div class="card profile-project-card profile-project-primary shadow-none">
|
||
<div class="card-body p-4">
|
||
<div class="d-flex">
|
||
<div class="flex-grow-1 text-muted overflow-hidden">
|
||
<h5 class="fs-14 text-truncate"><a href="#" class="text-body">Velzon
|
||
Project</a></h5>
|
||
<p class="text-muted text-truncate mb-0">Last Update : <span
|
||
class="fw-semibold text-body">11 hr Ago</span></p>
|
||
</div>
|
||
<div class="ms-2 flex-shrink-0">
|
||
<div class="badge bg-success-subtle text-success fs-10">Completed</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="d-flex mt-4">
|
||
<div class="flex-grow-1">
|
||
<div class="d-flex align-items-center gap-2">
|
||
<div>
|
||
<h5 class="fs-12 text-muted mb-0">Members :</h5>
|
||
</div>
|
||
<div class="avatar-group">
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-7.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-5.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end card body -->
|
||
</div>
|
||
<!-- end card -->
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-xxl-3 col-sm-6">
|
||
<div class="card profile-project-card profile-project-danger shadow-none">
|
||
<div class="card-body p-4">
|
||
<div class="d-flex">
|
||
<div class="flex-grow-1 text-muted overflow-hidden">
|
||
<h5 class="fs-14 text-truncate"><a href="#" class="text-body">Brand Logo
|
||
Design</a></h5>
|
||
<p class="text-muted text-truncate mb-0">Last Update : <span
|
||
class="fw-semibold text-body">10 min Ago</span></p>
|
||
</div>
|
||
<div class="ms-2 flex-shrink-0">
|
||
<div class="badge bg-info-subtle text-info fs-10">New</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="d-flex mt-4">
|
||
<div class="flex-grow-1">
|
||
<div class="d-flex align-items-center gap-2">
|
||
<div>
|
||
<h5 class="fs-12 text-muted mb-0">Members :</h5>
|
||
</div>
|
||
<div class="avatar-group">
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-7.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-6.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<div class="avatar-title rounded-circle bg-light text-primary">
|
||
E
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end card body -->
|
||
</div>
|
||
<!-- end card -->
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-xxl-3 col-sm-6">
|
||
<div class="card profile-project-card profile-project-primary shadow-none">
|
||
<div class="card-body p-4">
|
||
<div class="d-flex">
|
||
<div class="flex-grow-1 text-muted overflow-hidden">
|
||
<h5 class="fs-14 text-truncate"><a href="#" class="text-body">Chat App</a>
|
||
</h5>
|
||
<p class="text-muted text-truncate mb-0">Last Update : <span
|
||
class="fw-semibold text-body">8 hr Ago</span></p>
|
||
</div>
|
||
<div class="ms-2 flex-shrink-0">
|
||
<div class="badge bg-warning-subtle text-warning fs-10">Inprogress</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="d-flex mt-4">
|
||
<div class="flex-grow-1">
|
||
<div class="d-flex align-items-center gap-2">
|
||
<div>
|
||
<h5 class="fs-12 text-muted mb-0">Members :</h5>
|
||
</div>
|
||
<div class="avatar-group">
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<div class="avatar-title rounded-circle bg-light text-primary">
|
||
R
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-3.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-8.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end card body -->
|
||
</div>
|
||
<!-- end card -->
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-xxl-3 col-sm-6">
|
||
<div class="card profile-project-card profile-project-warning shadow-none">
|
||
<div class="card-body p-4">
|
||
<div class="d-flex">
|
||
<div class="flex-grow-1 text-muted overflow-hidden">
|
||
<h5 class="fs-14 text-truncate"><a href="#" class="text-body">Project
|
||
Update</a></h5>
|
||
<p class="text-muted text-truncate mb-0">Last Update : <span
|
||
class="fw-semibold text-body">48 min Ago</span></p>
|
||
</div>
|
||
<div class="ms-2 flex-shrink-0">
|
||
<div class="badge bg-warning-subtle text-warning fs-10">Inprogress</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="d-flex mt-4">
|
||
<div class="flex-grow-1">
|
||
<div class="d-flex align-items-center gap-2">
|
||
<div>
|
||
<h5 class="fs-12 text-muted mb-0">Members :</h5>
|
||
</div>
|
||
<div class="avatar-group">
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-6.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-5.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-4.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end card body -->
|
||
</div>
|
||
<!-- end card -->
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-xxl-3 col-sm-6">
|
||
<div class="card profile-project-card profile-project-success shadow-none">
|
||
<div class="card-body p-4">
|
||
<div class="d-flex">
|
||
<div class="flex-grow-1 text-muted overflow-hidden">
|
||
<h5 class="fs-14 text-truncate"><a href="#" class="text-body">Client -
|
||
Jennifer</a></h5>
|
||
<p class="text-muted text-truncate mb-0">Last Update : <span
|
||
class="fw-semibold text-body">30 min Ago</span></p>
|
||
</div>
|
||
<div class="ms-2 flex-shrink-0">
|
||
<div class="badge bg-primary-subtle text-primary fs-10">Process</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="d-flex mt-4">
|
||
<div class="flex-grow-1">
|
||
<div class="d-flex align-items-center gap-2">
|
||
<div>
|
||
<h5 class="fs-12 text-muted mb-0"> Members :</h5>
|
||
</div>
|
||
<div class="avatar-group">
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-1.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end card body -->
|
||
</div>
|
||
<!-- end card -->
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-xxl-3 col-sm-6">
|
||
<div class="card profile-project-card mb-xxl-0 profile-project-info shadow-none">
|
||
<div class="card-body p-4">
|
||
<div class="d-flex">
|
||
<div class="flex-grow-1 text-muted overflow-hidden">
|
||
<h5 class="fs-14 text-truncate"><a href="#" class="text-body">Bsuiness
|
||
Template - UI/UX design</a></h5>
|
||
<p class="text-muted text-truncate mb-0">Last Update : <span
|
||
class="fw-semibold text-body">7 month Ago</span></p>
|
||
</div>
|
||
<div class="ms-2 flex-shrink-0">
|
||
<div class="badge bg-success-subtle text-success fs-10">Completed</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex mt-4">
|
||
<div class="flex-grow-1">
|
||
<div class="d-flex align-items-center gap-2">
|
||
<div>
|
||
<h5 class="fs-12 text-muted mb-0">Members :</h5>
|
||
</div>
|
||
<div class="avatar-group">
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-2.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-3.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-4.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<div class="avatar-title rounded-circle bg-primary">
|
||
2+
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end card body -->
|
||
</div>
|
||
<!-- end card -->
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-xxl-3 col-sm-6">
|
||
<div class="card profile-project-card mb-xxl-0 profile-project-success shadow-none">
|
||
<div class="card-body p-4">
|
||
<div class="d-flex">
|
||
<div class="flex-grow-1 text-muted overflow-hidden">
|
||
<h5 class="fs-14 text-truncate"><a href="#" class="text-body">Update
|
||
Project</a></h5>
|
||
<p class="text-muted text-truncate mb-0">Last Update : <span
|
||
class="fw-semibold text-body">1 month Ago</span></p>
|
||
</div>
|
||
<div class="ms-2 flex-shrink-0">
|
||
<div class="badge bg-info-subtle text-info fs-10">New</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex mt-4">
|
||
<div class="flex-grow-1">
|
||
<div class="d-flex align-items-center gap-2">
|
||
<div>
|
||
<h5 class="fs-12 text-muted mb-0">Members :</h5>
|
||
</div>
|
||
<div class="avatar-group">
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-7.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<div class="avatar-title rounded-circle bg-light text-primary">
|
||
A
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div><!-- end card body -->
|
||
</div><!-- end card -->
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-xxl-3 col-sm-6">
|
||
<div class="card profile-project-card mb-sm-0 profile-project-danger shadow-none">
|
||
<div class="card-body p-4">
|
||
<div class="d-flex">
|
||
<div class="flex-grow-1 text-muted overflow-hidden">
|
||
<h5 class="fs-14 text-truncate"><a href="#" class="text-body">Bank Management
|
||
System</a></h5>
|
||
<p class="text-muted text-truncate mb-0">Last Update : <span
|
||
class="fw-semibold text-body">10 month Ago</span></p>
|
||
</div>
|
||
<div class="ms-2 flex-shrink-0">
|
||
<div class="badge bg-success-subtle text-success fs-10">Completed</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex mt-4">
|
||
<div class="flex-grow-1">
|
||
<div class="d-flex align-items-center gap-2">
|
||
<div>
|
||
<h5 class="fs-12 text-muted mb-0">Members :</h5>
|
||
</div>
|
||
<div class="avatar-group">
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-7.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-6.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-5.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<div class="avatar-title rounded-circle bg-primary">
|
||
2+
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div><!-- end card body -->
|
||
</div><!-- end card -->
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-xxl-3 col-sm-6">
|
||
<div class="card profile-project-card profile-project-primary mb-0 shadow-none">
|
||
<div class="card-body p-4">
|
||
<div class="d-flex">
|
||
<div class="flex-grow-1 text-muted overflow-hidden">
|
||
<h5 class="fs-14 text-truncate"><a href="#" class="text-body">PSD to HTML
|
||
Convert</a></h5>
|
||
<p class="text-muted text-truncate mb-0">Last Update : <span
|
||
class="fw-semibold text-body">29 min Ago</span></p>
|
||
</div>
|
||
<div class="ms-2 flex-shrink-0">
|
||
<div class="badge bg-info-subtle text-info fs-10">New</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex mt-4">
|
||
<div class="flex-grow-1">
|
||
<div class="d-flex align-items-center gap-2">
|
||
<div>
|
||
<h5 class="fs-12 text-muted mb-0">Members :</h5>
|
||
</div>
|
||
<div class="avatar-group">
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img src="assets/images/users/avatar-7.jpg" alt=""
|
||
class="rounded-circle img-fluid">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div><!-- end card body -->
|
||
</div><!-- end card -->
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-lg-12">
|
||
<div class="mt-4">
|
||
<ul class="pagination pagination-separated justify-content-center mb-0">
|
||
<li class="page-item disabled">
|
||
<a href="javascript:void(0);" class="page-link"><i
|
||
class="mdi mdi-chevron-left"></i></a>
|
||
</li>
|
||
<li class="page-item active">
|
||
<a href="javascript:void(0);" class="page-link">1</a>
|
||
</li>
|
||
<li class="page-item">
|
||
<a href="javascript:void(0);" class="page-link">2</a>
|
||
</li>
|
||
<li class="page-item">
|
||
<a href="javascript:void(0);" class="page-link">3</a>
|
||
</li>
|
||
<li class="page-item">
|
||
<a href="javascript:void(0);" class="page-link">4</a>
|
||
</li>
|
||
<li class="page-item">
|
||
<a href="javascript:void(0);" class="page-link">5</a>
|
||
</li>
|
||
<li class="page-item">
|
||
<a href="javascript:void(0);" class="page-link"><i
|
||
class="mdi mdi-chevron-right"></i></a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--end row-->
|
||
</div>
|
||
<!--end card-body-->
|
||
</div>
|
||
<!--end card-->
|
||
</div>
|
||
<!--end tab-pane-->
|
||
<div class="tab-pane fade" id="documents" role="tabpanel">
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<div class="d-flex align-items-center mb-4">
|
||
<h5 class="card-title flex-grow-1 mb-0">Documents</h5>
|
||
<div class="flex-shrink-0">
|
||
<input class="form-control d-none" type="file" id="formFile">
|
||
<label for="formFile" class="btn btn-danger"><i
|
||
class="ri-upload-2-fill me-1 align-bottom"></i> Upload File</label>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<div class="table-responsive">
|
||
<table class="table-borderless mb-0 table align-middle">
|
||
<thead class="table-light">
|
||
<tr>
|
||
<th scope="col">File Name</th>
|
||
<th scope="col">Type</th>
|
||
<th scope="col">Size</th>
|
||
<th scope="col">Upload Date</th>
|
||
<th scope="col">Action</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td>
|
||
<div class="d-flex align-items-center">
|
||
<div class="avatar-sm">
|
||
<div class="avatar-title bg-primary-subtle text-primary fs-20 rounded">
|
||
<i class="ri-file-zip-fill"></i>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="fs-15 mb-0"><a href="javascript:void(0)">Artboard-documents.zip</a>
|
||
</h6>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td>Zip File</td>
|
||
<td>4.57 MB</td>
|
||
<td>12 Dec 2021</td>
|
||
<td>
|
||
<div class="dropdown">
|
||
<a href="javascript:void(0);" class="btn btn-light btn-icon"
|
||
id="dropdownMenuLink15" data-bs-toggle="dropdown" aria-expanded="true">
|
||
<i class="ri-equalizer-fill"></i>
|
||
</a>
|
||
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuLink15">
|
||
<li><a class="dropdown-item" href="javascript:void(0);"><i
|
||
class="ri-eye-fill text-muted me-2 align-middle"></i>View</a></li>
|
||
<li><a class="dropdown-item" href="javascript:void(0);"><i
|
||
class="ri-download-2-fill text-muted me-2 align-middle"></i>Download</a>
|
||
</li>
|
||
<li class="dropdown-divider"></li>
|
||
<li><a class="dropdown-item" href="javascript:void(0);"><i
|
||
class="ri-delete-bin-5-line text-muted me-2 align-middle"></i>Delete</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<div class="d-flex align-items-center">
|
||
<div class="avatar-sm">
|
||
<div class="avatar-title bg-danger-subtle text-danger fs-20 rounded">
|
||
<i class="ri-file-pdf-fill"></i>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="fs-15 mb-0"><a href="javascript:void(0);">Bank Management System</a>
|
||
</h6>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td>PDF File</td>
|
||
<td>8.89 MB</td>
|
||
<td>24 Nov 2021</td>
|
||
<td>
|
||
<div class="dropdown">
|
||
<a href="javascript:void(0);" class="btn btn-light btn-icon"
|
||
id="dropdownMenuLink3" data-bs-toggle="dropdown" aria-expanded="true">
|
||
<i class="ri-equalizer-fill"></i>
|
||
</a>
|
||
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuLink3">
|
||
<li><a class="dropdown-item" href="javascript:void(0);"><i
|
||
class="ri-eye-fill text-muted me-2 align-middle"></i>View</a></li>
|
||
<li><a class="dropdown-item" href="javascript:void(0);"><i
|
||
class="ri-download-2-fill text-muted me-2 align-middle"></i>Download</a>
|
||
</li>
|
||
<li class="dropdown-divider"></li>
|
||
<li><a class="dropdown-item" href="javascript:void(0);"><i
|
||
class="ri-delete-bin-5-line text-muted me-2 align-middle"></i>Delete</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<div class="d-flex align-items-center">
|
||
<div class="avatar-sm">
|
||
<div class="avatar-title bg-secondary-subtle text-secondary fs-20 rounded">
|
||
<i class="ri-video-line"></i>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="fs-15 mb-0"><a href="javascript:void(0);">Tour-video.mp4</a></h6>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td>MP4 File</td>
|
||
<td>14.62 MB</td>
|
||
<td>19 Nov 2021</td>
|
||
<td>
|
||
<div class="dropdown">
|
||
<a href="javascript:void(0);" class="btn btn-light btn-icon"
|
||
id="dropdownMenuLink4" data-bs-toggle="dropdown" aria-expanded="true">
|
||
<i class="ri-equalizer-fill"></i>
|
||
</a>
|
||
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuLink4">
|
||
<li><a class="dropdown-item" href="javascript:void(0);"><i
|
||
class="ri-eye-fill text-muted me-2 align-middle"></i>View</a></li>
|
||
<li><a class="dropdown-item" href="javascript:void(0);"><i
|
||
class="ri-download-2-fill text-muted me-2 align-middle"></i>Download</a>
|
||
</li>
|
||
<li class="dropdown-divider"></li>
|
||
<li><a class="dropdown-item" href="javascript:void(0);"><i
|
||
class="ri-delete-bin-5-line text-muted me-2 align-middle"></i>Delete</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<div class="d-flex align-items-center">
|
||
<div class="avatar-sm">
|
||
<div class="avatar-title bg-success-subtle text-success fs-20 rounded">
|
||
<i class="ri-file-excel-fill"></i>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="fs-15 mb-0"><a href="javascript:void(0);">Account-statement.xsl</a>
|
||
</h6>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td>XSL File</td>
|
||
<td>2.38 KB</td>
|
||
<td>14 Nov 2021</td>
|
||
<td>
|
||
<div class="dropdown">
|
||
<a href="javascript:void(0);" class="btn btn-light btn-icon"
|
||
id="dropdownMenuLink5" data-bs-toggle="dropdown" aria-expanded="true">
|
||
<i class="ri-equalizer-fill"></i>
|
||
</a>
|
||
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuLink5">
|
||
<li><a class="dropdown-item" href="javascript:void(0);"><i
|
||
class="ri-eye-fill text-muted me-2 align-middle"></i>View</a></li>
|
||
<li><a class="dropdown-item" href="javascript:void(0);"><i
|
||
class="ri-download-2-fill text-muted me-2 align-middle"></i>Download</a>
|
||
</li>
|
||
<li class="dropdown-divider"></li>
|
||
<li><a class="dropdown-item" href="javascript:void(0);"><i
|
||
class="ri-delete-bin-5-line text-muted me-2 align-middle"></i>Delete</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<div class="d-flex align-items-center">
|
||
<div class="avatar-sm">
|
||
<div class="avatar-title bg-info-subtle text-info fs-20 rounded">
|
||
<i class="ri-folder-line"></i>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="fs-15 mb-0"><a href="javascript:void(0);">Project Screenshots
|
||
Collection</a></h6>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td>Floder File</td>
|
||
<td>87.24 MB</td>
|
||
<td>08 Nov 2021</td>
|
||
<td>
|
||
<div class="dropdown">
|
||
<a href="javascript:void(0);" class="btn btn-light btn-icon"
|
||
id="dropdownMenuLink6" data-bs-toggle="dropdown" aria-expanded="true">
|
||
<i class="ri-equalizer-fill"></i>
|
||
</a>
|
||
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuLink6">
|
||
<li><a class="dropdown-item" href="javascript:void(0);"><i
|
||
class="ri-eye-fill me-2 align-middle"></i>View</a></li>
|
||
<li>
|
||
<a class="dropdown-item" href="javascript:void(0);"><i
|
||
class="ri-download-2-fill me-2 align-middle"></i>Download</a>
|
||
</li>
|
||
<li><a class="dropdown-item" href="javascript:void(0);"><i
|
||
class="ri-delete-bin-5-line me-2 align-middle"></i>Delete</a></li>
|
||
</ul>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<div class="d-flex align-items-center">
|
||
<div class="avatar-sm">
|
||
<div class="avatar-title bg-danger-subtle text-danger fs-20 rounded">
|
||
<i class="ri-image-2-fill"></i>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6 class="fs-15 mb-0">
|
||
<a href="javascript:void(0);">Velzon-logo.png</a>
|
||
</h6>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td>PNG File</td>
|
||
<td>879 KB</td>
|
||
<td>02 Nov 2021</td>
|
||
<td>
|
||
<div class="dropdown">
|
||
<a href="javascript:void(0);" class="btn btn-light btn-icon"
|
||
id="dropdownMenuLink7" data-bs-toggle="dropdown" aria-expanded="true">
|
||
<i class="ri-equalizer-fill"></i>
|
||
</a>
|
||
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuLink7">
|
||
<li><a class="dropdown-item" href="javascript:void(0);"><i
|
||
class="ri-eye-fill me-2 align-middle"></i>View</a></li>
|
||
<li><a class="dropdown-item" href="javascript:void(0);"><i
|
||
class="ri-download-2-fill me-2 align-middle"></i>Download</a></li>
|
||
<li>
|
||
<a class="dropdown-item" href="javascript:void(0);"><i
|
||
class="ri-delete-bin-5-line me-2 align-middle"></i>Delete</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="mt-3 text-center">
|
||
<a href="javascript:void(0);" class="text-success"><i
|
||
class="mdi mdi-loading mdi-spin fs-20 me-2 align-middle"></i> Load more </a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--end tab-pane-->
|
||
</div>
|
||
<!--end tab-content-->
|
||
</div>
|
||
</div>
|
||
<!--end col-->
|
||
</div>
|
||
<!--end row-->
|
||
</div>
|
||
</div>
|
||
@endsection
|
||
|
||
@push('js')
|
||
<script src="{{ asset('assets/js/pages/profile.init.js') }}"></script>
|
||
<script src="{{ asset('assets/libs/swiper/swiper-bundle.min.js') }}"></script>
|
||
@endpush
|