@extends('app')
@section('title-page', 'Intervenants')
@section('content')

    <section>
        <div class="lgx-banner lgx-banner-inner">
            <div class="lgx-page-inner">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="lgx-heading-area">
                                <div class="lgx-heading lgx-heading-white">

                                </div>

                            </div>
                        </div>
                    </div><!--//.ROW-->
                </div><!-- //.CONTAINER -->
            </div><!-- //.INNER -->
        </div>
        <div class="akwaba-overPage"> Akwaba</div>
    </section> <!--//.Banner Inner-->

    {{-- <x-marqueeText /> --}}
    @include('components/marquee-text')

    <style>
        .profile-card {
            background: white;
            border-radius: 10px;
            padding: 20px;
            width: 250px;
            text-align: center;
            display: block;
            margin: 0 auto;
            align-items: center;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .profile-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
        }

        .profile-card img {
            width: 200px;
            height: 200px;
            border-radius: 50%;
            object-fit: cover;
            margin-bottom: 10px;
        }

        .social-icons {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-bottom: 15px;
        }

        .profile-card h3 {
            font-size: 20px;
            margin-bottom: 5px;
            color: #333;
        }

        .profile-card p {
            font-size: 14px;
            color: #666;
        }
    </style>


    <section style="margin-top: 17px;margin-bottom: 17px;">


        <div class="lgx-heading lgx-heading-white title" style="margin-top: 40px">
            <div style="display:flex;justify-content:center; flex-direction:column;width:100%">
                <h1 class="text-black title-text">LES INTERVENANTS</h1>
                <h2 style="margin-top: -45px">Les intervenants</h2>
            </div>

        </div>

        {{-- <div style="margin-top:30px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap">

            <div class="profile-card">
                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRiyooZX4MDkX1Xb1zNP77Wtmn37C4fAy7Mvg&s"
                    alt="Olagnika">


                <div style="color:orange">VICE-PRESIDENT -Zone 1</div>
                <div style="color:green;font-weight:bold">Me Alassane SANGARE</div>

            </div>



            <div class="profile-card">
                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTcOxDXQmnW302uh8zzhX5WoeAYxV-i-mKYzByxjqLS8rj3ZHUz-h-4fDKXJagsA3n1Erc&usqp=CAU"
                    alt="Olagnika">


                <div style="color:orange">VICE-PRESIDENT -Zone 2</div>
                <div style="color:green;font-weight:bold">Me Alioune KA</div>

            </div>


            <div class="profile-card">
                <img src="https://i.ytimg.com/vi/bXWdNJoXWCQ/hq720.jpg?sqp=-oaymwE7CK4FEIIDSFryq4qpAy0IARUAAAAAGAElAADIQj0AgKJD8AEB-AHUBoAC4AOKAgwIABABGGUgZShlMA8=&rs=AOn4CLD1nsTJwTU7EXBUsbx4kUhEJON3qA"
                    alt="Olagnika">


                <div style="color:orange">VICE-PRESIDENT -Zone 3</div>
                <div style="color:green;font-weight:bold">Me Germain DJOMIA</div>

            </div>

            <div class="profile-card">
                <img src="https://www.village-justice.com/articles/local/cache-gd2/00/b6389cfd49e056bf470340cf2f8778.jpg?1678284158"
                    alt="Olagnika">


                <div style="color:orange">VICE-PRESIDENT -Zone 4</div>
                <div style="color:green;font-weight:bold">Me Linda BENALI</div>

            </div>

        </div> --}}
    </section>
@endsection