<section class="section border-0 pt-4 pb-3 m-0">
<div class="container">
<div class="row align-items-end pb-3 mb-5 mb-lg-4">
<div class="col-lg-7 col-xl-8 mb-4 mb-lg-0">
<div class="d-flex align-items-center mb-2">
<span class="custom-line appear-animation animated customLineAnimation appear-animation-visible" data-appear-animation="customLineAnimation" appear-animation-duration="1s" style="animation-delay: 100ms;"></span>
<div class="overflow-hidden ms-3">
<h2 class="text-color-primary font-weight-semibold line-height-3 text-4 mb-0 appear-animation animated maskRight appear-animation-visible" data-appear-animation="maskRight" data-appear-animation-delay="1000" style="animation-delay: 1000ms;">RECENT WORK</h2>
</div>
</div>
<h3 class="text-color-secondary font-weight-bold text-transform-none text-8 mb-3 pb-1 appear-animation animated fadeInUpShorter appear-animation-visible" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1200" style="animation-delay: 1200ms;">Our Portfolio</h3>
<p class="mb-0 appear-animation animated fadeInUpShorter appear-animation-visible" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1400" style="animation-delay: 1400ms;">Cras a elit sit amet leo accumsan volutpat. Suspendisse
hendrerit vehicula leo, vel efficitur felis ultrices non. Integer aliquet ullamcorper dolor,
quis sollicitudin. Integer aliquet ullamcorper dolor, quis sollicitudin.</p>
</div>
<div class="col-lg-5 col-xl-4">
<div class="d-flex justify-content-lg-end">
<a href="/-portfolio.html" class="btn btn-primary btn-modern font-weight-bold text-3 btn-px-4 py-3 appear-animation animated fadeInLeftShorter appear-animation-visible" data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="1800" style="animation-delay: 1800ms;">VIEW ALL PORTFOLIO</a>
<a href="{{ route('demo.business.booking_request.create') }}" class="btn btn-secondary btn-modern font-weight-bold text-3 btn-px-4 py-3 ms-4 appear-animation animated fadeInLeftShorter appear-animation-visible" data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="1600" style="animation-delay: 1600ms;">BOOK NOW</a>
</div>
</div>
</div>
<div class="row appear-animation animated fadeInUpShorter appear-animation-visible" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="2000" style="animation-delay: 2000ms;">
<div class="col">
<div class="owl-carousel nav-outside nav-arrows-1 custom-carousel-box-shadow-1 appear-animation owl-theme owl-carousel-init fadeInUpShorter appear-animation-visible owl-loaded owl-drag" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="750" data-plugin-options="{'responsive': {'0': {'items': 1}, '479': {'items': 1}, '768': {'items': 2}, '979': {'items': 2}, '1199': {'items': 2}}, 'autoplay': false, 'autoplayTimeout': 5000, 'autoplayHoverPause': true, 'dots': false, 'nav': true, 'loop': false, 'margin': 20, 'stagePadding': '75'}" style="height: auto; animation-delay: 750ms;">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s; width: 2392px;">
<div class="owl-item active" style="width: 578px; margin-right: 20px;">
<div>
<a href="/-portfolio-detail.html" class="text-decoration-none">
<div class="thumb-info thumb-info-no-borders thumb-info-no-borders-rounded thumb-info-centered-icons thumb-info-hide-wrapper-bg">
<div class="thumb-info-wrapper overlay overlay-color-secondary">
<img src="{{ asset('public/modules/theme-business/images/common/portfolio-1.jpg') }}" class="img-fluid" alt="">
<div class="thumb-info-action text-center flex-column">
<h4 class="text-color-light font-weight-bold text-6 mb-1">
Building</h4>
<span class="d-block text-color-light font-weight-light">Post
Construction</span>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="owl-item active" style="width: 578px; margin-right: 20px;">
<div>
<a href="/-portfolio-detail.html" class="text-decoration-none">
<div class="thumb-info thumb-info-no-borders thumb-info-no-borders-rounded thumb-info-centered-icons thumb-info-hide-wrapper-bg">
<div class="thumb-info-wrapper overlay overlay-color-secondary">
<img src="{{ asset('public/modules/theme-business/images/common/portfolio-2.jpg') }}" class="img-fluid" alt="">
<div class="thumb-info-action text-center flex-column">
<h4 class="text-color-light font-weight-bold text-6 mb-1">Office
</h4>
<span class="d-block text-color-light font-weight-light">Cleaning
Office</span>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="owl-item" style="width: 578px; margin-right: 20px;">
<div>
<a href="/-portfolio-detail.html" class="text-decoration-none">
<div class="thumb-info thumb-info-no-borders thumb-info-no-borders-rounded thumb-info-centered-icons thumb-info-hide-wrapper-bg">
<div class="thumb-info-wrapper overlay overlay-color-secondary">
<img src="{{ asset('public/modules/theme-business/images/common/portfolio-3.jpg') }}" class="img-fluid" alt="">
<div class="thumb-info-action text-center flex-column">
<h4 class="text-color-light font-weight-bold text-6 mb-1">
Enterprise</h4>
<span class="d-block text-color-light font-weight-light">Building
Services</span>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="owl-item" style="width: 578px; margin-right: 20px;">
<div>
<a href="/-portfolio-detail.html" class="text-decoration-none">
<div class="thumb-info thumb-info-no-borders thumb-info-no-borders-rounded thumb-info-centered-icons thumb-info-hide-wrapper-bg">
<div class="thumb-info-wrapper overlay overlay-color-secondary">
<img src="{{ asset('public/modules/theme-business/images/common/portfolio-4.jpg') }}" class="img-fluid" alt="">
<div class="thumb-info-action text-center flex-column">
<h4 class="text-color-light font-weight-bold text-6 mb-1"> Home
</h4>
<span class="d-block text-color-light font-weight-light">Cleaning
Services</span>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="owl-nav"><button type="button" role="presentation" class="owl-prev disabled"></button><button type="button" role="presentation" class="owl-next"></button></div>
<div class="owl-dots disabled"></div>
</div>
</div>
</div>
</div>
</section>
|
Download
