@extends('front.layouts.main')

@section('title'){{ @trans('seo.mission_vision_title') }}@endsection

@section('description'){{ @trans('seo.mission_vision_desc') }}@endsection

@section('content')
<main class="about-page pt-0 bg-white">
	<section class="about-baner section">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 text-center">
					<h1 class="xl-font-size bold wow fadeInUp">We are a team of like-minded individuals with an affinity for people</h1>
					<p class="tagline m-0 gray wow fadeInDown">Empower is a dynamic Human Capital Consultancy firm specialising in recruitment & outsourced services, learning, personal development, employee engagement, strategic insight and youth impact projects.</p>
				</div>
			</div>
		</div>
		<div class="messonary-grid w-100">
			<img src="{{asset('img/abt-1.png')}}" alt="" class="d-block">
			<img src="{{asset('img/abt-2.png')}}" alt="" class="d-block">
			<img src="{{asset('img/abt-3.png')}}" alt="" class="d-block">
			<img src="{{asset('img/abt-4.png')}}" alt="" class="d-block">
			<img src="{{asset('img/abt-5.png')}}" alt="" class="d-block">
			<img src="{{asset('img/abt-6.png')}}" alt="" class="d-block">
			<img src="{{asset('img/abt-7.png')}}" alt="" class="d-block">
			<img src="{{asset('img/abt-8.png')}}" alt="" class="d-block">
			<img src="{{asset('img/abt-9.png')}}" alt="" class="d-block">
			<img src="{{asset('img/abt-10.png')}}" alt="" class="d-block">
		</div>
	</section>

	<section class="section about-sec">
		<div class="container">
			<div class="row text-center">
				<div class="col-md-5 offset-md-1">
					<img src="{{asset('img/about_mission.svg')}}" class="mission-vision mb-3" alt="">
					<h2 class="wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">Mission</h2>
					<p class="tagline gray wow fadeInDown" style="visibility: visible; animation-name: fadeInDown;">To inspire positive change and growth by nurturing meaningful and long-lasting connections that empower people and organisations to flourish</p>
				</div>
				<div class="col-md-5">
					<img src="{{asset('img/about_vision.svg')}}" class="mission-vision mb-3" alt="">
					<h2 class="wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">Vision</h2>
					<p class="tagline gray wow fadeInDown" style="visibility: visible; animation-name: fadeInDown;">To be the most dependable and trusted business partner and advisory service; setting the standard for service excellence whilst passionately adding value and uniting people in success.</p>
				</div>
			</div>
			<div class="row mt-5 text-center">
				<div class="col-md-8 offset-md-2">
					<h2 class="wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">Values</h2>
					<hr>
					<div class="row">

						<div class="col-md-4">
							<img src="{{asset('img/about_excellence.svg')}}" class="mission-vision mb-3 mt-3" alt="">
							<h3 class="wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">Service Excellence</h3>
							<p class=" gray wow fadeInDown" style="visibility: visible; animation-name: fadeInDown;">To always deliver our service with Speed and Precision</p>
						</div>
						<div class="col-md-4">
							<img src="{{asset('img/about_unity.svg')}}" class="mission-vision mb-3 mt-3" alt="">
							<h3 class="wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">Connection & Oneness</h3>
							<p class=" gray wow fadeInDown" style="visibility: visible; animation-name: fadeInDown;">We value meaningful and long-lasting connections with our community</p>
						</div>
						<div class="col-md-4">
							<img src="{{asset('img/about_team.svg')}}" class="mission-vision mb-3 mt-3" alt="">
							<h3 class="wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">Devoted to Results</h3>
							<p class=" gray wow fadeInDown" style="visibility: visible; animation-name: fadeInDown;">Your success is our success and we always deliver</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	@include('front.modules.home.common.blog-news')
</main>
@endsection