@extends('web.layouts.master')

@section('page_title', 'Index')


@section('content')

<section class="section-padding page-heading-section" style="background-image: url({{ asset('web_assets/images/hero-bg.jpg') }}">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="page-heading">
                    <h2>Membership</h2>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="section-padding">
    <div class="container">
        <div class="row flex-row-reverse align-items-center justify-content-between">
            <div class="col-xl-5">
                <div class="about-img-box wow animate__fadeInUp" data-wow-duration="1s">
                    <!-- <img src="{{ asset('web_assets/images/membership/1.jpg') }}" alt="" /> -->
                    <img src="{{ asset('web_assets/images/membership/membership-1.jpg') }}" class="img-fluid" alt="Membership Image" />
                </div>
            </div>
            <div class="col-xl-7">
                <div class="abt-box abt-left wow animate__fadeInUp" data-wow-duration="1s">
                    <p>
                        J.D.Gabani Library members include all stuents and social people. Membership Is provided to the every social people. Members need for apply for membership through forms available at the circulation counter in the library. Every member has atleast on reference of the people connected to this institute. Reading only membership is meant for reference purposes only without any borrowing privileges.
                    </p>
                </div>
            </div>
            <div class="col-md-12 mt-4 wow animate__fadeInUp" data-wow-duration="1s">
                <div class="library-box">
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead class="thead-light">
                                <tr>
                                    <th>Membership</th>
                                    <th>Refundable Deposit Fees (Rs.)</th>
                                    <th>Annual Fees (Rs.)</th>
                                    <th colspan="2">Borrowing Privileges</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th>Books</th>
                                    <th>Days</th>
                                </tr>
                                <tr>
                                    <td>Regular+</td>
                                    <td>300</td>
                                    <td>50</td>
                                    <td>1</td>
                                    <td>15</td>
                                </tr>
                                <tr>
                                    <td>Reding Room</td>
                                    <td>--</td>
                                    <td>500</td>
                                    <td>--</td>
                                    <td>--</td>
                                </tr>
                                <tr>
                                    <td colspan="5">
                                        * Subject to 400 Rs. for Girl Candidate<br />
                                        + A Fee of Rs. 30 is charged for the computerized card.
                                    </td>
                                </tr>
                            </tbody>

                        </table>
                    </div>
                </div>
            </div>
            <div class="col-lg-12 mt-4 wow animate__fadeInUp" data-wow-duration="1s">
                <div class="download-box">
                    <h4>Regular Membership(Download Form)</h4>
                    <div class="row">
                        <div class="col-lg-4 mb-4">
                            <div class="list-dwl-box">
                                <h6>Library Form Download</h6>
                                <a href="javascript:void(0);" class="downl-btn">
                                    <i class="feather icon-download"></i>
                                </a>
                            </div>
                        </div>
                        <div class="col-lg-4 mb-4">
                            <div class="list-dwl-box">
                                <h6>Vachanalay Form Download</h6>
                                <a href="javascript:void(0);" class="downl-btn">
                                    <i class="feather icon-download"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection