253 lines
8.4 KiB
PHP
253 lines
8.4 KiB
PHP
<!--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-->
|