Olu Amey
109 lines
5.8 KiB
PHP
109 lines
5.8 KiB
PHP
<?= $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::Post card-->
|
||
<div class="card">
|
||
<!--begin::Body-->
|
||
<div class="card-body p-lg-20 pb-lg-0">
|
||
<!--begin::Layout-->
|
||
<div class="d-flex flex-column flex-xl-row">
|
||
<!--begin::Content-->
|
||
<div class="flex-lg-row-fluid me-xl-15">
|
||
<!--begin::Post content-->
|
||
<div class="mb-17">
|
||
<!--begin::Wrapper-->
|
||
<div class="mb-8">
|
||
|
||
<!--begin::Title-->
|
||
<a href="#" class="text-dark text-hover-primary fs-2 fw-bolder">Ionic-5-Sign-up-and-login-Speed-UI-Design
|
||
<span class="fw-bolder text-muted fs-5 ps-1">.</span></a>
|
||
<!--end::Title-->
|
||
<!--begin::Container-->
|
||
<div class="overlay mt-8">
|
||
<div class="embed-responsive embed-responsive-16by9">
|
||
<iframe class="bgi-no-repeat bgi-position-center bgi-size-cover card-rounded min-h-550px" style="width: 100%; height: auto;" src="/vmedia/Ionic-5-Sign-up-and-login-Speed-UI-Design.mp4" allowfullscreen></iframe>
|
||
</div>
|
||
|
||
<!--begin::Image-->
|
||
<!-- div class="bgi-no-repeat bgi-position-center bgi-size-cover card-rounded min-h-350px" style="background-image:url('assets/media/stock/2000x800/1.jpg')"></div-->
|
||
<!--end::Image-->
|
||
|
||
</div>
|
||
<!--end::Container-->
|
||
</div>
|
||
<!--end::Wrapper-->
|
||
<!--begin::Description-->
|
||
<div class="fs-5 fw-bold text-gray-600">
|
||
<!--begin::Text-->
|
||
<p class="mb-8">First, a disclaimeblog post, but it’s important to spend those vital hours planning your post and even thinking about
|
||
.</p>
|
||
<!--end::Text-->
|
||
|
||
</div>
|
||
<!--end::Description-->
|
||
|
||
<!--begin::Icons-->
|
||
<div class="d-flex flex-center">
|
||
<!--begin::Icon-->
|
||
<a href="#" class="mx-4">
|
||
<img src="assets/media/svg/brand-logos/facebook-4.svg" class="h-20px my-2" alt="" />
|
||
</a>
|
||
<!--end::Icon-->
|
||
<!--begin::Icon-->
|
||
<a href="#" class="mx-4">
|
||
<img src="assets/media/svg/brand-logos/instagram-2-1.svg" class="h-20px my-2" alt="" />
|
||
</a>
|
||
<!--end::Icon-->
|
||
<!--begin::Icon-->
|
||
<a href="#" class="mx-4">
|
||
<img src="assets/media/svg/brand-logos/github.svg" class="h-20px my-2" alt="" />
|
||
</a>
|
||
<!--end::Icon-->
|
||
<!--begin::Icon-->
|
||
<a href="#" class="mx-4">
|
||
<img src="assets/media/svg/brand-logos/behance.svg" class="h-20px my-2" alt="" />
|
||
</a>
|
||
<!--end::Icon-->
|
||
<!--begin::Icon-->
|
||
<a href="#" class="mx-4">
|
||
<img src="assets/media/svg/brand-logos/pinterest-p.svg" class="h-20px my-2" alt="" />
|
||
</a>
|
||
<!--end::Icon-->
|
||
<!--begin::Icon-->
|
||
<a href="#" class="mx-4">
|
||
<img src="assets/media/svg/brand-logos/twitter.svg" class="h-20px my-2" alt="" />
|
||
</a>
|
||
<!--end::Icon-->
|
||
<!--begin::Icon-->
|
||
<a href="#" class="mx-4">
|
||
<img src="assets/media/svg/brand-logos/dribbble-icon-1.svg" class="h-20px my-2" alt="" />
|
||
</a>
|
||
<!--end::Icon-->
|
||
</div>
|
||
<!--end::Icons-->
|
||
</div>
|
||
<!--end::Post content-->
|
||
</div>
|
||
<!--end::Content-->
|
||
|
||
</div>
|
||
<!--end::Layout-->
|
||
|
||
|
||
</div>
|
||
<!--end::Body-->
|
||
</div>
|
||
<!--end::Post card-->
|
||
</div>
|
||
<!--end::Container-->
|
||
</div>
|
||
<!--end::Post-->
|
||
</div>
|
||
<!--end::Content-->
|
||
<?= $this->endSection() ?>
|