@extends("layouts.master")
@section("title", "Founder Members")
@section("content")
    <div class="breadcrumb-wrapper bg-cover" style="background-image: url('assets/img/inner/breadcrumb.jpg');">
        <div class="container">
            <div class="page-heading">
                <div class="breadcrumb-sub-title">
                    <h1 class="wow fadeInUp" data-wow-delay=".3s">Founder Members</h1>
                </div>
                <ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s">
                    <li>
                        <a href="index.html">
                            Home
                        </a>
                    </li>
                    <li>
                        <i class="fa-solid fa-chevron-right"></i>
                    </li>
                    <li>
                        Founder Members
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <style>
        .founder-members-section {
            padding: 90px 0;
            background: #f7f9fc;
        }

        .founder-members-heading {
            text-align: center;
            margin-bottom: 40px;
        }

        .founder-members-heading h6 {
            color: #FFA729;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .founder-members-heading h2 {
            color: #293565;
            font-weight: 700;
        }

        .founder-members-layout {
            display: flex;
            grid-template-columns: 1.15fr 1fr;
            gap: 28px;
        }

        .founder-members-card {
            background: #ffffff;
            border: 1px solid #e8ecf5;
            box-shadow: 0 10px 30px rgba(41, 53, 101, 0.08);
            padding: 28px;
        }

        .founder-members-card h3 {
            font-size: 24px;
            color: #293565;
            margin-bottom: 18px;
            font-weight: 700;
        }

        .founder-members-list {
            margin: 0;
            padding-left: 18px;
        }

        .founder-members-list li {
            color: #4e5975;
            margin-bottom: 9px;
            line-height: 1.55;
        }

        .founder-members-list li strong {
            color: #293565;
            font-weight: 700;
        }

        .founder-members-image {
            height: 100%;
            min-height: 390px;
            background-image: url('assets/img/home-1/team/founder-members-group.jpg');
            background-size: cover;
            background-position: center;
            border: 1px solid #e8ecf5;
            box-shadow: 0 10px 30px rgba(41, 53, 101, 0.08);
        }

        .founder-members-extra {
            margin-top: 28px;
        }

        .founder-members-extra-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 20px;
        }

        @media (max-width: 991px) {
            .founder-members-layout {
                grid-template-columns: 1fr;
            }

            .founder-members-image {
                min-height: 300px;
            }

            .founder-members-extra-grid {
                grid-template-columns: 1fr;
            }
        }
    </style>

    <section class="founder-members-section">
        <div class="container">
            <div class="founder-members-heading">
                <h6 class="wow fadeInUp">Our Leadership Legacy</h6>
                <h2 class="wow fadeInUp" data-wow-delay=".2s">Founder Members</h2>
            </div>

            <div class="founder-members-layout">
                <div class="col-lg-12" style="display: flex; justify-content: center;">
                    <div class="founder-members-image wow fadeInUp" data-wow-delay=".3s"
                        style="background-image: url('{{ asset("assets/img/home-1/team/founder-pc.jpg") }}'); width: 100%; max-width: 1100px;">
                    </div>
                </div>
            </div>

            <row class="row" style="margin-top: 20px;">
                <div class="col-lg-6">

                    <div class="founder-members-card wow fadeInUp" data-wow-delay=".2s">
                        <h3>Founder Office Bearers & Management</h3>
                        <ul class="founder-members-list">
                            <li>Desamanya Prof. M.T.A. Furkhan FCIS, <strong>Founder President</strong></li>
                            <li>Bentley Barsenbach FCIS, <strong>Founder Vice President</strong></li>
                            <li>Mary Chrisalda Jeyanathan FCIS, <strong>Founder Secretary</strong></li>
                            <li>Chandanie Weragala ACIS, <strong>Founder Assistant Secretary</strong></li>
                            <li>Nelumani Withana FCIS, <strong>Founder Treasurer</strong></li>
                            <li>Malkanthi Perera FCIS, <strong>Founder Assistant Treasurer</strong></li>
                            <li>B.K.D.S. Samarasinghe ACIS, <strong>Founder Board of Management Member</strong></li>
                            <li>Kishan Kuruppu ACIS, <strong>Founder Board of Management Member</strong></li>
                            <li>S. Sudarshan ACIS, <strong>Founder Board of Management Member</strong></li>
                            <li>Savithri Rodrigo FCIS, <strong>Founder Board of Management Member</strong></li>
                            <li>Kalanie Abhayapala Silva ACIS, <strong>Founder Board of Management Member</strong></li>
                            <li>Chrishanthi Emmanuel FCIS, <strong>Founder Board of Management Member</strong></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-6">

                    <div class="founder-members-extra founder-members-card wow fadeInUp" data-wow-delay=".4s">
                        <h3>Additional Founder Members</h3>
                        <div class="founder-members-extra-grid">
                            <ul class="founder-members-list">
                                <li>Keshini D. de Silva FCIS</li>
                                <li>M. Helen C. de Silva</li>
                                <li>Sakina Yousuf Galely</li>
                                <li>Savithri M. Gunasekera FCIS</li>
                                <li>Shanthini Dilhara Gunawardena Grad ICSA</li>
                                <li>Chandani Gunawardena FCIS</li>
                                <li>Logini Kumaresan FCIS</li>
                                <li>Helani Mathupala</li>
                                <li>Chelvathy Muthukrishna</li>
                            </ul>
                            <ul class="founder-members-list">
                                <li>Uditha H. Palihakkara</li>
                                <li>D. Lalith F. Pedris FCIS</li>
                                <li>Amali W.M. Munasinghe Peiris</li>
                                <li>Anoja Perera ACIS</li>
                                <li>M.A. Shanthi R. Perera ACIS</li>
                                <li>Priyangani Ratnasekera</li>
                                <li>Ramola R. Sivasundaram</li>
                                <li>Ajith E. Tudawe</li>
                                <li>C.S.I. Witana</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </row>
        </div>
    </section>

@endsection