Initial commit
This commit is contained in:
80
resources/views/partials/widgets/cards/_widget-17.blade.php
Normal file
80
resources/views/partials/widgets/cards/_widget-17.blade.php
Normal file
@ -0,0 +1,80 @@
|
||||
<!--begin::Card widget 17-->
|
||||
<div class="card card-flush h-md-50 mb-5 mb-xl-10">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header pt-5">
|
||||
<!--begin::Title-->
|
||||
<div class="card-title d-flex flex-column">
|
||||
<!--begin::Info-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Currency-->
|
||||
<span class="fs-4 fw-semibold text-gray-400 me-1 align-self-start">$</span>
|
||||
<!--end::Currency-->
|
||||
<!--begin::Amount-->
|
||||
<span class="fs-2hx fw-bold text-dark me-2 lh-1 ls-n2">69,700</span>
|
||||
<!--end::Amount-->
|
||||
<!--begin::Badge-->
|
||||
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 2.2%</span>
|
||||
<!--end::Badge-->
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
<!--begin::Subtitle-->
|
||||
<span class="text-gray-400 pt-1 fw-semibold fs-6">Projects Earnings in April</span>
|
||||
<!--end::Subtitle-->
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Card body-->
|
||||
<div class="card-body pt-2 pb-4 d-flex flex-wrap align-items-center">
|
||||
<!--begin::Chart-->
|
||||
<div class="d-flex flex-center me-5 pt-2">
|
||||
<div id="kt_card_widget_17_chart" style="min-width: 70px; min-height: 70px" data-kt-size="70" data-kt-line="11"></div>
|
||||
</div>
|
||||
<!--end::Chart-->
|
||||
<!--begin::Labels-->
|
||||
<div class="d-flex flex-column content-justify-center flex-row-fluid">
|
||||
<!--begin::Label-->
|
||||
<div class="d-flex fw-semibold align-items-center">
|
||||
<!--begin::Bullet-->
|
||||
<div class="bullet w-8px h-3px rounded-2 bg-success me-3"></div>
|
||||
<!--end::Bullet-->
|
||||
<!--begin::Label-->
|
||||
<div class="text-gray-500 flex-grow-1 me-4">Leaf CRM</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Stats-->
|
||||
<div class="fw-bolder text-gray-700 text-xxl-end">$7,660</div>
|
||||
<!--end::Stats-->
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Label-->
|
||||
<div class="d-flex fw-semibold align-items-center my-3">
|
||||
<!--begin::Bullet-->
|
||||
<div class="bullet w-8px h-3px rounded-2 bg-primary me-3"></div>
|
||||
<!--end::Bullet-->
|
||||
<!--begin::Label-->
|
||||
<div class="text-gray-500 flex-grow-1 me-4">Mivy App</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Stats-->
|
||||
<div class="fw-bolder text-gray-700 text-xxl-end">$2,820</div>
|
||||
<!--end::Stats-->
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Label-->
|
||||
<div class="d-flex fw-semibold align-items-center">
|
||||
<!--begin::Bullet-->
|
||||
<div class="bullet w-8px h-3px rounded-2 me-3" style="background-color: #E4E6EF"></div>
|
||||
<!--end::Bullet-->
|
||||
<!--begin::Label-->
|
||||
<div class="text-gray-500 flex-grow-1 me-4">Others</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Stats-->
|
||||
<div class="fw-bolder text-gray-700 text-xxl-end">$45,257</div>
|
||||
<!--end::Stats-->
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Labels-->
|
||||
</div>
|
||||
<!--end::Card body-->
|
||||
</div>
|
||||
<!--end::Card widget 17-->
|
128
resources/views/partials/widgets/cards/_widget-18.blade.php
Normal file
128
resources/views/partials/widgets/cards/_widget-18.blade.php
Normal file
@ -0,0 +1,128 @@
|
||||
<!--begin::Card widget 18-->
|
||||
<div class="card card-flush h-xl-100">
|
||||
<!--begin::Body-->
|
||||
<div class="card-body py-9">
|
||||
<!--begin::Row-->
|
||||
<div class="row gx-9 h-100">
|
||||
<!--begin::Col-->
|
||||
<div class="col-sm-6 mb-10 mb-sm-0">
|
||||
<!--begin::Image-->
|
||||
<div class="bgi-no-repeat bgi-position-center bgi-size-cover card-rounded min-h-400px min-h-sm-100 h-100" style="background-size: 100% 100%;background-image:url('assets/media/stock/600x600/img-65.jpg')"></div>
|
||||
<!--end::Image-->
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-sm-6">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-column h-100">
|
||||
<!--begin::Header-->
|
||||
<div class="mb-7">
|
||||
<!--begin::Headin-->
|
||||
<div class="d-flex flex-stack mb-6">
|
||||
<!--begin::Title-->
|
||||
<div class="flex-shrink-0 me-5">
|
||||
<span class="text-gray-400 fs-7 fw-bold me-2 d-block lh-1 pb-1">Featured</span>
|
||||
<span class="text-gray-800 fs-1 fw-bold">9 Degree</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
<span class="badge badge-light-primary flex-shrink-0 align-self-center py-3 px-4 fs-7">In Process</span>
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Items-->
|
||||
<div class="d-flex align-items-center flex-wrap d-grid gap-2">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center me-5 me-xl-13">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-30px symbol-circle me-3">
|
||||
<img src="assets/media/avatars/300-3.jpg" class="" alt="" />
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Info-->
|
||||
<div class="m-0">
|
||||
<span class="fw-semibold text-gray-400 d-block fs-8">Manager</span>
|
||||
<a href="#" class="fw-bold text-gray-800 text-hover-primary fs-7">Robert Fox</a>
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-30px symbol-circle me-3">
|
||||
<span class="symbol-label bg-success">{!! getIcon('abstract-41', 'fs-5 text-white') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Info-->
|
||||
<div class="m-0">
|
||||
<span class="fw-semibold text-gray-400 d-block fs-8">Budget</span>
|
||||
<span class="fw-bold text-gray-800 fs-7">$64.800</span>
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
</div>
|
||||
<!--end::Items-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Body-->
|
||||
<div class="mb-6">
|
||||
<!--begin::Text-->
|
||||
<span class="fw-semibold text-gray-600 fs-6 mb-8 d-block">Flat cartoony illustrations with vivid unblended colors and asymmetrical beautiful purple hair lady</span>
|
||||
<!--end::Text-->
|
||||
<!--begin::Stats-->
|
||||
<div class="d-flex">
|
||||
<!--begin::Stat-->
|
||||
<div class="border border-gray-300 border-dashed rounded min-w-100px w-100 py-2 px-4 me-6 mb-3">
|
||||
<!--begin::Date-->
|
||||
<span class="fs-6 text-gray-700 fw-bold">Feb 6, 2021</span>
|
||||
<!--end::Date-->
|
||||
<!--begin::Label-->
|
||||
<div class="fw-semibold text-gray-400">Due Date</div>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Stat-->
|
||||
<!--begin::Stat-->
|
||||
<div class="border border-gray-300 border-dashed rounded min-w-100px w-100 py-2 px-4 mb-3">
|
||||
<!--begin::Number-->
|
||||
<span class="fs-6 text-gray-700 fw-bold">$
|
||||
<span class="ms-n1" data-kt-countup="true" data-kt-countup-value="284,900.00">0</span></span>
|
||||
<!--end::Number-->
|
||||
<!--begin::Label-->
|
||||
<div class="fw-semibold text-gray-400">Budget</div>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Stat-->
|
||||
</div>
|
||||
<!--end::Stats-->
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
<!--begin::Footer-->
|
||||
<div class="d-flex flex-stack mt-auto bd-highlight">
|
||||
<!--begin::Users group-->
|
||||
<div class="symbol-group symbol-hover flex-nowrap">
|
||||
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Melody Macy">
|
||||
<img alt="Pic" src="assets/media/avatars/300-2.jpg" />
|
||||
</div>
|
||||
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Michael Eberon">
|
||||
<img alt="Pic" src="assets/media/avatars/300-3.jpg" />
|
||||
</div>
|
||||
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Susan Redwood">
|
||||
<span class="symbol-label bg-primary text-inverse-primary fw-bold">S</span>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Users group-->
|
||||
<!--begin::Actions-->
|
||||
<a href="#" class="d-flex align-items-center text-primary opacity-75-hover fs-6 fw-semibold">View Project {!! getIcon('exit-right-corner', 'fs-4 ms-1') !!}</a>
|
||||
<!--end::Actions-->
|
||||
</div>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
</div>
|
||||
<!--end::Card widget 18-->
|
33
resources/views/partials/widgets/cards/_widget-20.blade.php
Normal file
33
resources/views/partials/widgets/cards/_widget-20.blade.php
Normal file
@ -0,0 +1,33 @@
|
||||
<!--begin::Card widget 20-->
|
||||
<div class="card card-flush bgi-no-repeat bgi-size-contain bgi-position-x-end h-md-50 mb-5 mb-xl-10" style="background-color: #F1416C;background-image:url('assets/media/patterns/vector-1.png')">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header pt-5">
|
||||
<!--begin::Title-->
|
||||
<div class="card-title d-flex flex-column">
|
||||
<!--begin::Amount-->
|
||||
<span class="fs-2hx fw-bold text-white me-2 lh-1 ls-n2">69</span>
|
||||
<!--end::Amount-->
|
||||
<!--begin::Subtitle-->
|
||||
<span class="text-white opacity-75 pt-1 fw-semibold fs-6">Active Projects</span>
|
||||
<!--end::Subtitle-->
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Card body-->
|
||||
<div class="card-body d-flex align-items-end pt-0">
|
||||
<!--begin::Progress-->
|
||||
<div class="d-flex align-items-center flex-column mt-3 w-100">
|
||||
<div class="d-flex justify-content-between fw-bold fs-6 text-white opacity-75 w-100 mt-auto mb-2">
|
||||
<span>43 Pending</span>
|
||||
<span>72%</span>
|
||||
</div>
|
||||
<div class="h-8px mx-3 w-100 bg-white bg-opacity-50 rounded">
|
||||
<div class="bg-white rounded h-8px" role="progressbar" style="width: 72%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Progress-->
|
||||
</div>
|
||||
<!--end::Card body-->
|
||||
</div>
|
||||
<!--end::Card widget 20-->
|
50
resources/views/partials/widgets/cards/_widget-7.blade.php
Normal file
50
resources/views/partials/widgets/cards/_widget-7.blade.php
Normal file
@ -0,0 +1,50 @@
|
||||
<!--begin::Card widget 7-->
|
||||
<div class="card card-flush h-md-50 mb-5 mb-xl-10">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header pt-5">
|
||||
<!--begin::Title-->
|
||||
<div class="card-title d-flex flex-column">
|
||||
<!--begin::Amount-->
|
||||
<span class="fs-2hx fw-bold text-dark me-2 lh-1 ls-n2">357</span>
|
||||
<!--end::Amount-->
|
||||
<!--begin::Subtitle-->
|
||||
<span class="text-gray-400 pt-1 fw-semibold fs-6">Professionals</span>
|
||||
<!--end::Subtitle-->
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Card body-->
|
||||
<div class="card-body d-flex flex-column justify-content-end pe-0">
|
||||
<!--begin::Title-->
|
||||
<span class="fs-6 fw-bolder text-gray-800 d-block mb-2">Today’s Heroes</span>
|
||||
<!--end::Title-->
|
||||
<!--begin::Users group-->
|
||||
<div class="symbol-group symbol-hover flex-nowrap">
|
||||
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Alan Warden">
|
||||
<span class="symbol-label bg-warning text-inverse-warning fw-bold">A</span>
|
||||
</div>
|
||||
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Michael Eberon">
|
||||
<img alt="Pic" src="assets/media/avatars/300-11.jpg" />
|
||||
</div>
|
||||
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Susan Redwood">
|
||||
<span class="symbol-label bg-primary text-inverse-primary fw-bold">S</span>
|
||||
</div>
|
||||
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Melody Macy">
|
||||
<img alt="Pic" src="assets/media/avatars/300-2.jpg" />
|
||||
</div>
|
||||
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Perry Matthew">
|
||||
<span class="symbol-label bg-danger text-inverse-danger fw-bold">P</span>
|
||||
</div>
|
||||
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Barry Walter">
|
||||
<img alt="Pic" src="assets/media/avatars/300-12.jpg" />
|
||||
</div>
|
||||
<a href="#" class="symbol symbol-35px symbol-circle" data-bs-toggle="modal" data-bs-target="#kt_modal_view_users">
|
||||
<span class="symbol-label bg-dark text-gray-300 fs-8 fw-bold">+42</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Users group-->
|
||||
</div>
|
||||
<!--end::Card body-->
|
||||
</div>
|
||||
<!--end::Card widget 7-->
|
Reference in New Issue
Block a user