@extends('front.app')
@section('content')
<section class="hero-wrap hero-wrap-2" style="background-image: url('images/teacher-bg.jpg');">
	<div class="overlay"></div>
	<div class="container">
		<div class="row no-gutters slider-text align-items-center justify-content-center">
			<div class="col-md-9 ftco-animate text-center">
				<h1 class="mb-2 bread">@lang('Our Staff')</h1>
				<p class="breadcrumbs"><span class="mr-2"><a href="{{ url('/')}}">@lang('common.home') <i
								class="ion-ios-arrow-forward"></i></a></span> <span> @lang('common.staff') <i
							class="ion-ios-arrow-forward"></i></span></p>
			</div>
		</div>
	</div>
</section>

<section class="ftco-section ftco-no-pb">
	<div class="container">
		@foreach($features as $index => $feature)
		<div class="d-flex flex-column">
			<div class="text-center heading-section ftco-animate d-lex justify-content-center">
				<h2 class="text-center">{{ __($feature->title) }}</h2>
			</div>
			<div class="row justify-content-center">
				@foreach($staffs as $index => $staff)
				@if($staff->feature_id == $feature->id)
				<div class="col-md-6 col-lg-3 ftco-animate">
					<div class="staff">
						<div class="img-wrap d-flex align-items-stretch">
							@if(@isset($staff->image) && !@empty($staff->image))
							<div class="img align-self-stretch" style="background-image: url('{{getImage($staff)}}');">
							</div>
							@endif
							<div class="card-img-overlay card-image-description">
								<div>
									<p class="faced">{{$staff->description}}</p>
								</div>
								<ul class="ftco-social text-center">
									@foreach ($staff->follows()->get() as $follow)
									<li class="ftco-animate"><a href="#" class="icon-follow"><span
												class="icon-{{$follow->title}}"></span></a></li>
									@endforeach
								</ul>
							</div>
						</div>
						<div class="text pt-3 text-center">
							<h3>{{ $staff->lastName }} {{ $staff->firstName }}</h3>
							<span class="position mb-2">{{$staff->position}}</span>
						</div>
					</div>
				</div>
				@endif
				@endforeach
			</div>
		</div>
		@endforeach
	</div>
</section>
@endsection

Website Feedback Form

Please fill out the form below to send us your feedback.

Contact Support