| 
@extends('themebusiness::frontend.layouts.master')
 @section('title')
 Home | {{ config('app.name') }}
 @endsection
 
 @section('main-content')
 
 <div role="main" class="main">
 <section class="page-header page-header-modern page-header-lg bg-tertiary border-0 my-0">
 <div class="container my-3">
 <div class="row">
 <div class="col-md-12 align-self-center p-static order-2 text-center">
 <h1 class="font-weight-bold text-10">About</h1>
 </div>
 <div class="col-md-12 align-self-center order-1">
 <ul class="breadcrumb breadcrumb-light d-block text-center">
 <li>
 <a href="">Home</a>
 </li>
 <li class="active">About</li>
 </ul>
 </div>
 </div>
 </div>
 </section>
 @include('themebusiness::frontend.pages.partials.home-about')
 <div class="container pb-2 mb-5">
 <div class="row justify-content-center pb-2 mb-3">
 <div class="col-md-9 col-lg-12 text-center">
 <h2 class="text-color-secondary font-weight-bold line-height-6 mb-3 appear-animation animated fadeInUpShorter appear-animation-visible" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="200" style="animation-delay: 200ms;">Our History</h2>
 <p class="custom-font-secondary text-4 mb-3 appear-animation animated fadeInUpShorter appear-animation-visible" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="400" style="animation-delay: 400ms;">Cras a elit sit amet leo accumsan volutpat. Suspendisse hendrerit vehicula leo, vel efficitur felis ultri.</p>
 </div>
 </div>
 <div class="row appear-animation animated fadeInUpShorter appear-animation-visible" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600" style="animation-delay: 600ms;">
 <div class="col">
 <div class="owl-carousel nav-outside nav-arrows-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': 3}, '1199': {'items': 3}}, '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: 1595px;">
 <div class="owl-item active" style="width: 378.667px; margin-right: 20px;">
 <div>
 <div class="card custom-card-style-1 custom-card-style-1-variation">
 <div class="card-body text-center bg-color-light-scale-1 py-5">
 <h4 class="text-color-secondary font-weight-bold line-height-1 text-8 mb-2">2010</h4>
 <p class="custom-font-secondary text-4 mb-4">Foundation</p>
 <p class="mb-0">Cras a elit sit amet leo accumsan volutpat. Suspendisse hendrerit vehicula leo, vel efficitur felis ultrices non. Integer aliquet ullamcorper dolor, quis sollicitudin.</p>
 </div>
 </div>
 </div>
 </div>
 <div class="owl-item active" style="width: 378.667px; margin-right: 20px;">
 <div>
 <div class="card custom-card-style-1 custom-card-style-1-variation">
 <div class="card-body text-center bg-color-light-scale-1 py-5">
 <h4 class="text-color-secondary font-weight-bold line-height-1 text-8 mb-2">2012</h4>
 <p class="custom-font-secondary text-4 mb-4">30+ Employes</p>
 <p class="mb-0">Cras a elit sit amet leo accumsan volutpat. Suspendisse hendrerit vehicula leo, vel efficitur felis ultrices non. Integer aliquet ullamcorper dolor, quis sollicitudin.</p>
 </div>
 </div>
 </div>
 </div>
 <div class="owl-item active" style="width: 378.667px; margin-right: 20px;">
 <div>
 <div class="card custom-card-style-1 custom-card-style-1-variation">
 <div class="card-body text-center bg-color-light-scale-1 py-5">
 <h4 class="text-color-secondary font-weight-bold line-height-1 text-8 mb-2">2018</h4>
 <p class="custom-font-secondary text-4 mb-4">New Office</p>
 <p class="mb-0">Cras a elit sit amet leo accumsan volutpat. Suspendisse hendrerit vehicula leo, vel efficitur felis ultrices non. Integer aliquet ullamcorper dolor, quis sollicitudin.</p>
 </div>
 </div>
 </div>
 </div>
 <div class="owl-item" style="width: 378.667px; margin-right: 20px;">
 <div>
 <div class="card custom-card-style-1 custom-card-style-1-variation">
 <div class="card-body text-center bg-color-light-scale-1 py-5">
 <h4 class="text-color-secondary font-weight-bold line-height-1 text-8 mb-2">2020</h4>
 <p class="custom-font-secondary text-4 mb-4">100+ Employes</p>
 <p class="mb-0">Cras a elit sit amet leo accumsan volutpat. Suspendisse hendrerit vehicula leo, vel efficitur felis ultrices non. Integer aliquet ullamcorper dolor, quis sollicitudin.</p>
 </div>
 </div>
 </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>
 @include('themebusiness::frontend.pages.partials.our-team')
 @include('themebusiness::frontend.pages.partials.booking')
 </div>
 
 @endsection
 
 |