katam/Konfirmsibank
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Daeng Deni Mardaeni
2023-07-03 14:33:24 +07:00
commit 6210e33a3b
3798 changed files with 258149 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

124
resources/views/partials/widgets/lists/_widget-26.blade.php Normal file
View File

@ -0,0 +1,124 @@
<!--begin::List widget 26-->
<div class="card card-flush h-lg-50">
<!--begin::Header-->
<div class="card-header pt-5">
<!--begin::Title-->
<h3 class="card-title text-gray-800 fw-bold">External Links</h3>
<!--end::Title-->
<!--begin::Toolbar-->
<div class="card-toolbar">
<!--begin::Menu-->
<button class="btn btn-icon btn-color-gray-400 btn-active-color-primary justify-content-end" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end" data-kt-menu-overflow="true">{!! getIcon('dots-square', 'fs-1 text-gray-300 me-n1') !!}</button>
<!--begin::Menu 2-->
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px" data-kt-menu="true">
<!--begin::Menu item-->
<div class="menu-item px-3">
<div class="menu-content fs-6 text-dark fw-bold px-3 py-4">Quick Actions</div>
</div>
<!--end::Menu item-->
<!--begin::Menu separator-->
<div class="separator mb-3 opacity-75"></div>
<!--end::Menu separator-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">New Ticket</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">New Customer</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-start">
<!--begin::Menu item-->
<a href="#" class="menu-link px-3">
<span class="menu-title">New Group</span>
<span class="menu-arrow"></span>
</a>
<!--end::Menu item-->
<!--begin::Menu sub-->
<div class="menu-sub menu-sub-dropdown w-175px py-4">
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">Admin Group</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">Staff Group</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">Member Group</a>
</div>
<!--end::Menu item-->
</div>
<!--end::Menu sub-->
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">New Contact</a>
</div>
<!--end::Menu item-->
<!--begin::Menu separator-->
<div class="separator mt-3 opacity-75"></div>
<!--end::Menu separator-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<div class="menu-content px-3 py-3">
<a class="btn btn-primary btn-sm px-4" href="#">Generate Reports</a>
</div>
</div>
<!--end::Menu item-->
</div>
<!--end::Menu 2-->
<!--end::Menu-->
</div>
<!--end::Toolbar-->
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body pt-5">
<!--begin::Item-->
<div class="d-flex flex-stack">
<!--begin::Section-->
<a href="#" class="text-primary fw-semibold fs-6 me-2">Avg. Client Rating</a>
<!--end::Section-->
<!--begin::Action-->
<button type="button" class="btn btn-icon btn-sm h-auto btn-color-gray-400 btn-active-color-primary justify-content-end">{!! getIcon('exit-right-corner', 'fs-2') !!}</button>
<!--end::Action-->
</div>
<!--end::Item-->
<!--begin::Separator-->
<div class="separator separator-dashed my-3"></div>
<!--end::Separator-->
<!--begin::Item-->
<div class="d-flex flex-stack">
<!--begin::Section-->
<a href="#" class="text-primary fw-semibold fs-6 me-2">Instagram Followers</a>
<!--end::Section-->
<!--begin::Action-->
<button type="button" class="btn btn-icon btn-sm h-auto btn-color-gray-400 btn-active-color-primary justify-content-end">{!! getIcon('exit-right-corner', 'fs-2') !!}</button>
<!--end::Action-->
</div>
<!--end::Item-->
<!--begin::Separator-->
<div class="separator separator-dashed my-3"></div>
<!--end::Separator-->
<!--begin::Item-->
<div class="d-flex flex-stack">
<!--begin::Section-->
<a href="#" class="text-primary fw-semibold fs-6 me-2">Google Ads CPC</a>
<!--end::Section-->
<!--begin::Action-->
<button type="button" class="btn btn-icon btn-sm h-auto btn-color-gray-400 btn-active-color-primary justify-content-end">{!! getIcon('exit-right-corner', 'fs-2') !!}</button>
<!--end::Action-->
</div>
<!--end::Item-->
</div>
<!--end::Body-->
</div>
<!--end::LIst widget 26-->

238
resources/views/partials/widgets/lists/_widget-7.blade.php Normal file
View File

