@extends('frontend.layouts.app')
@section('content')
<!-- Why Team Section -->
<section class="team-section relative pad-150 pb-0">
	<div class="container">
		<div class="about-title text-center pb-2">
			<h2 class="pb-2">Our Team</h2>
		</div>
		<div class="row justify-content-center pt-2">
			@foreach($teams as $team)
			<div class="col-lg-3 col-md-3 col-12 pb-4">
				<div class="team-box">
					<a href="/team/{{$team->slug}}" class="team-box">
	                	<div class="team-block relative bg-white">
		                    <img src="/{{$team->image}}" width="100%">
		                    <div class="text-center pb-2">
		                    	<h4 class="team-name">{{$team->name}}</h4>
		                    	<span class="team-span">{{$team->designation}}</span>
		                    </div>
		                </div>
	                </a>
				</div>
            </div>
            @endforeach
        </div>
	</div>
</section>
<!-- End Why Team Section -->
@endsection