1448 lines
129 KiB
PHP
Executable File
1448 lines
129 KiB
PHP
Executable File
@extends('layouts.master')
|
||
@section('title')
|
||
@lang('translation.profile')
|
||
@endsection
|
||
@section('css')
|
||
<link rel="stylesheet" href="{{ URL::asset('assets/libs/swiper/swiper.min.css') }}">
|
||
@endsection
|
||
@section('content')
|
||
<div class="profile-foreground position-relative mx-n4 mt-n4">
|
||
<div class="profile-wid-bg">
|
||
<img src="{{ URL::asset('assets/images/profile-bg.jpg') }}" alt="" class="profile-wid-img"/>
|
||
</div>
|
||
</div>
|
||
<div class="pt-4 mb-4 mb-lg-3 pb-lg-4">
|
||
<div class="row g-4">
|
||
<div class="col-auto">
|
||
<div class="avatar-lg">
|
||
<img
|
||
src="@if (Auth::user()->avatar != '') {{ URL::asset(Auth::user()->avatar) }}@else{{ URL::asset('assets/images/users/avatar-1.jpg') }} @endif"
|
||
alt="user-img" class="img-thumbnail rounded-circle"/>
|
||
</div>
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col">
|
||
<div class="p-2">
|
||
<h3 class="text-white mb-1">{{ Auth::user()->name }}</h3>
|
||
<p class="text-white-75">{{ Auth::user()->role }}</p>
|
||
<div class="hstack text-white-50 gap-1">
|
||
<div class="me-2"><i
|
||
class="ri-map-pin-user-line me-1 text-white-75 fs-16 align-middle"></i>California,
|
||
United States
|
||
</div>
|
||
<div><i class="ri-building-line me-1 text-white-75 fs-16 align-middle"></i>Themesbrand
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-12 col-lg-auto order-last order-lg-0">
|
||
<div class="row text text-white-50 text-center">
|
||
<div class="col-lg-6 col-4">
|
||
<div class="p-2">
|
||
<h4 class="text-white mb-1">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="text-white mb-1">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>
|
||
@component('components.profile-header',['active'=>'owerview'])
|
||
@endcomponent
|
||
<!-- Tab panes -->
|
||
<div class="tab-content pt-4 text-muted">
|
||
<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 table-borderless mb-0">
|
||
<tbody>
|
||
<tr>
|
||
<th class="ps-0" scope="row">Full Name :</th>
|
||
<td class="text-muted">{{ Auth::user()->name }}</td>
|
||
</tr>
|
||
<tr>
|
||
<th class="ps-0" scope="row">Mobile :</th>
|
||
<td class="text-muted">{{ Auth::user()->phone }}</td>
|
||
</tr>
|
||
<tr>
|
||
<th class="ps-0" scope="row">E-mail :</th>
|
||
<td class="text-muted">{{ Auth::user()->email }}</td>
|
||
</tr>
|
||
<tr>
|
||
<th class="ps-0" scope="row">Location :</th>
|
||
<td class="text-muted">{{ Auth::user()->address }}
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th class="ps-0" scope="row">Joining Date</th>
|
||
<td class="text-muted">{{ Auth::user()->created_at }}</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">Skills</h5>
|
||
<div class="d-flex flex-wrap gap-2 fs-15">
|
||
<a href="javascript:void(0);" class="badge badge-soft-primary">Photoshop</a>
|
||
<a href="javascript:void(0);"
|
||
class="badge badge-soft-primary">illustrator</a>
|
||
<a href="javascript:void(0);" class="badge badge-soft-primary">HTML</a>
|
||
<a href="javascript:void(0);" class="badge badge-soft-primary">CSS</a>
|
||
<a href="javascript:void(0);"
|
||
class="badge badge-soft-primary">Javascript</a>
|
||
<a href="javascript:void(0);" class="badge badge-soft-primary">Php</a>
|
||
<a href="javascript:void(0);" class="badge badge-soft-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 flex-shrink-0 me-3">
|
||
<img src="{{ URL::asset('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="flex-shrink-0 ms-2">
|
||
<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 flex-shrink-0 me-3">
|
||
<img src="{{ URL::asset('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="flex-shrink-0 ms-2">
|
||
<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 flex-shrink-0 me-3">
|
||
<img src="{{ URL::asset('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="flex-shrink-0 ms-2">
|
||
<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>
|
||
<!--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>
|
||
<!--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="flex-shrink-0 ms-auto">
|
||
<ul class="nav justify-content-end nav-tabs-custom rounded card-header-tabs border-bottom-0"
|
||
role="tablist">
|
||
<li class="nav-item">
|
||
<a class="nav-link active" data-bs-toggle="tab"
|
||
href="#today" role="tab">
|
||
Today
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" data-bs-toggle="tab" href="#weekly"
|
||
role="tab">
|
||
Weekly
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" data-bs-toggle="tab" href="#monthly"
|
||
role="tab">
|
||
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="{{ URL::asset('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 collapse show"
|
||
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="flex-shrink-0 avatar-xs">
|
||
<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 collapse show"
|
||
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 border border-dashed p-2 rounded position-relative">
|
||
<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 border border-dashed p-2 rounded position-relative">
|
||
<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>
|
||
<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="{{ URL::asset('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="flex-shrink-0 avatar-xs">
|
||
<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 collapse show"
|
||
aria-labelledby="headingFour"
|
||
data-bs-parent="#accordionExample">
|
||
<div
|
||
class="accordion-body ms-2 ps-5 fst-italic">
|
||
" 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="{{ URL::asset('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 collapse show"
|
||
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="{{ URL::asset('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="{{ URL::asset('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="{{ URL::asset('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 collapse show"
|
||
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-soft-success 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="flex-shrink-0 avatar-xs">
|
||
<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 collapse show"
|
||
aria-labelledby="heading8"
|
||
data-bs-parent="#accordionExample">
|
||
<div
|
||
class="accordion-body ms-2 ps-5 fst-italic">
|
||
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 border border-dashed gx-2 p-2">
|
||
<div class="col-3">
|
||
<img
|
||
src="{{ URL::asset('assets/images/small/img-3.jpg') }}"
|
||
alt=""
|
||
class="img-fluid rounded"/>
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-3">
|
||
<img
|
||
src="{{ URL::asset('assets/images/small/img-5.jpg') }}"
|
||
alt=""
|
||
class="img-fluid rounded"/>
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-3">
|
||
<img
|
||
src="{{ URL::asset('assets/images/small/img-7.jpg') }}"
|
||
alt=""
|
||
class="img-fluid rounded"/>
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-3">
|
||
<img
|
||
src="{{ URL::asset('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="{{ URL::asset('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-soft-info 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="{{ URL::asset('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 collapse show"
|
||
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="flex-shrink-0 avatar-xs">
|
||
<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 collapse show"
|
||
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 border border-dashed p-2 rounded position-relative">
|
||
<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 border border-dashed p-2 rounded position-relative">
|
||
<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>
|
||
<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 border border-dashed p-2 rounded position-relative">
|
||
<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>
|
||
<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="{{ URL::asset('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 collapse show"
|
||
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="{{ URL::asset('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="flex-shrink-0 avatar-xs">
|
||
<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 collapse show"
|
||
aria-labelledby="heading14"
|
||
data-bs-parent="#accordionExample">
|
||
<div
|
||
class="accordion-body ms-2 ps-5 fst-italic">
|
||
" 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="{{ URL::asset('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 collapse show"
|
||
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="{{ URL::asset('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="{{ URL::asset('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 class="card">
|
||
<div class="card-body">
|
||
<h5 class="card-title">Projects</h5>
|
||
<!-- Swiper -->
|
||
<div class="swiper project-swiper mt-n4">
|
||
<div class="d-flex justify-content-end gap-2 mb-2">
|
||
<div class="slider-button-prev">
|
||
<div class="avatar-title fs-18 rounded px-1">
|
||
<i class="ri-arrow-left-s-line"></i>
|
||
</div>
|
||
</div>
|
||
<div class="slider-button-next">
|
||
<div class="avatar-title fs-18 rounded px-1">
|
||
<i class="ri-arrow-right-s-line"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<div
|
||
class="card profile-project-card shadow-none profile-project-success mb-0">
|
||
<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 mb-1">
|
||
<a href="#" class="text-dark">ABC
|
||
Project Customization</a>
|
||
</h5>
|
||
<p class="text-muted text-truncate mb-0">
|
||
Last Update : <span
|
||
class="fw-semibold text-dark">4
|
||
hr Ago</span></p>
|
||
</div>
|
||
<div class="flex-shrink-0 ms-2">
|
||
<div class="badge badge-soft-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="{{ URL::asset('assets/images/users/avatar-4.jpg') }}"
|
||
alt=""
|
||
class="rounded-circle img-fluid"/>
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img
|
||
src="{{ URL::asset('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-light text-primary">
|
||
A
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img
|
||
src="{{ URL::asset('assets/images/users/avatar-2.jpg') }}"
|
||
alt=""
|
||
class="rounded-circle img-fluid"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end card body -->
|
||
</div>
|
||
<!-- end card -->
|
||
</div>
|
||
<!-- end slide item -->
|
||
<div class="swiper-slide">
|
||
<div
|
||
class="card profile-project-card shadow-none profile-project-danger mb-0">
|
||
<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 mb-1">
|
||
<a href="#" class="text-dark">Client -
|
||
John</a>
|
||
</h5>
|
||
<p class="text-muted text-truncate mb-0">
|
||
Last Update : <span
|
||
class="fw-semibold text-dark">1
|
||
hr Ago</span></p>
|
||
</div>
|
||
<div class="flex-shrink-0 ms-2">
|
||
<div class="badge badge-soft-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="{{ URL::asset('assets/images/users/avatar-2.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">
|
||
C
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div><!-- end card body -->
|
||
</div><!-- end card -->
|
||
</div><!-- end slide item -->
|
||
<div class="swiper-slide">
|
||
<div
|
||
class="card profile-project-card shadow-none profile-project-info mb-0">
|
||
<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 mb-1">
|
||
<a href="#" class="text-dark">Brand logo
|
||
Design</a>
|
||
</h5>
|
||
<p class="text-muted text-truncate mb-0">
|
||
Last Update : <span
|
||
class="fw-semibold text-dark">2
|
||
hr Ago</span></p>
|
||
</div>
|
||
<div class="flex-shrink-0 ms-2">
|
||
<div class="badge badge-soft-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="{{ URL::asset('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 slide item -->
|
||
<div class="swiper-slide">
|
||
<div
|
||
class="card profile-project-card shadow-none profile-project-danger mb-0">
|
||
<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 mb-1">
|
||
<a href="#" class="text-dark">Project
|
||
update</a>
|
||
</h5>
|
||
<p class="text-muted text-truncate mb-0">
|
||
Last Update : <span
|
||
class="fw-semibold text-dark">4
|
||
hr Ago</span></p>
|
||
</div>
|
||
<div class="flex-shrink-0 ms-2">
|
||
<div class="badge badge-soft-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="{{ URL::asset('assets/images/users/avatar-4.jpg') }}"
|
||
alt=""
|
||
class="rounded-circle img-fluid"/>
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img
|
||
src="{{ URL::asset('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 slide item -->
|
||
<div class="swiper-slide">
|
||
<div
|
||
class="card profile-project-card shadow-none profile-project-warning mb-0">
|
||
<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 mb-1">
|
||
<a href="#" class="text-dark">Chat
|
||
App</a>
|
||
</h5>
|
||
<p class="text-muted text-truncate mb-0">
|
||
Last Update : <span
|
||
class="fw-semibold text-dark">1
|
||
hr Ago</span></p>
|
||
</div>
|
||
<div class="flex-shrink-0 ms-2">
|
||
<div class="badge badge-soft-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="{{ URL::asset('assets/images/users/avatar-4.jpg') }}"
|
||
alt=""
|
||
class="rounded-circle img-fluid"/>
|
||
</div>
|
||
</div>
|
||
<div class="avatar-group-item">
|
||
<div class="avatar-xs">
|
||
<img
|
||
src="{{ URL::asset('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-light text-primary">
|
||
A
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end card body -->
|
||
</div>
|
||
<!-- end card -->
|
||
</div>
|
||
<!-- end slide item -->
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<!-- end card body -->
|
||
</div><!-- end card -->
|
||
|
||
</div>
|
||
<!--end col-->
|
||
</div>
|
||
<!--end row-->
|
||
</div>
|
||
<!--end tab-pane-->
|
||
</div>
|
||
<!--end tab-content-->
|
||
</div>
|
||
</div>
|
||
<!--end col-->
|
||
</div>
|
||
<!--end row-->
|
||
@endsection
|
||
@section('script')
|
||
<script src="{{ URL::asset('assets/libs/swiper/swiper.min.js') }}"></script>
|
||
|
||
<script src="{{ URL::asset('assets/js/pages/profile.init.js') }}"></script>
|
||
<script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
|
||
@endsection
|