Files
dev-chiefworks 4303d9eff9 Adding user page
2022-10-15 12:32:40 -04:00

566 lines
27 KiB
PHP
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<?= $this->extend('layouts/homelayout2') ?>
<?= $this->section('content') ?>
<!--begin::Content-->
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
<!--begin::Post-->
<div class="post d-flex flex-column-fluid" id="kt_post">
<!--begin::Container-->
<div id="kt_content_container" class="container-xxl">
<!--begin::Home card-->
<div class="card">
<!--begin::Body-->
<div class="card-body p-lg-20">
<!--begin::Section-->
<div class="mb-17">
<!--begin::Content-->
<div class="d-flex flex-stack mb-5">
<!--begin::Title-->
<h3 class="text-dark">Video Tutorials</h3>
<!--end::Title-->
<!--begin::Link-->
<a href="#" class="fs-6 fw-bold link-primary">View All Videos</a>
<!--end::Link-->
</div>
<!--end::Content-->
<!--begin::Separator-->
<div class="separator separator-dashed mb-9"></div>
<!--end::Separator-->
<!--begin::Row-->
<div class="row g-10">
<!--begin::Col-->
<div class="col-md-4">
<!--begin::Feature post-->
<div class="card-xl-stretch me-md-6">
<!--begin::Image-->
<a class="d-block bgi-no-repeat bgi-size-cover bgi-position-center card-rounded position-relative min-h-175px mb-5" style="background-image:url('assets/media/stock/600x400/img-73.jpg')" data-fslightbox="lightbox-video-tutorials" href="https://www.youtube.com/embed/btornGtLwIo">
<img src="assets/media/svg/misc/video-play.svg" class="position-absolute top-50 start-50 translate-middle" alt="" />
</a>
<!--end::Image-->
<!--begin::Body-->
<div class="m-0">
<!--begin::Title-->
<a href="../../demo1/dist/pages/user-profile/overview.html" class="fs-4 text-dark fw-bolder text-hover-primary text-dark lh-base">Admin Panel - How To Started the Dashboard Tutorial</a>
<!--end::Title-->
<!--begin::Text-->
<div class="fw-bold fs-5 text-gray-600 text-dark my-4">Weve been focused on making a the from also not been afraid to and step away been focused create eye</div>
<!--end::Text-->
<!--begin::Content-->
<div class="fs-6 fw-bolder">
<!--begin::Author-->
<a href="../../demo1/dist/pages/user-profile/overview.html" class="text-gray-700 text-hover-primary">Jane Miller</a>
<!--end::Author-->
<!--begin::Date-->
<span class="text-muted">on Mar 21 2021</span>
<!--end::Date-->
</div>
<!--end::Content-->
</div>
<!--end::Body-->
</div>
<!--end::Feature post-->
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="col-md-4">
<!--begin::Feature post-->
<div class="card-xl-stretch mx-md-3">
<!--begin::Image-->
<a class="d-block bgi-no-repeat bgi-size-cover bgi-position-center card-rounded position-relative min-h-175px mb-5" style="background-image:url('assets/media/stock/600x400/img-74.jpg')" data-fslightbox="lightbox-video-tutorials" href="https://www.youtube.com/embed/btornGtLwIo">
<img src="assets/media/svg/misc/video-play.svg" class="position-absolute top-50 start-50 translate-middle" alt="" />
</a>
<!--end::Image-->
<!--begin::Body-->
<div class="m-0">
<!--begin::Title-->
<a href="../../demo1/dist/pages/user-profile/overview.html" class="fs-4 text-dark fw-bolder text-hover-primary text-dark lh-base">Admin Panel - How To Started the Dashboard Tutorial</a>
<!--end::Title-->
<!--begin::Text-->
<div class="fw-bold fs-5 text-gray-600 text-dark my-4">Weve been focused on making the from v4 to v5 but we have also not been afraid to step away been focused</div>
<!--end::Text-->
<!--begin::Content-->
<div class="fs-6 fw-bolder">
<!--begin::Author-->
<a href="../../demo1/dist/pages/user-profile/overview.html" class="text-gray-700 text-hover-primary">Cris Morgan</a>
<!--end::Author-->
<!--begin::Date-->
<span class="text-muted">on Apr 14 2021</span>
<!--end::Date-->
</div>
<!--end::Content-->
</div>
<!--end::Body-->
</div>
<!--end::Feature post-->
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="col-md-4">
<!--begin::Feature post-->
<div class="card-xl-stretch ms-md-6">
<!--begin::Image-->
<a class="d-block bgi-no-repeat bgi-size-cover bgi-position-center card-rounded position-relative min-h-175px mb-5" style="background-image:url('assets/media/stock/600x400/img-47.jpg')" data-fslightbox="lightbox-video-tutorials" href="https://www.youtube.com/embed/TWdDZYNqlg4">
<img src="assets/media/svg/misc/video-play.svg" class="position-absolute top-50 start-50 translate-middle" alt="" />
</a>
<!--end::Image-->
<!--begin::Body-->
<div class="m-0">
<!--begin::Title-->
<a href="../../demo1/dist/pages/user-profile/overview.html" class="fs-4 text-dark fw-bolder text-hover-primary text-dark lh-base">Admin Panel - How To Started the Dashboard Tutorial</a>
<!--end::Title-->
<!--begin::Text-->
<div class="fw-bold fs-5 text-gray-600 text-dark my-4">Weve been focused on making the from v4 to v5 but weve also not been afraid to step away been focused</div>
<!--end::Text-->
<!--begin::Content-->
<div class="fs-6 fw-bolder">
<!--begin::Author-->
<a href="../../demo1/dist/pages/user-profile/overview.html" class="text-gray-700 text-hover-primary">Carles Nilson</a>
<!--end::Author-->
<!--begin::Date-->
<span class="text-muted">on May 14 2021</span>
<!--end::Date-->
</div>
<!--end::Content-->
</div>
<!--end::Body-->
</div>
<!--end::Feature post-->
</div>
<!--end::Col-->
</div>
<!--end::Row-->
</div>
<!--end::Section-->
<!--begin::Section-->
<div class="mb-17">
<!--begin::Content-->
<div class="d-flex flex-stack mb-5">
<!--begin::Title-->
<h3 class="text-dark">Hottest Bundles</h3>
<!--end::Title-->
<!--begin::Link-->
<a href="#" class="fs-6 fw-bold link-primary">View All Offers</a>
<!--end::Link-->
</div>
<!--end::Content-->
<!--begin::Separator-->
<div class="separator separator-dashed mb-9"></div>
<!--end::Separator-->
<!--begin::Row-->
<div class="row g-10">
<!--begin::Col-->
<div class="col-md-4">
<!--begin::Hot sales post-->
<div class="card-xl-stretch me-md-6">
<!--begin::Overlay-->
<a class="d-block overlay" data-fslightbox="lightbox-hot-sales" href="assets/media/stock/600x400/img-23.jpg">
<!--begin::Image-->
<div class="overlay-wrapper bgi-no-repeat bgi-position-center bgi-size-cover card-rounded min-h-175px" style="background-image:url('assets/media/stock/600x400/img-23.jpg')"></div>
<!--end::Image-->
<!--begin::Action-->
<div class="overlay-layer card-rounded bg-dark bg-opacity-25">
<i class="bi bi-eye-fill fs-2x text-white"></i>
</div>
<!--end::Action-->
</a>
<!--end::Overlay-->
<!--begin::Body-->
<div class="mt-5">
<!--begin::Title-->
<a href="#" class="fs-4 text-dark fw-bolder text-hover-primary text-dark lh-base">25 Products Mega Bundle with 50% off discount amazing</a>
<!--end::Title-->
<!--begin::Text-->
<div class="fw-bold fs-5 text-gray-600 text-dark mt-3">Weve been focused on making a the from also not been eye</div>
<!--end::Text-->
<!--begin::Text-->
<div class="fs-6 fw-bolder mt-5 d-flex flex-stack">
<!--begin::Label-->
<span class="badge border border-dashed fs-2 fw-bolder text-dark p-2">
<span class="fs-6 fw-bold text-gray-400">$</span>28</span>
<!--end::Label-->
<!--begin::Action-->
<a href="#" class="btn btn-sm btn-primary">Purchase</a>
<!--end::Action-->
</div>
<!--end::Text-->
</div>
<!--end::Body-->
</div>
<!--end::Hot sales post-->
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="col-md-4">
<!--begin::Hot sales post-->
<div class="card-xl-stretch mx-md-3">
<!--begin::Overlay-->
<a class="d-block overlay" data-fslightbox="lightbox-hot-sales" href="assets/media/stock/600x600/img-14.jpg">
<!--begin::Image-->
<div class="overlay-wrapper bgi-no-repeat bgi-position-center bgi-size-cover card-rounded min-h-175px" style="background-image:url('assets/media/stock/600x600/img-14.jpg')"></div>
<!--end::Image-->
<!--begin::Action-->
<div class="overlay-layer card-rounded bg-dark bg-opacity-25">
<i class="bi bi-eye-fill fs-2x text-white"></i>
</div>
<!--end::Action-->
</a>
<!--end::Overlay-->
<!--begin::Body-->
<div class="mt-5">
<!--begin::Title-->
<a href="#" class="fs-4 text-dark fw-bolder text-hover-primary text-dark lh-base">25 Products Mega Bundle with 50% off discount amazing</a>
<!--end::Title-->
<!--begin::Text-->
<div class="fw-bold fs-5 text-gray-600 text-dark mt-3">Weve been focused on making a the from also not been eye</div>
<!--end::Text-->
<!--begin::Text-->
<div class="fs-6 fw-bolder mt-5 d-flex flex-stack">
<!--begin::Label-->
<span class="badge border border-dashed fs-2 fw-bolder text-dark p-2">
<span class="fs-6 fw-bold text-gray-400">$</span>27</span>
<!--end::Label-->
<!--begin::Action-->
<a href="#" class="btn btn-sm btn-primary">Purchase</a>
<!--end::Action-->
</div>
<!--end::Text-->
</div>
<!--end::Body-->
</div>
<!--end::Hot sales post-->
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="col-md-4">
<!--begin::Hot sales post-->
<div class="card-xl-stretch ms-md-6">
<!--begin::Overlay-->
<a class="d-block overlay" data-fslightbox="lightbox-hot-sales" href="assets/media/stock/600x400/img-71.jpg">
<!--begin::Image-->
<div class="overlay-wrapper bgi-no-repeat bgi-position-center bgi-size-cover card-rounded min-h-175px" style="background-image:url('assets/media/stock/600x400/img-71.jpg')"></div>
<!--end::Image-->
<!--begin::Action-->
<div class="overlay-layer card-rounded bg-dark bg-opacity-25">
<i class="bi bi-eye-fill fs-2x text-white"></i>
</div>
<!--end::Action-->
</a>
<!--end::Overlay-->
<!--begin::Body-->
<div class="mt-5">
<!--begin::Title-->
<a href="#" class="fs-4 text-dark fw-bolder text-hover-primary text-dark lh-base">25 Products Mega Bundle with 50% off discount amazing</a>
<!--end::Title-->
<!--begin::Text-->
<div class="fw-bold fs-5 text-gray-600 text-dark mt-3">Weve been focused on making a the from also not been eye</div>
<!--end::Text-->
<!--begin::Text-->
<div class="fs-6 fw-bolder mt-5 d-flex flex-stack">
<!--begin::Label-->
<span class="badge border border-dashed fs-2 fw-bolder text-dark p-2">
<span class="fs-6 fw-bold text-gray-400">$</span>25</span>
<!--end::Label-->
<!--begin::Action-->
<a href="#" class="btn btn-sm btn-primary">Purchase</a>
<!--end::Action-->
</div>
<!--end::Text-->
</div>
<!--end::Body-->
</div>
<!--end::Hot sales post-->
</div>
<!--end::Col-->
</div>
<!--end::Row-->
</div>
<!--end::Section-->
<!--begin::Section-->
<div class="mb-17">
<!--begin::Title-->
<h3 class="text-dark mb-7">Latest Articles, News &amp; Updates</h3>
<!--end::Title-->
<!--begin::Separator-->
<div class="separator separator-dashed mb-9"></div>
<!--end::Separator-->
<!--begin::Row-->
<div class="row">
<!--begin::Col-->
<div class="col-md-6">
<!--begin::Feature post-->
<div class="h-100 d-flex flex-column justify-content-between pe-lg-6 mb-lg-0 mb-10">
<!--begin::Video-->
<div class="mb-3">
<iframe class="embed-responsive-item card-rounded h-275px w-100" src="https://www.youtube.com/embed/TWdDZYNqlg4" allowfullscreen="allowfullscreen"></iframe>
</div>
<!--end::Video-->
<!--begin::Body-->
<div class="mb-5">
<!--begin::Title-->
<a href="#" class="fs-2 text-dark fw-bolder text-hover-primary text-dark lh-base">Admin Panel - How To Get Started Tutorial.
<br />Create easy customizable applications</a>
<!--end::Title-->
<!--begin::Text-->
<div class="fw-bold fs-5 text-gray-600 text-dark mt-4">Weve been focused on making the from v4 to v5 but we have also not been afraid to step away been focused on from v4 to v5 speaker approachable making focused a but from a step away afraid to step away been focused Writing a blog post is a little like driving; you can study the highway code (or read articles telling you how to write a blog post) for months, but nothing can prepare you for the real thing like getting behind the wheel</div>
<!--end::Text-->
</div>
<!--end::Body-->
<!--begin::Footer-->
<div class="d-flex flex-stack flex-wrap">
<!--begin::Item-->
<div class="d-flex align-items-center pe-2">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle me-3">
<img alt="" src="assets/media/avatars/300-9.jpg" />
</div>
<!--end::Avatar-->
<!--begin::Text-->
<div class="fs-5 fw-bolder">
<a href="../../demo1/dist/pages/user-profile/overview.html" class="text-gray-700 text-hover-primary">David Morgan</a>
<span class="text-muted">on Apr 27 2021</span>
</div>
<!--end::Text-->
</div>
<!--end::Item-->
<!--begin::Label-->
<span class="badge badge-light-primary fw-bolder my-2">TUTORIALS</span>
<!--end::Label-->
</div>
<!--end::Footer-->
</div>
<!--end::Feature post-->
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="col-md-6 justify-content-between d-flex flex-column">
<!--begin::Post-->
<div class="ps-lg-6 mb-16 mt-md-0 mt-17">
<!--begin::Body-->
<div class="mb-6">
<!--begin::Title-->
<a href="#" class="fw-bolder text-dark mb-4 fs-2 lh-base text-hover-primary">Bootstrap Admin Theme - How To Get Started Tutorial. Create customizable applications</a>
<!--end::Title-->
<!--begin::Text-->
<div class="fw-bold fs-5 mt-4 text-gray-600 text-dark">Weve been focused on making the from v4 to v5 a but weve also not been afraid to step away been focused on from v4 to v5 speaker approachable making focused</div>
<!--end::Text-->
</div>
<!--end::Body-->
<!--begin::Footer-->
<div class="d-flex flex-stack flex-wrap">
<!--begin::Item-->
<div class="d-flex align-items-center pe-2">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle me-3">
<img src="assets/media/avatars/300-20.jpg" class="" alt="" />
</div>
<!--end::Avatar-->
<!--begin::Text-->
<div class="fs-5 fw-bolder">
<a href="../../demo1/dist/pages/user-profile/overview.html" class="text-gray-700 text-hover-primary">Jane Miller</a>
<span class="text-muted">on Apr 27 2021</span>
</div>
<!--end::Text-->
</div>
<!--end::Item-->
<!--begin::Label-->
<span class="badge badge-light-info fw-bolder my-2">BLOG</span>
<!--end::Label-->
</div>
<!--end::Footer-->
</div>
<!--end::Post-->
<!--begin::Post-->
<div class="ps-lg-6 mb-16">
<!--begin::Body-->
<div class="mb-6">
<!--begin::Title-->
<a href="#" class="fw-bolder text-dark mb-4 fs-2 lh-base text-hover-primary">Angular Admin Theme - How To Get Started Tutorial.</a>
<!--end::Title-->
<!--begin::Text-->
<div class="fw-bold fs-5 mt-4 text-gray-600 text-dark">Weve been focused on making the from v4 to v5 a but weve also not been afraid to step away</div>
<!--end::Text-->
</div>
<!--end::Body-->
<!--begin::Footer-->
<div class="d-flex flex-stack flex-wrap">
<!--begin::Item-->
<div class="d-flex align-items-center pe-2">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle me-3">
<img src="assets/media/avatars/300-9.jpg" class="" alt="" />
</div>
<!--end::Avatar-->
<!--begin::Text-->
<div class="fs-5 fw-bolder">
<a href="../../demo1/dist/pages/user-profile/overview.html" class="text-gray-700 text-hover-primary">Cris Morgan</a>
<span class="text-muted">on Mar 14 2021</span>
</div>
<!--end::Text-->
</div>
<!--end::Item-->
<!--begin::Label-->
<span class="badge badge-light-primary fw-bolder my-2">TUTORIALS</span>
<!--end::Label-->
</div>
<!--end::Footer-->
</div>
<!--end::Post-->
<!--begin::Post-->
<div class="ps-lg-6">
<!--begin::Body-->
<div class="mb-6">
<!--begin::Title-->
<a href="#" class="fw-bolder text-dark mb-4 fs-2 lh-base text-hover-primary">React Admin Theme - How To Get Started Tutorial. Create best applications</a>
<!--end::Title-->
<!--begin::Text-->
<div class="fw-bold fs-5 mt-4 text-gray-600 text-dark">Weve been focused on making the from v4 to v5 but weve also not been afraid to step away been focused</div>
<!--end::Text-->
</div>
<!--end::Body-->
<!--begin::Footer-->
<div class="d-flex flex-stack flex-wrap">
<!--begin::Item-->
<div class="d-flex align-items-center pe-2">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle me-3">
<img src="assets/media/avatars/300-19.jpg" class="" alt="" />
</div>
<!--end::Avatar-->
<!--begin::Text-->
<div class="fs-5 fw-bolder">
<a href="../../demo1/dist/pages/user-profile/overview.html" class="text-gray-700 text-hover-primary">Cris Morgan</a>
<span class="text-muted">on Mar 14 2021</span>
</div>
<!--end::Text-->
</div>
<!--end::Item-->
<!--begin::Label-->
<span class="badge badge-light-warning fw-bolder my-2">NEWS</span>
<!--end::Label-->
</div>
<!--end::Footer-->
</div>
<!--end::Post-->
</div>
<!--end::Col-->
</div>
<!--begin::Row-->
</div>
<!--end::Section-->
<!--begin::latest instagram-->
<div class="">
<!--begin::Section-->
<div class="m-0">
<!--begin::Content-->
<div class="d-flex flex-stack">
<!--begin::Title-->
<h3 class="text-dark">Latest Instagram Posts</h3>
<!--end::Title-->
<!--begin::Link-->
<a href="#" class="fs-6 fw-bold link-primary">View Instagram</a>
<!--end::Link-->
</div>
<!--end::Content-->
<!--begin::Separator-->
<div class="separator separator-dashed border-gray-300 mb-9 mt-5"></div>
<!--end::Separator-->
</div>
<!--end::Section-->
<!--begin::Row-->
<div class="row g-10 row-cols-2 row-cols-lg-5">
<!--begin::Col-->
<div class="col">
<!--begin::Overlay-->
<a class="d-block overlay" data-fslightbox="lightbox-hot-sales" href="assets/media/stock/900x600/16.jpg">
<!--begin::Image-->
<div class="overlay-wrapper bgi-no-repeat bgi-position-center bgi-size-cover card-rounded min-h-175px" style="background-image:url('assets/media/stock/900x600/16.jpg')"></div>
<!--end::Image-->
<!--begin::Action-->
<div class="overlay-layer card-rounded bg-dark bg-opacity-25">
<i class="bi bi-eye-fill fs-2x text-white"></i>
</div>
<!--end::Action-->
</a>
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="col">
<!--begin::Overlay-->
<a class="d-block overlay" data-fslightbox="lightbox-hot-sales" href="assets/media/stock/900x600/13.jpg">
<!--begin::Image-->
<div class="overlay-wrapper bgi-no-repeat bgi-position-center bgi-size-cover card-rounded min-h-175px" style="background-image:url('assets/media/stock/900x600/13.jpg')"></div>
<!--end::Image-->
<!--begin::Action-->
<div class="overlay-layer card-rounded bg-dark bg-opacity-25">
<i class="bi bi-eye-fill fs-2x text-white"></i>
</div>
<!--end::Action-->
</a>
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="col">
<!--begin::Overlay-->
<a class="d-block overlay" data-fslightbox="lightbox-hot-sales" href="assets/media/stock/900x600/19.jpg">
<!--begin::Image-->
<div class="overlay-wrapper bgi-no-repeat bgi-position-center bgi-size-cover card-rounded min-h-175px" style="background-image:url('assets/media/stock/900x600/19.jpg')"></div>
<!--end::Image-->
<!--begin::Action-->
<div class="overlay-layer card-rounded bg-dark bg-opacity-25">
<i class="bi bi-eye-fill fs-2x text-white"></i>
</div>
<!--end::Action-->
</a>
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="col">
<!--begin::Overlay-->
<a class="d-block overlay" data-fslightbox="lightbox-hot-sales" href="assets/media/stock/900x600/15.jpg">
<!--begin::Image-->
<div class="overlay-wrapper bgi-no-repeat bgi-position-center bgi-size-cover card-rounded min-h-175px" style="background-image:url('assets/media/stock/900x600/15.jpg')"></div>
<!--end::Image-->
<!--begin::Action-->
<div class="overlay-layer card-rounded bg-dark bg-opacity-25">
<i class="bi bi-eye-fill fs-2x text-white"></i>
</div>
<!--end::Action-->
</a>
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="col">
<!--begin::Overlay-->
<a class="d-block overlay" data-fslightbox="lightbox-hot-sales" href="assets/media/stock/900x600/12.jpg">
<!--begin::Image-->
<div class="overlay-wrapper bgi-no-repeat bgi-position-center bgi-size-cover card-rounded min-h-175px" style="background-image:url('assets/media/stock/900x600/12.jpg')"></div>
<!--end::Image-->
<!--begin::Action-->
<div class="overlay-layer card-rounded bg-dark bg-opacity-25">
<i class="bi bi-eye-fill fs-2x text-white"></i>
</div>
<!--end::Action-->
</a>
</div>
<!--end::Col-->
</div>
<!--begin::Row-->
</div>
<!--end::latest instagram-->
</div>
<!--end::Body-->
</div>
<!--end::Home card-->
</div>
<!--end::Container-->
</div>
<!--end::Post-->
</div>
<!--end::Content-->
<?= $this->endSection() ?>