@extends('frontend.layouts.app')
@section('content')
<style type="text/css">
	.Litheader {
		color: #18AA38;
		font-family: 'Roboto Condensed' ,Arial, sans-serif;
		font-weight: bold;
		font-size: 28px;
		border-bottom: 2px solid #2C6700;
		margin-bottom: 10px;
		letter-spacing: 1px;
	}
</style>
<div class="Litheader">
	Founder Members
</div>
<div>
	<table class="table table-bordered">
		<thead style="background: #18AA38; color: white">
			<tr class="text-center">
				<th>Serial</th>
				<th>Name of the Founder Member</th>
				<th>Photo</th>
			</tr>
		</thead>
		<tbody>
			@foreach ($members as $element)
			<tr>
				<td>{{ $loop->iteration }}</td>
				<td>{{ $element->name.', '.$element->designation }}</td>
				<td>
					<img src="{{asset('/'.$element->image_path)}}" width="100px">
				</td>
			</tr>
			@endforeach
		</tbody>
	</table>
</div>
@endsection