@extends('layouts.site_layout')

@section('content')

<section class="container-fluid p-0" id="topBanners" style="position:relative;">
</section>
<!-- <section class="initiatives-bg">
    <div class="container py-100">
        <div class="breadcrumbs mt-5 mb-3">
            <span>
                <a href="" class="fs-24 text-decoration-none text-white opacity-5">Home <span
                        class="px-lg-4 px-0">></span> </a>
                <a href="" class="fs-24 text-decoration-none text-white opacity-5">Members Corner <span
                        class="px-lg-4 px-0">></span> </a>
                <a href="" class="fs-24 text-decoration-none text-white">IESA Initiatives</a>
            </span>
        </div>
        <h1 class="fs-50 text-white mb-5">Explore IESA Initiatives</h1>
    </div>
</section> -->
<section class="pt-5 mt-lg-5 mt-0" id="initiatives">
    <div class="container" >
        <div id="cigCategories">
            <!-- <ul class="nav iesa-initiatives-tabs nav-pills mb-3 justify-content-center mb-5" id="pills-tab" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active text-orange bg-grey me-3 mb-3" id="pills-home-tab" data-bs-toggle="pill"
                        data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home"
                        aria-selected="true">Core Initiatives Groups
                        (CiG)</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link text-orange bg-grey" id="pills-profile-tab" data-bs-toggle="pill"
                        data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile"
                        aria-selected="false">Task Forces</button>
                </li>
            </ul> -->
        
        </div>
        <div class="tab-content" id="pills-tabContent">
            
            <!-- <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab"> -->
                <!-- <div class="row"> -->
                    <!-- <div class="col-lg-4 col-md-6 mb-4 p-4">
                        <div class="card py-4 shadow-sm br-30 h-100">
                            <div class="card-body">
                                <img src="{{asset('images/automotive-cig.png')}}" alt="Automotive CIG"
                                    class="img-fluid w-20 image-corner">
                                <h6 class="fs-26">Automotive, CiG</h6>
                            </div>
                            <div class="card-footer bg-white border-0 br-30">
                                <a href="{{url('automotive-cig')}}" class="btn bg-orange fs-18 text-white">Learn
                                    More</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-4 p-4">
                        <div class="card py-4 shadow-sm br-30 h-100">
                            <div class="card-body">
                                <img src="{{asset('images/medical-electronics.png')}}" alt="Medical Electronics"
                                    class="img-fluid w-20 image-corner">
                                <h6 class="fs-26">Medical Electronics</h6>
                            </div>
                            <div class="card-footer bg-white border-0 br-30">
                                <a href="{{url('medical-electronics')}}" class="btn bg-orange fs-18 text-white">Learn
                                    More</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-4 p-4">
                        <div class="card py-4 shadow-sm br-30 h-100">
                            <div class="card-body">
                                <img src="{{asset('images/manufacturing.png')}}" alt="Manufacturing"
                                    class="img-fluid w-20 image-corner">
                                <h6 class="fs-26">Manufacturing</h6>
                            </div>
                            <div class="card-footer bg-white border-0 br-30">
                                <a href="{{url('manufacturing')}}" class="btn bg-orange fs-18 text-white">Learn More</a>
                            </div>
                        </div>
                    </div> -->
                    <!-- <div class="col-lg-4 col-md-6 mb-lg-0 mb-4 p-4">
                        <div class="card py-4 shadow-sm br-30 h-100">
                            <div class="card-body">
                                <img src="{{asset('images/govt-relations.png')}}" alt="Government Relations"
                                    class="img-fluid w-20 image-corner">
                                <h6 class="fs-26">Government Relations</h6>
                            </div>
                            <div class="card-footer bg-white border-0 br-30">
                                <a href="{{url('government-relations')}}" class="btn bg-orange fs-18 text-white">Learn
                                    More</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-lg-0 mb-4 p-4">
                        <div class="card py-4 shadow-sm br-30 h-100">
                            <div class="card-body">
                                <img src="{{asset('images/member-connect.png')}}" alt="Member Connect"
                                    class="img-fluid w-20 image-corner">
                                <h6 class="fs-26">Member Connect</h6>
                            </div>
                            <div class="card-footer bg-white border-0 br-30">
                                <a href="{{url('member-connect')}}" class="btn bg-orange fs-18 text-white">Learn
                                    More</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-lg-0 mb-4 p-4">
                        <div class="card py-4 shadow-sm br-30 h-100">
                            <div class="card-body">
                                <img src="{{asset('images/iesa-4-new.png')}}" alt="IESA 4 new"
                                    class="img-fluid w-20 image-corner">
                                <h6 class="fs-26">IESA 4 new</h6>
                            </div>
                            <div class="card-footer bg-white border-0 br-30">
                                <a href="{{url('iesa-4-new')}}" class="btn bg-orange fs-18 text-white">Learn More</a>
                            </div>
                        </div>
                    </div> -->
                <!-- </div> -->
            <!-- </div> -->

            <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
                <div class="row">
                    <div class="col-lg-4 col-md-6 mb-4 p-4">
                        <div class="card py-4 shadow-sm br-30 h-100">
                            <div class="card-body">
                                <img src="{{asset('images/ev-charging.png')}}" alt="EV Charging"
                                    class="img-fluid w-20 image-corner">
                                <h6 class="fs-26">EV Charging</h6>
                            </div>
                            <div class="card-footer bg-white border-0 br-30">
                                <a href="{{url('ev-charging')}}" class="btn bg-orange fs-18 text-white">Learn More</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-4 p-4">
                        <div class="card py-4 shadow-sm br-30 h-100">
                            <div class="card-body">
                                <img src="{{asset('images/atmp.png')}}" alt="ATMP/OSAT"
                                    class="img-fluid w-20 image-corner">
                                <h6 class="fs-26">ATMP/OSAT</h6>
                            </div>
                            <div class="card-footer bg-white border-0 br-30">
                                <a href="{{url('atmp')}}" class="btn bg-orange fs-18 text-white">Learn More</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-4 p-4">
                        <div class="card py-4 shadow-sm br-30 h-100">
                            <div class="card-body">
                                <img src="{{asset('images/server-manufacturing.png')}}" alt="Server Manufacturing"
                                    class="img-fluid w-20 image-corner">
                                <h6 class="fs-26">Server Manufacturing</h6>
                            </div>
                            <div class="card-footer bg-white border-0 br-30">
                                <a href="{{url('server-manufacturing')}}" class="btn bg-orange fs-18 text-white">Learn
                                    More</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-lg-0 mb-4 p-4">
                        <div class="card py-4 shadow-sm br-30 h-100">
                            <div class="card-body">
                                <img src="{{asset('images/growth.png')}}" alt="Growth"
                                    class="img-fluid w-20 image-corner">
                                <h6 class="fs-26">1K-10K-100K</h6>
                            </div>
                            <div class="card-footer bg-white border-0 br-30">
                                <a href="{{url('actionable-plan')}}" class="btn bg-orange fs-18 text-white">Learn
                                    More</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</section>
<section class="py-5 my-lg-5 my-0">
    <div class="container join-iesa-bg text-center py-lg-5 py-md-0 py-5">
        <h2 class="fs-40 fw-500 text-white mb-5 mt-lg-5 mt-md-0 mt-5 pt-lg-0 pt-5">Join the Vibrant IESA Community</h2>
        <div class="pb-lg-0 pb-5 mb-lg-5 mb-md-0 mb-5">
            <a href="{{url('register')}}" class="btn bg-white btn-padding">Register Now</a>
        </div>
    </div>
</section>
<!-- file calling here -->
<script src="{{asset('/js/site-api/initiatives.js')}}"></script>
@endsection