@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
|