@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/teambig.jpg" alt=""></div>
		<div class="container text-center">
			<h1>ALL MEMBERS</h1>
			
		</div>
	</div>
	<!-- Page Title / End -->
	

<!-- Content -->
	<div id="content">

	 	<div class="masonry row no-padding bg-black">

			<div class="masonry-sizer col-md-3 col-sm-6 col-xs-12"></div>
		
			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/Seeiso.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Seeiso Mokoena</h5>
							<span class="text-muted">CEO / Founder</span>
						</a>
					</div>
				</div>
			</div>

			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/lekhoetsa.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Lekhoetsa Mokoena</h5>
							<span class="text-muted">  Director/ Founder</span>
						</a>
					</div>
				</div>
			</div>

			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/tpmokoena.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">TP Mokoena</h5>
							<span class="text-muted">Director / Founder</span>
						</a>
					</div>
				</div>
			</div>

			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						
                       <img src="assets/img/members/TreveorSimons.jpg" alt="">

					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0"> Trevor Simons</h5>
							<span class="text-muted">HOD:Estimating </span>
						</a>
					</div>
				</div>
			</div>

			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/Suzy.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Suzy Oliveira</h5>
							<span class="text-muted">HOD:Human Resources</span>
						</a>
					</div>
				</div>
			</div>

		

			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/joseph.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Joseph Sehona</h5>
							<span class="text-muted">HOD: New Business</span>
						</a>
					</div>
				</div>
			</div>

			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/khosiManyika.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Khosi Manykia</h5>
							<span class="text-muted">HOD: Finance</span>
						</a>
					</div>
				</div>
			</div>

			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/zukiswa.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Zukiswa Mvoko</h5>
							<span class="text-muted">HOD:Assurance&amp;Operations</span>
						</a>
					</div>
				</div>
			</div>

		

			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/hlamalani.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Hlamalani Mageza</h5>
							<span class="text-muted">Estimating  QS</span>
						</a>
					</div>
				</div>
			</div>

			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/yonela.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Yonela Buyeye</h5>
							<span class="text-muted">Estimating QS</span>
						</a>
					</div>
				</div>
			</div>

			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/hlolofelo.png" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Hlologelo Seremula</h5>
							<span class="text-muted">Estimating :QS</span>
						</a>
					</div>
				</div>
			</div>

			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/Nardus.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Nardus</h5>
							<span class="text-muted">Project Manager</span>
						</a>
					</div>
				</div>
			</div>

			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/mmako.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Mmako  Musena</h5>
							<span class="text-muted">Estimating QS</span>
						</a>
					</div>
				</div>
			</div>

			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/Suzy.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Suzy Oliveira</h5>
							<span class="text-muted">: Human Resources</span>
						</a>
					</div>
				</div>
			</div>

			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/member05_h.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Hlamalani Mageza</h5>
							<span class="text-muted">Estimating</span>
						</a>
					</div>
				</div>
			</div>

			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/member05_h.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Yonela Buyeye</h5>
							<span class="text-muted">Estimating QS</span>
						</a>
					</div>
				</div>
			</div>

			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/member05_h.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Buhle Mthombeni</h5>
							<span class="text-muted"></span>
						</a>
					</div>
				</div>
			</div>

<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/member05_h.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Masixole Feleza</h5>
							<span class="text-muted">Financial Administrator</span>
						</a>
					</div>
				</div>
			</div>
            <div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/member05_h.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Lauren Jacobs</h5>
							<span class="text-muted">Financial  Supervisor</span>
						</a>
					</div>
				</div>
			</div>
            <div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/member05_h.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Phumla Hlophe </h5>
							<span class="text-muted">PA to the CEO</span>
						</a>
					</div>
				</div>
			</div>
            <div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/member05_h.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Darrel</h5>
							<span class="text-muted">HOD: Assurance &amp; Operations</span>
						</a>
					</div>
				</div>
			</div>
            <div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/member05_h.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Lungisa Gwatyuza </h5>
							<span class="text-muted">HOD: Assurance &amp; Operations</span>
						</a>
					</div>
				</div>
			</div>

		</div>

		</div>
	
	<!-- Content / End -->



	<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')