@extends('layouts.master')
@extends('layouts.header')
@section('aboutpage')
	<!-- Page Title -->
	<div id="page-title" class="page-title page-title-2 bg-black dark">
		<div class="bg-image"><img src="assets/img/photos/classic_title01.jpg" alt=""></div>
		<div class="container text-center">
			<h1>TEAM EXECUTIVES</h1>
			
		</div>
	</div>
	<!-- Page Title / End -->

	<section class="bg-grey pt-30">
		<div class="container">
			<div class="row mb-30">
				<!-- Member -->
				<div class="col-md-4 mb-30">
					<img src="assets/img/members/Seeiso.jpg" alt="">
					<div class="p-30 bg-white">
						<h5 class="mb-0">SEEISO MOKOENA</h5>
						<span class="text-muted">CEO / Founder</span>
						<p class="mt-20 mb-0"> </p>
					</div>
				</div>
				<!-- Member -->
				<div class="col-md-4 mb-30">
					<img src="assets/img/members/lekhoetsa.jpg" alt="">
					<div class="p-30 bg-white">
						<h5 class="mb-0">LEKHOETSA MOKOENA</h5>
						<span class="text-muted">Director</span>
						<p class="mt-20 mb-0"> </p>
					</div>
				</div>
				<!-- Member -->
				<div class="col-md-4 mb-30">
					<img src="assets/img/members/tpmokoena.jpg" alt="">
					<div class="p-30 bg-white">
						<h5 class="mb-0">T. P. MOKOENA</h5>
						<span class="text-muted">DIRECTOR</span>
						<p class="mt-20 mb-0"></p>
					</div>
				</div>
			</div>
			<div class="row text-center">
				<div class="col-lg-8 col-lg-push-2">
					<h3 class="mb-40">Would you like to join to our team? Check our current openings...</h3>
				</div>
			</div>
			<div class="row">
				<div class="col-lg-6 col-lg-push-3">
					<div class="row">
						<div class="col-sm-6"><a  href="{{ url('/careers') }}"  class="btn btn-primary btn-filled btn-block">Go to careers <i class="fa fa-arrow-right"></i></a></div>
						<div class="col-sm-6"><a href="{{ url('/contact') }}" class="btn btn-link btn-block">Contact Us</a></div>
					</div>
				</div>
			</div>
		</div>
	</section>


	<div id="content">
			<div class="carousel inner-controls" data-single-item="true" style="margin-top: 80px;">
				<img src="assets/img/service1.jpg" alt="">
				<img src="assets/img/service2.jpg" alt="">
				<img src="assets/img/service3.jpg" alt="">
				<img src="assets/img/service4.jpg" alt="">

			</div>
	</div>
@stop

@extends('layouts.footer')