@ -0,0 +1,238 @@
<!--begin::List widget 7-->
<div class="card card-flush h-md-100">
<!--begin::Header-->
<div class="card-header py-7">
<!--begin::Statistics-->
<div class="m-0">
<!--begin::Heading-->
<div class="d-flex align-items-center mb-2">
<!--begin::Title-->
<span class="fs-2hx fw-bold text-gray-800 me-2 lh-1 ls-n2">0.37%</span>
<!--end::Title-->
<!--begin::Badge-->
<span class="badge badge-light-danger fs-base">{!! getIcon('arrow-up', 'fs-5 text-danger ms-n1') !!} 8.02%</span>
<!--end::Badge-->
</div>
<!--end::Heading-->
<!--begin::Description-->
<span class="fs-6 fw-semibold text-gray-400">Online store convertion rate</span>
<!--end::Description-->
</div>
<!--end::Statistics-->
<!--begin::Toolbar-->
<div class="card-toolbar">
<!--begin::Menu-->
<button class="btn btn-icon btn-color-gray-400 btn-active-color-primary justify-content-end" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end" data-kt-menu-overflow="true">{!! getIcon('dots-square', 'fs-1 text-gray-300 me-n1') !!}</button>
@include('partials/menus/_menu-2')
<!--end::Menu-->
</div>
<!--end::Toolbar-->
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body pt-0">
<!--begin::Items-->
<div class="mb-0">
<!--begin::Item-->
<div class="d-flex flex-stack">
<!--begin::Section-->
<div class="d-flex align-items-center me-5">
<!--begin::Symbol-->
<div class="symbol symbol-30px me-5">
<span class="symbol-label">{!! getIcon('magnifier', 'fs-3 text-gray-600') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Content-->
<div class="me-5">
<!--begin::Title-->
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Search Retargeting</a>
<!--end::Title-->
<!--begin::Desc-->
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Direct link clicks</span>
<!--end::Desc-->
</div>
<!--end::Content-->
</div>
<!--end::Section-->
<!--begin::Wrapper-->
<div class="d-flex align-items-center">
<!--begin::Number-->
<span class="text-gray-800 fw-bold fs-6 me-3">0.24%</span>
<!--end::Number-->
<!--begin::Info-->
<div class="d-flex flex-center">
<!--begin::label-->
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 2.4%</span>
<!--end::label-->
</div>
<!--end::Info-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Item-->
<!--begin::Separator-->
<div class="separator separator-dashed my-3"></div>
<!--end::Separator-->
<!--begin::Item-->
<div class="d-flex flex-stack">
<!--begin::Section-->
<div class="d-flex align-items-center me-5">
<!--begin::Symbol-->
<div class="symbol symbol-30px me-5">
<span class="symbol-label">{!! getIcon('tiktok', 'fs-3 text-gray-600') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Content-->
<div class="me-5">
<!--begin::Title-->
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Social Retargeting</a>
<!--end::Title-->
<!--begin::Desc-->
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Direct link clicks</span>
<!--end::Desc-->
</div>
<!--end::Content-->
</div>
<!--end::Section-->
<!--begin::Wrapper-->
<div class="d-flex align-items-center">
<!--begin::Number-->
<span class="text-gray-800 fw-bold fs-6 me-3">0.94%</span>
<!--end::Number-->
<!--begin::Info-->
<div class="d-flex flex-center">
<!--begin::label-->
<span class="badge badge-light-danger fs-base">{!! getIcon('arrow-down', 'fs-5 text-danger ms-n1') !!} 9.4%</span>
<!--end::label-->
</div>
<!--end::Info-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Item-->
<!--begin::Separator-->
<div class="separator separator-dashed my-3"></div>
<!--end::Separator-->
<!--begin::Item-->
<div class="d-flex flex-stack">
<!--begin::Section-->
<div class="d-flex align-items-center me-5">
<!--begin::Symbol-->
<div class="symbol symbol-30px me-5">
<span class="symbol-label">{!! getIcon('sms', 'fs-3 text-gray-600') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Content-->
<div class="me-5">
<!--begin::Title-->
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Email Retargeting</a>
<!--end::Title-->
<!--begin::Desc-->
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Direct link clicks</span>
<!--end::Desc-->
</div>
<!--end::Content-->
</div>
<!--end::Section-->
<!--begin::Wrapper-->
<div class="d-flex align-items-center">
<!--begin::Number-->
<span class="text-gray-800 fw-bold fs-6 me-3">1.23%</span>
<!--end::Number-->
<!--begin::Info-->
<div class="d-flex flex-center">
<!--begin::label-->
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 0.2%</span>
<!--end::label-->
</div>
<!--end::Info-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Item-->
<!--begin::Separator-->
<div class="separator separator-dashed my-3"></div>
<!--end::Separator-->
<!--begin::Item-->
<div class="d-flex flex-stack">
<!--begin::Section-->
<div class="d-flex align-items-center me-5">
<!--begin::Symbol-->
<div class="symbol symbol-30px me-5">
<span class="symbol-label">{!! getIcon('icon', 'fs-3 text-gray-600') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Content-->
<div class="me-5">
<!--begin::Title-->
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Referrals Customers</a>
<!--end::Title-->
<!--begin::Desc-->
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Direct link clicks</span>
<!--end::Desc-->
</div>
<!--end::Content-->
</div>
<!--end::Section-->
<!--begin::Wrapper-->
<div class="d-flex align-items-center">
<!--begin::Number-->
<span class="text-gray-800 fw-bold fs-6 me-3">0.08%</span>
<!--end::Number-->
<!--begin::Info-->
<div class="d-flex flex-center">
<!--begin::label-->
<span class="badge badge-light-danger fs-base">{!! getIcon('arrow-down', 'fs-5 text-danger ms-n1') !!} 0.4%</span>
<!--end::label-->
</div>
<!--end::Info-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Item-->
<!--begin::Separator-->
<div class="separator separator-dashed my-3"></div>
<!--end::Separator-->
<!--begin::Item-->
<div class="d-flex flex-stack">
<!--begin::Section-->
<div class="d-flex align-items-center me-5">
<!--begin::Symbol-->
<div class="symbol symbol-30px me-5">
<span class="symbol-label">{!! getIcon('abstract-25', 'fs-3 text-gray-600') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Content-->
<div class="me-5">
<!--begin::Title-->
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Other</a>
<!--end::Title-->
<!--begin::Desc-->
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Direct link clicks</span>
<!--end::Desc-->
</div>
<!--end::Content-->
</div>
<!--end::Section-->
<!--begin::Wrapper-->
<div class="d-flex align-items-center">
<!--begin::Number-->
<span class="text-gray-800 fw-bold fs-6 me-3">0.46%</span>
<!--end::Number-->
<!--begin::Info-->
<div class="d-flex flex-center">
<!--begin::label-->
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 8.3%</span>
<!--end::label-->
</div>
<!--end::Info-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Item-->
</div>
<!--end::Items-->
</div>
<!--end::Body-->
</div>
<!--end::List widget 7-->

252
resources/views/partials/widgets/lists/_widget-8.blade.php Normal file
View File

@ -0,0 +1,252 @@
<!--begin::List widget 8-->
<div class="card card-flush h-xl-100">
<!--begin::Header-->
<div class="card-header pt-7 mb-5">
<!--begin::Title-->
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bold text-gray-800">Visits by Country</span>
<span class="text-gray-400 mt-1 fw-semibold fs-6">20 countries share 97% visits</span>
</h3>
<!--end::Title-->
<!--begin::Toolbar-->
<div class="card-toolbar">
<a href="/" class="btn btn-sm btn-light">View All</a>
</div>
<!--end::Toolbar-->
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body pt-0">
<!--begin::Items-->
<div class="m-0">
<!--begin::Item-->
<div class="d-flex flex-stack">
<!--begin::Flag-->
<img src="assets/media/flags/united-states.svg" class="me-4 w-25px" style="border-radius: 4px" alt="" />
<!--end::Flag-->
<!--begin::Section-->
<div class="d-flex flex-stack flex-row-fluid d-grid gap-2">
<!--begin::Content-->
<div class="me-5">
<!--begin::Title-->
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">United States</a>
<!--end::Title-->
<!--begin::Desc-->
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Direct link clicks</span>
<!--end::Desc-->
</div>
<!--end::Content-->
<!--begin::Info-->
<div class="d-flex align-items-center">
<!--begin::Number-->
<span class="text-gray-800 fw-bold fs-6 me-3 d-block">9,763</span>
<!--end::Number-->
<!--begin::Label-->
<div class="m-0">
<!--begin::Label-->
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 2.6%</span>
<!--end::Label-->
</div>
<!--end::Label-->
</div>
<!--end::Info-->
</div>
<!--end::Section-->
</div>
<!--end::Item-->
<!--begin::Separator-->
<div class="separator separator-dashed my-3"></div>
<!--end::Separator-->
<!--begin::Item-->
<div class="d-flex flex-stack">
<!--begin::Flag-->
<img src="assets/media/flags/brazil.svg" class="me-4 w-25px" style="border-radius: 4px" alt="" />
<!--end::Flag-->
<!--begin::Section-->
<div class="d-flex flex-stack flex-row-fluid d-grid gap-2">
<!--begin::Content-->
<div class="me-5">
<!--begin::Title-->
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Brasil</a>
<!--end::Title-->
<!--begin::Desc-->
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">All Social Channels</span>
<!--end::Desc-->
</div>
<!--end::Content-->
<!--begin::Info-->
<div class="d-flex align-items-center">
<!--begin::Number-->
<span class="text-gray-800 fw-bold fs-6 me-3 d-block">4,062</span>
<!--end::Number-->
<!--begin::Label-->
<div class="m-0">
<!--begin::Label-->
<span class="badge badge-light-danger fs-base">{!! getIcon('arrow-down', 'fs-5 text-danger ms-n1') !!} 0.4%</span>
<!--end::Label-->
</div>
<!--end::Label-->
</div>
<!--end::Info-->
</div>
<!--end::Section-->
</div>
<!--end::Item-->
<!--begin::Separator-->
<div class="separator separator-dashed my-3"></div>
<!--end::Separator-->
<!--begin::Item-->
<div class="d-flex flex-stack">
<!--begin::Flag-->
<img src="assets/media/flags/turkey.svg" class="me-4 w-25px" style="border-radius: 4px" alt="" />
<!--end::Flag-->
<!--begin::Section-->
<div class="d-flex flex-stack flex-row-fluid d-grid gap-2">
<!--begin::Content-->
<div class="me-5">
<!--begin::Title-->
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Turkey</a>
<!--end::Title-->
<!--begin::Desc-->
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Mailchimp Campaigns</span>
<!--end::Desc-->
</div>
<!--end::Content-->
<!--begin::Info-->
<div class="d-flex align-items-center">
<!--begin::Number-->
<span class="text-gray-800 fw-bold fs-6 me-3 d-block">1,680</span>
<!--end::Number-->
<!--begin::Label-->
<div class="m-0">
<!--begin::Label-->
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 0.2%</span>
<!--end::Label-->
</div>
<!--end::Label-->
</div>
<!--end::Info-->
</div>
<!--end::Section-->
</div>
<!--end::Item-->
<!--begin::Separator-->
<div class="separator separator-dashed my-3"></div>
<!--end::Separator-->
<!--begin::Item-->
<div class="d-flex flex-stack">
<!--begin::Flag-->
<img src="assets/media/flags/france.svg" class="me-4 w-25px" style="border-radius: 4px" alt="" />
<!--end::Flag-->
<!--begin::Section-->
<div class="d-flex flex-stack flex-row-fluid d-grid gap-2">
<!--begin::Content-->
<div class="me-5">
<!--begin::Title-->
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">France</a>
<!--end::Title-->
<!--begin::Desc-->
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Impact Radius visits</span>
<!--end::Desc-->
</div>
<!--end::Content-->
<!--begin::Info-->
<div class="d-flex align-items-center">
<!--begin::Number-->
<span class="text-gray-800 fw-bold fs-6 me-3 d-block">849</span>
<!--end::Number-->
<!--begin::Label-->
<div class="m-0">
<!--begin::Label-->
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 4.1%</span>
<!--end::Label-->
</div>
<!--end::Label-->
</div>
<!--end::Info-->
</div>
<!--end::Section-->
</div>
<!--end::Item-->
<!--begin::Separator-->
<div class="separator separator-dashed my-3"></div>
<!--end::Separator-->
<!--begin::Item-->
<div class="d-flex flex-stack">
<!--begin::Flag-->
<img src="assets/media/flags/india.svg" class="me-4 w-25px" style="border-radius: 4px" alt="" />
<!--end::Flag-->
<!--begin::Section-->
<div class="d-flex flex-stack flex-row-fluid d-grid gap-2">
<!--begin::Content-->
<div class="me-5">
<!--begin::Title-->
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">India</a>
<!--end::Title-->
<!--begin::Desc-->
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Many Sources</span>
<!--end::Desc-->
</div>
<!--end::Content-->
<!--begin::Info-->
<div class="d-flex align-items-center">
<!--begin::Number-->
<span class="text-gray-800 fw-bold fs-6 me-3 d-block">604</span>
<!--end::Number-->
<!--begin::Label-->
<div class="m-0">
<!--begin::Label-->
<span class="badge badge-light-danger fs-base">{!! getIcon('arrow-down', 'fs-5 text-danger ms-n1') !!} 8.3%</span>
<!--end::Label-->
</div>
<!--end::Label-->
</div>
<!--end::Info-->
</div>
<!--end::Section-->
</div>
<!--end::Item-->
<!--begin::Separator-->
<div class="separator separator-dashed my-3"></div>
<!--end::Separator-->
<!--begin::Item-->
<div class="d-flex flex-stack">
<!--begin::Flag-->
<img src="assets/media/flags/sweden.svg" class="me-4 w-25px" style="border-radius: 4px" alt="" />
<!--end::Flag-->
<!--begin::Section-->
<div class="d-flex flex-stack flex-row-fluid d-grid gap-2">
<!--begin::Content-->
<div class="me-5">
<!--begin::Title-->
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Sweden</a>
<!--end::Title-->
<!--begin::Desc-->
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Social Network</span>
<!--end::Desc-->
</div>
<!--end::Content-->
<!--begin::Info-->
<div class="d-flex align-items-center">
<!--begin::Number-->
<span class="text-gray-800 fw-bold fs-6 me-3 d-block">237</span>
<!--end::Number-->
<!--begin::Label-->
<div class="m-0">
<!--begin::Label-->
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 1.9%</span>
<!--end::Label-->
</div>
<!--end::Label-->
</div>
<!--end::Info-->
</div>
<!--end::Section-->
</div>
<!--end::Item-->
</div>
<!--end::Items-->
</div>
<!--end::Body-->
</div>
<!--end::LIst widget 8-->

248
resources/views/partials/widgets/lists/_widget-9.blade.php Normal file
View File

@ -0,0 +1,248 @@
<!--begin::List widget 9-->
<div class="card card-flush h-xl-100">
<!--begin::Header-->
<div class="card-header py-7">
<!--begin::Title-->
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bold text-gray-800">Social Network Visits</span>
<span class="text-gray-400 mt-1 fw-semibold fs-6">8k social visitors</span>
</h3>
<!--end::Title-->
<!--begin::Toolbar-->
<div class="card-toolbar">
<a href="#" class="btn btn-sm btn-light">View All</a>
</div>
<!--end::Toolbar-->
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body card-body d-flex justify-content-between flex-column pt-3">
<!--begin::Item-->
<div class="d-flex flex-stack">
<!--begin::Flag-->
<img src="assets/media/svg/brand-logos/dribbble-icon-1.svg" class="me-4 w-30px" style="border-radius: 4px" alt="" />
<!--end::Flag-->
<!--begin::Section-->
<div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
<!--begin::Content-->
<div class="me-5">
<!--begin::Title-->
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Dribbble</a>
<!--end::Title-->
<!--begin::Desc-->
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Community</span>
<!--end::Desc-->
</div>
<!--end::Content-->
<!--begin::Wrapper-->
<div class="d-flex align-items-center">
<!--begin::Number-->
<span class="text-gray-800 fw-bold fs-4 me-3">579</span>
<!--end::Number-->
<!--begin::Info-->
<div class="m-0">
<!--begin::Label-->
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 2.6%</span>
<!--end::Label-->
</div>
<!--end::Info-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Section-->
</div>
<!--end::Item-->
<!--begin::Separator-->
<div class="separator separator-dashed my-3"></div>
<!--end::Separator-->
<!--begin::Item-->
<div class="d-flex flex-stack">
<!--begin::Flag-->
<img src="assets/media/svg/brand-logos/linkedin-1.svg" class="me-4 w-30px" style="border-radius: 4px" alt="" />
<!--end::Flag-->
<!--begin::Section-->
<div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
<!--begin::Content-->
<div class="me-5">
<!--begin::Title-->
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Linked In</a>
<!--end::Title-->
<!--begin::Desc-->
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Social Media</span>
<!--end::Desc-->
</div>
<!--end::Content-->
<!--begin::Wrapper-->
<div class="d-flex align-items-center">
<!--begin::Number-->
<span class="text-gray-800 fw-bold fs-4 me-3">2,588</span>
<!--end::Number-->
<!--begin::Info-->
<div class="m-0">
<!--begin::Label-->
<span class="badge badge-light-danger fs-base">{!! getIcon('arrow-down', 'fs-5 text-danger ms-n1') !!} 0.4%</span>
<!--end::Label-->
</div>
<!--end::Info-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Section-->
</div>
<!--end::Item-->
<!--begin::Separator-->
<div class="separator separator-dashed my-3"></div>
<!--end::Separator-->
<!--begin::Item-->
<div class="d-flex flex-stack">
<!--begin::Flag-->
<img src="assets/media/svg/brand-logos/slack-icon.svg" class="me-4 w-30px" style="border-radius: 4px" alt="" />
<!--end::Flag-->
<!--begin::Section-->
<div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
<!--begin::Content-->
<div class="me-5">
<!--begin::Title-->
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Slack</a>
<!--end::Title-->
<!--begin::Desc-->
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Messanger</span>
<!--end::Desc-->
</div>
<!--end::Content-->
<!--begin::Wrapper-->
<div class="d-flex align-items-center">
<!--begin::Number-->
<span class="text-gray-800 fw-bold fs-4 me-3">794</span>
<!--end::Number-->
<!--begin::Info-->
<div class="m-0">
<!--begin::Label-->
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 0.2%</span>
<!--end::Label-->
</div>
<!--end::Info-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Section-->
</div>
<!--end::Item-->
<!--begin::Separator-->
<div class="separator separator-dashed my-3"></div>
<!--end::Separator-->
<!--begin::Item-->
<div class="d-flex flex-stack">
<!--begin::Flag-->
<img src="assets/media/svg/brand-logos/youtube-3.svg" class="me-4 w-30px" style="border-radius: 4px" alt="" />
<!--end::Flag-->
<!--begin::Section-->
<div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
<!--begin::Content-->
<div class="me-5">
<!--begin::Title-->
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">YouTube</a>
<!--end::Title-->
<!--begin::Desc-->
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Video Channel</span>
<!--end::Desc-->
</div>
<!--end::Content-->
<!--begin::Wrapper-->
<div class="d-flex align-items-center">
<!--begin::Number-->
<span class="text-gray-800 fw-bold fs-4 me-3">1,578</span>
<!--end::Number-->
<!--begin::Info-->
<div class="m-0">
<!--begin::Label-->
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 4.1%</span>
<!--end::Label-->
</div>
<!--end::Info-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Section-->
</div>
<!--end::Item-->
<!--begin::Separator-->
<div class="separator separator-dashed my-3"></div>
<!--end::Separator-->
<!--begin::Item-->
<div class="d-flex flex-stack">
<!--begin::Flag-->
<img src="assets/media/svg/brand-logos/instagram-2-1.svg" class="me-4 w-30px" style="border-radius: 4px" alt="" />
<!--end::Flag-->
<!--begin::Section-->
<div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
<!--begin::Content-->
<div class="me-5">
<!--begin::Title-->
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Instagram</a>
<!--end::Title-->
<!--begin::Desc-->
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Social Network</span>
<!--end::Desc-->
</div>
<!--end::Content-->
<!--begin::Wrapper-->
<div class="d-flex align-items-center">
<!--begin::Number-->
<span class="text-gray-800 fw-bold fs-4 me-3">3,458</span>
<!--end::Number-->
<!--begin::Info-->
<div class="m-0">
<!--begin::Label-->
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 8.3%</span>
<!--end::Label-->
</div>
<!--end::Info-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Section-->
</div>
<!--end::Item-->
<!--begin::Separator-->
<div class="separator separator-dashed my-3"></div>
<!--end::Separator-->
<!--begin::Item-->
<div class="d-flex flex-stack">
<!--begin::Flag-->
<img src="assets/media/svg/brand-logos/facebook-3.svg" class="me-4 w-30px" style="border-radius: 4px" alt="" />
<!--end::Flag-->
<!--begin::Section-->
<div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
<!--begin::Content-->
<div class="me-5">
<!--begin::Title-->
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Facebook</a>
<!--end::Title-->
<!--begin::Desc-->
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Social Network</span>
<!--end::Desc-->
</div>
<!--end::Content-->
<!--begin::Wrapper-->
<div class="d-flex align-items-center">
<!--begin::Number-->
<span class="text-gray-800 fw-bold fs-4 me-3">2,047</span>
<!--end::Number-->
<!--begin::Info-->
<div class="m-0">
<!--begin::Label-->
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 1.9%</span>
<!--end::Label-->
</div>
<!--end::Info-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Section-->
</div>
<!--end::Item-->
</div>
<!--end::Body-->
</div>
<!--end::List widget 9-->