@extends('layouts.app')
@section('content')
    <div>
        <div
            class="relative h-[60vh] w-full bg-cover bg-center text-white"
            style="background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('{{ asset('img/cd.jpg') }}');"
        >
            <div class="flex items-center justify-center h-full text-center p-4">
                <div>
                    <h1 class="text-4xl font-semibold mb-2">Le comité directeur</h1>
                </div>
            </div>
        </div>
        <section class="section">
            <div class="container">
                <div class="flex flex-col">
                    <div class="flex flex-row items-center justify-center">
                        <img src="{{ asset('img/cd/19.png') }}" class="w-48">
                    </div>
                    <div class="flex flex-row items-center justify-center">
                        <img src="{{ asset('img/cd/20.png') }}" class="w-48">
                        <img src="{{ asset('img/cd/21.png') }}" class="w-48">
                        <img src="{{ asset('img/cd/22.png') }}" class="w-48">
                        <img src="{{ asset('img/cd/23.png') }}" class="w-48">
                    </div>
                    <div class="flex flex-row items-center justify-center">
                        <img src="{{ asset('img/cd/24.png') }}" class="w-48">
                        <img src="{{ asset('img/cd/25.png') }}" class="w-48">
                        <img src="{{ asset('img/cd/26.png') }}" class="w-48">
                        <img src="{{ asset('img/cd/27.png') }}" class="w-48">
                    </div>
                    <div class="flex flex-row items-center justify-center">
                        <img src="{{ asset('img/cd/28.png') }}" class="w-48">
                        <img src="{{ asset('img/cd/29.png') }}" class="w-48">
                        <img src="{{ asset('img/cd/30.png') }}" class="w-48">
                        <img src="{{ asset('img/cd/31.png') }}" class="w-48">
                    </div>
                    <div class="flex flex-row items-center justify-center">
                        <img src="{{ asset('img/cd/32.png') }}" class="w-48">
                    </div>

                </div>
            </div>
        </section>
    </div>
@endsection