@extends('layouts.site_layout')
@section('content')

<section class="container-fluid p-0" id="topBanners" style="position:relative;">
</section>

<section class="bg_light_grey py-5" id="categories">
    <div class="container mt-lg-5 mb-lg-5 mt-0 mb-0">
        <h2 class="fs-42 text-center mb-5">Categories</h2>
        <div class="row">
            <div class="col-lg-6 col-md-6 mb-5">
                <a href="{{url('campus-connect')}}">
                    <img src="{{asset('images/academia/campus-connect.png')}}" alt="Campus connect" class="img-fluid w-100">
                </a>
            </div>
            <div class="col-lg-6 col-md-6 mb-5">
                <img src="{{asset('images/academia/netra.png')}}" alt="Netra" class="img-fluid w-100">
            </div>
            <div class="col-lg-6 col-md-6 mb-5">
                <img src="{{asset('images/academia/esdm-skilling.png')}}" alt="ESDM skilling" class="img-fluid w-100">
            </div>
            <div class="col-lg-6 col-md-6 mb-5">
                <img src="{{asset('images/academia/sponsored-rd.png')}}" alt="Sponsored R&D" class="img-fluid w-100">
            </div>
            <div class="col-lg-6 col-md-6 mx-auto">
                <img src="{{asset('images/academia/coe.png')}}" alt="COE" class="img-fluid w-100">
            </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('become-a-member')}}" class="btn bg-white btn-padding">Register Now</a>
        </div>
    </div>
</section>



@endsection