@section('title', 'Student Societies – Connect, Lead & Grow Together | GIU')
@section('description', 'Student Societies provide a platform for students to engage, express and excel through diverse on-campus groups at Green International University.')
@section('keywords', 'Student Societies, GIU Community Service Society, Student leadership opportunities')
@section('tags', 'GIU Student Societies, GIU Community Service Society, Student leadership opportunities at GIU')

@extends('front.new.layouts.app')
@section('content')
    <div class="student-societies-wraper">
        {{--    <div class="student-societies-head">--}}
        {{--        <div class="banner">--}}
        {{--            <div class="container">--}}
        {{--                <nav class="pt-3 space-top" aria-label="breadcrumb">--}}
        {{--                    <ol class="breadcrumb">--}}
        {{--                      <li class="breadcrumb-item color-white"><a href="#">Home</a></li>--}}
        {{--                      <li class="breadcrumb-item color-white"><a href="#">Academics</a></li>--}}
        {{--                      <li class="breadcrumb-item color-white"><a href="#">Student Societies</a></li>--}}
        {{--                    </ol>--}}
        {{--                </nav>--}}
        {{--                <h1 class="mt-5 text-white">Student Societies</h1>--}}
        {{--                <p>--}}
        {{--                    The Green International University Lahore promotes the participation in variety of physical, intellectual, athletic and recreational activities, and provides students with opportunities to engage in the activities of their choice at various skill levels,--}}
        {{--                </p>--}}
        {{--            </div>--}}
        {{--        </div>--}}
        {{--    </div>--}}
        <div id="carouselExampleIndicators" class="carousel slide banner-margin-top" data-bs-ride="carousel"
             data-bs-interval="3000">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="{{ asset('front/images/new-giu/student-societies/student-societies-banner.webp') }}"
                         class="d-block w-100" alt="First slide">
                </div>
            </div>

        </div>
        <div class="container-fluid px-md-5 student-societies-section">
            <h1 class="py-3 fw-bold mt-5"> GIU Student Societies</h1>
            <p class="inline-link-container">
                Student Societies are considered as one of the cardinal features of learning, The Green International
                University Lahore promotes the participation in variety of physical, intellectual, athletic and
                recreational activities through <strong><a href="/co-curricular-activities">co-curricular activities</a></strong>, 
                and provides students with opportunities to engage in the activities of their choice at various skill levels, 
                providing virtual real-life environments that directly contribute to the development of GIU Community Service 
                Society and student leadership opportunities amid increased collaboration between the individual club.
            </p>
            {{--        <div class="row">--}}
            {{--            <div class="col-xl-8 mb-5 col-md-12">--}}
            {{--                <div class="row">--}}
            {{--                    <div class="col-lg-6 col-12">--}}
            {{--                        <p> <i class='fas fa-arrow-alt-circle-right'></i> <span class="px-2"> Debating Society </span> </p>--}}
            {{--                    </div>--}}
            {{--                    <div class="col-lg-6 col-12">--}}
            {{--                        <p> <i class='fas fa-arrow-alt-circle-right'></i> <span class="px-2">Literary Society</span> </p>--}}
            {{--                    </div>--}}
            {{--                    <div class="col-lg-6 col-12">--}}
            {{--                        <p> <i class='fas fa-arrow-alt-circle-right'></i> <span class="px-2">Qiraat & Naat Society</span> </p>--}}
            {{--                    </div>--}}
            {{--                    <div class="col-lg-6 col-12">--}}
            {{--                        <p> <i class='fas fa-arrow-alt-circle-right'></i> <span class="px-2">Blood Donor Society</span> </p>--}}
            {{--                    </div>--}}
            {{--                    <div class="col-lg-6 col-12">--}}
            {{--                        <p> <i class='fas fa-arrow-alt-circle-right'></i> <span class="px-2">Quiz Society</span> </p>--}}
            {{--                    </div>--}}
            {{--                    <div class="col-lg-6 col-12">--}}
            {{--                        <p> <i class='fas fa-arrow-alt-circle-right'></i> <span class="px-2">Music Society</span> </p>--}}
            {{--                    </div>--}}
            {{--                    <div class="col-lg-6 col-12">--}}
            {{--                        <p> <i class='fas fa-arrow-alt-circle-right'></i> <span class="px-2">Character building drug abused society</span> </p>--}}
            {{--                    </div>--}}
            {{--                    <div class="col-lg-6 col-12">--}}
            {{--                        <p> <i class='fas fa-arrow-alt-circle-right'></i> <span class="px-2">Conservation of environment and nature</span> </p>--}}
            {{--                    </div>--}}
            {{--                    <div class="col-lg-6 col-12">--}}
            {{--                        <p> <i class='fas fa-arrow-alt-circle-right'></i> <span class="px-2">Media Society</span> </p>--}}
            {{--                    </div>--}}
            {{--                    <div class="col-lg-6 col-12">--}}
            {{--                        <p> <i class='fas fa-arrow-alt-circle-right'></i> <span class="px-2">Central emergency and medical services </span> </p>--}}
            {{--                    </div>--}}
            {{--                    <div class="col-lg-6 col-12">--}}
            {{--                        <p> <i class='fas fa-arrow-alt-circle-right'></i> <span class="px-2">Culture Society</span> </p>--}}
            {{--                    </div>--}}
            {{--                    <div class="col-lg-6 col-12">--}}
            {{--                        <p> <i class='fas fa-arrow-alt-circle-right'></i> <span class="px-2">Sports Society</span> </p>--}}
            {{--                    </div>--}}
            {{--                    <div class="col-lg-6 col-12">--}}
            {{--                        <p> <i class='fas fa-arrow-alt-circle-right'></i> <span class="px-2">Fine art Society</span> </p>--}}
            {{--                    </div>--}}
            {{--                    <div class="col-lg-6 col-12">--}}
            {{--                        <p> <i class='fas fa-arrow-alt-circle-right'></i> <span class="px-2">Students’ welfare Society</span> </p>--}}
            {{--                    </div>--}}
            {{--                </div>--}}
            {{--            </div>--}}
            {{--        </div>--}}
        </div>


        {{--        my work--}}


        {{--        <div class="icons-section mt-5">--}}
        {{--            <div class="container mt-5">--}}
        {{--                <div class="row justify-content-center">--}}

        {{--                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-12 mb-4">--}}
        {{--                        <div class="position-relative bg-success rounded text-center p-4"--}}
        {{--                             style="padding-top: 70px; min-height: 200px;">--}}

        {{--                            <!-- Circle image -->--}}
        {{--                            <div class="position-absolute top-0 start-50 translate-middle"--}}
        {{--                                 style="width: 120px; height: 120px; background-color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 10px rgba(0,0,0,0.1);">--}}
        {{--                                <img src="{{ asset('front/images/new-giu/icon/debating_society.png') }}" alt="PBC Logo"--}}
        {{--                                     class="img-fluid" style="max-width: 70px;">--}}
        {{--                            </div>--}}

        {{--                            <!-- Card content -->--}}
        {{--                            <h5 class="fw-bold mt-5 text-white">PBC</h5>--}}
        {{--                        </div>--}}
        {{--                    </div>--}}

        {{--                </div>--}}
        {{--            </div>--}}
        {{--        </div>--}}


        <div class="container mt-5">
            <div class="row">
                <div class="col-xl-4 col-lg-3 col-md-6 col-12">
                    <img src="{{ asset('front/images/new-giu/icon/debating_society.png') }}" alt="tuf-affiliations"
                         class="img-fluid">

                </div>
                <div class="col-xl-4 col-lg-3 col-md-6 col-12">
                    <img src="{{ asset('front/images/new-giu/icon/music_society.png') }}" alt="tuf-affiliations"
                         class="img-fluid">

                </div>

                <div class="col-xl-4 col-lg-3 col-md-6 col-12">
                    <img src="{{ asset('front/images/new-giu/icon/qirat.png') }}" alt="tuf-affiliations"
                         class="img-fluid">

                </div>
                <div class="col-xl-4 col-lg-3 col-md-6 col-12">
                    <img src="{{ asset('front/images/new-giu/icon/media.png') }}" alt="tuf-affiliations"
                         class="img-fluid">

                </div>

                <div class="col-xl-4 col-lg-3 col-md-6 col-12">
                    <img src="{{ asset('front/images/new-giu/icon/sport.png') }}" alt="tuf-affiliations"
                         class="img-fluid">

                </div>
                <div class="col-xl-4 col-lg-3 col-md-6 col-12">
                    <img src="{{ asset('front/images/new-giu/icon/medical.png') }}" alt="tuf-affiliations"
                         class="img-fluid">

                </div>
                <div class="col-xl-4 col-lg-3 col-md-6 col-12">
                    <img src="{{ asset('front/images/new-giu/icon/tech.png') }}" alt="tuf-affiliations"
                         class="img-fluid">

                </div>
                <div class="col-xl-4 col-lg-3 col-md-6 col-12">
                    <img src="{{ asset('front/images/new-giu/icon/dramatics.png') }}" alt="tuf-affiliations"
                         class="img-fluid">

                </div>
                <div class="col-xl-4 col-lg-3 col-md-6 col-12">
                    <img src="{{ asset('front/images/new-giu/icon/adventure.png') }}" alt="tuf-affiliations"
                         class="img-fluid">

                </div>
                <div class="col-xl-4 col-lg-3 col-md-6 col-12">
                    <img src="{{ asset('front/images/new-giu/icon/law.png') }}" alt="tuf-affiliations"
                         class="img-fluid">

                </div>
                <div class="col-xl-4 col-lg-3 col-md-6 col-12">
                    <img src="{{ asset('front/images/new-giu/icon/service.png') }}" alt="tuf-affiliations"
                         class="img-fluid">

                </div>
                <div class="col-xl-4 col-lg-3 col-md-6 col-12">
                    <img src="{{ asset('front/images/new-giu/icon/care.png') }}" alt="tuf-affiliations"
                         class="img-fluid">

                </div>
                <div class="col-xl-4 col-lg-3 col-md-6 col-12">
                    <img src="{{ asset('front/images/new-giu/icon/culture.png') }}" alt="tuf-affiliations"
                         class="img-fluid">

                </div>
                <div class="col-xl-4 col-lg-3 col-md-6 col-12">
                    <img src="{{ asset('front/images/new-giu/icon/cbs.png') }}" alt="tuf-affiliations"
                         class="img-fluid">

                </div>
                <div class="col-xl-4 col-lg-3 col-md-6 col-12">
                    <img src="{{ asset('front/images/new-giu/icon/gbess.png') }}" alt="tuf-affiliations"
                         class="img-fluid">

                </div>

            </div>
        </div>


        {{--        end--}}

    </div>
@endsection
@push('js')
@endpush