public/front.admin
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

helpdesk.magico: Dashboard konsultanta 2.0

Browse Source
This commit is contained in:
Bartek PC-KADR
2022-04-15 00:09:39 +02:00
parent 0cdb5187a3
commit daf597fec8
6 changed files with 531 additions and 851 deletions
Download Patch File Download Diff File Expand all files Collapse all files

648
src/.tmp/magico-helpdesk-dashboard.html
View File

@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<html lang="pl" class="magico-h-100">
<head>
<!-- Required Meta Tags Always Come First -->
<meta charset="utf-8">
@@ -124,7 +124,7 @@
</script>
</head>
<body class="has-navbar-vertical-aside navbar-vertical-aside-show-xl">
<body class="has-navbar-vertical-aside navbar-vertical-aside-show-xl footer-offset magico-h-100">
<script src="./assets/js/hs.theme-appearance.js"></script>
@@ -154,7 +154,7 @@
<!-- ========== MAIN CONTENT ========== -->
<main id="content" role="main" class="main" style="border-top: 1px solid rgba(231, 234, 243, 0.7">
<main id="content" role="main" class="main magico-main-height" style="border-top: 1px solid rgba(231, 234, 243, 0.7); ">
<!-- Navbar Vertical -->
<aside class="magico-navbar js-navbar-vertical-aside navbar navbar-vertical-aside navbar-vertical navbar-vertical-fixed navbar-expand-xl navbar-bordered bg-white ">
<div class="navbar-vertical-container">
@@ -289,18 +289,22 @@
<!-- End Navbar Vertical -->
<!-- Content -->
<div class="content container">
<div class="content container magico-h-100">
<!-- Page Header -->
<div class="page-header">
<div class="row align-items-end">
<div class="col-sm mb-2 mb-sm-0">
<div class="col-sm mb-2 mb-sm-0 d-flex align-items-center">
<h1 class="page-header-title">Kokpit konsultanta</h1>
<span class="badge bg-soft-dark text-dark ms-2">Marketing</span> <!-- Dział firmy -->
</div>
<!-- End Col -->
<div class="col-sm-auto">
<a class="btn btn-ghost-primary" href="javascript:;" data-bs-toggle="modal" data-bs-target="#qrModal">
Połączone: 1
</a>
<a class="btn btn-primary" href="javascript:;" data-bs-toggle="modal" data-bs-target="#qrModal">
<i class="bi-person-plus-fill me-1"></i> Połącz telefon
<i class="bi-telephone-plus-fill me-1"></i> Połącz telefon
</a>
</div>
<!-- End Col -->
@@ -331,93 +335,108 @@
</div>
</a>
<div class="row">
<div class="col-12 col-sm-4">
<div class="row magico-scroll" style="overflow-y: auto;">
<div class="col-12 col-sm-4 mh-100">
<!-- Card -->
<div class="card">
<div class="card mh-100">
<!-- Header -->
<div class="card-header card-header-content-between">
<h4 class="card-header-title">Do wykonania</h4>
<h4 class="card-header-title">Połączenia w kolejce</h4>
</div>
<!-- End Header -->
<!-- Body -->
<div class="card-body">
<!-- Tab Content -->
<div class="tab-content" id="eventsTabContent">
<div class="tab-pane fade show active" id="this-week" role="tabpanel" aria-labelledby="this-week-tab">
<!-- List Group -->
<ul class="list-group list-group-flush list-group-start-bordered">
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action border-primary" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">14 minut temu</h5>
<span class="text-body small">Xiaomi Krysia</span>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<div class="card-body magico-scroll overflow-auto">
<ul class="list-unstyled list-py-3 mb-0 list-group-start-bordered">
<!-- Item -->
<li class="">
<a class="d-flex align-items-center list-group-item-action border-danger" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">14 minut temu</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action border-info" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">14 minut temu</h5>
<span class="text-body small">Xiaomi Krysia</span>
</div>
</div>
<!-- End Row -->
</li>
<!-- Item -->
<li>
<a class="d-flex align-items-center list-group-item-action border-warning" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">14 minut temu</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action border-danger" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">14 minut temu</h5>
<span class="text-body small">Świat Diesla</span>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="d-flex align-items-center list-group-item-action border-success" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">14 minut temu</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action border-warning" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">14 minut temu</h5>
<span class="text-body small">Xiaomi Krysia</span>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
</ul>
<!-- End List Group -->
</div>
</div>
<!-- End Tab Content -->
<!-- Item -->
<li>
<a class="d-flex align-items-center list-group-item-action" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">14 minut temu</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="d-flex align-items-center list-group-item-action" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">dziś, 7:40</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
</ul>
</div>
<!-- End Body -->
</div>
<!-- End Card -->
</div>
<div class="col-12 col-sm-4">
<div class="col-12 col-sm-4 mh-100">
<!-- Card -->
<div class="card">
<div class="card mh-100">
<!-- Header -->
<div class="card-header card-header-content-between">
<h4 class="card-header-title">Zaplanowane</h4>
@@ -425,78 +444,100 @@
<!-- End Header -->
<!-- Body -->
<div class="card-body">
<!-- Tab Content -->
<div class="tab-content" id="eventsTabContent">
<div class="tab-pane fade show active" id="this-week" role="tabpanel" aria-labelledby="this-week-tab">
<!-- List Group -->
<ul class="list-group list-group-flush list-group-start-bordered">
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">dziś 13:40</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<div class="card-body magico-scroll overflow-auto">
<ul class="list-unstyled list-py-3 mb-0 list-group-start-bordered">
<!-- Item -->
<li class="">
<a class="d-flex align-items-center list-group-item-action border-danger" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">30 minut temu</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
<div class="text-danger fs-1 ms-3"> <!-- Pokaż, jeśli termin minął -->
<i class="bi bi-exclamation-square"></i>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">dziś 15:48</h5>
</div>
</div>
<!-- End Row -->
</li>
<!-- Item -->
<li>
<a class="d-flex align-items-center list-group-item-action" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">za 2 godziny</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">jutro 8:30</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="d-flex align-items-center list-group-item-action" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">dziś 15:40</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">jutro 10:00</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
</ul>
<!-- End List Group -->
</div>
</div>
<!-- End Tab Content -->
<!-- Item -->
<li>
<a class="d-flex align-items-center list-group-item-action" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">dziś 15:40</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="d-flex align-items-center list-group-item-action" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">dziś 18:40</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
</ul>
</div>
<!-- End Body -->
</div>
<!-- End Card -->
</div>
<div class="col-12 col-sm-4">
<div class="col-12 col-sm-4 mh-100">
<!-- Card -->
<div class="card">
<div class="card mh-100">
<!-- Header -->
<div class="card-header card-header-content-between">
<h4 class="card-header-title">Historia połączeń</h4>
@@ -504,294 +545,53 @@
<!-- End Header -->
<!-- Body -->
<div class="card-body">
<!-- Tab Content -->
<div class="tab-content" id="eventsTabContent">
<div class="tab-pane fade show active" id="this-week" role="tabpanel" aria-labelledby="this-week-tab">
<!-- List Group -->
<ul class="list-group list-group-flush list-group-start-bordered">
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<div class="card-body magico-scroll overflow-auto">
<ul class="list-unstyled list-py-3 mb-0 ">
<!-- Item -->
<li class="">
<a class="d-flex align-items-center " href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">Jan Kowalski +48 457 854 451</h5>
<span class="fs-6 text-body">dziś 7:40</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body"></span>
</div>
<div class="ms-3">
<div class="avatar avatar-sm avatar-circle" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Ania Skrzypaczkiewicz">
<img class="avatar-img" src="https://htmlstream.com/preview/front-dashboard-v2.0/assets/img/160x160/img10.jpg" alt="Image Description">
</div>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</li>
<!-- Item -->
<li class="">
<a class="d-flex align-items-center " href="#">
<div class="d-flex align-items-center me-2">
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">Jan Kowalski +48 457 854 451</h5>
<span class="fs-6 text-body">dziś 7:40</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body"></span>
</div>
<div class="ms-3">
<div class="avatar avatar-sm avatar-soft-dark avatar-circle" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Bartłomiej Banaczyk">
<span class="avatar-initials">BB</span>
</div>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
</ul>
<!-- End List Group -->
</div>
</div>
<!-- End Tab Content -->
</ul>
</div>
<!-- End Body -->
</div>