@extends('Admin.components.layout')
@section('title')
Education Resource 
@endsection

@section('subtitle')
Education Resource 
@endsection
@section('css')
    <style>
        .img {
            cursor: pointer;
            transition: 1s ease-out;
        }

        .img:hover {
            -webkit-transform: scale(8);
            -ms-transform: scale(8);
            transform: scale(8);
            transition: 1s ease-out;
        }
    </style>
@endsection

@section('content')
    <div class="container-fluid py-4 px-5">
        <div class="row row-cols-2 row-cols-md-3">

            <div class="col card w-25 mx-3">
                <a href="{{ route('admin.educationresource.category.list') }}">
                    <div class="row col-12 p-1">
                        <div class=" p-2 col-md-3 bg-success rounded rounded-4">
                            <div class="text-center"><i class=" fs-2 bi bi-book text-white" style="color:white"></i></div>
                        </div>
                        <div class="col-md-9">
                            <div class="card-body">
                                <h6 class="">CATEGORY </h6>
                            </div>
                        </div>
                    </div>
                </a>
            </div>

            <div class=" col card w-25 mx-3">
                <a href="{{ route('admin.educationresource.subcategory.list') }}">
                    <div class=" row col-12 p-1">
                        <div class=" p-2 col-md-3 bg-success rounded rounded-4">
                            <div class="text-center"><i class=" fs-2 bi bi-book text-white"></i></div>
                        </div>
                        <div class="col-md-9">
                            <div class="card-body">
                                <h6 class="">SUB-CATEGORY</h6>
                            </div>
                        </div>
                    </div>
                </a>
            </div>

            <div class="col card w-25 mx-3">
                <a href="{{ route('admin.educationresource.list') }}">
                    <div class="row col-12 p-1">
                        <div class=" p-2 col-md-3 bg-success rounded rounded-4">
                            <div class="text-center"><i class=" fs-2 bi bi-book text-white"></i></div>
                        </div>
                        <div class="col-md-9">
                            <div class="card-body">
                                <h6 class="">EDUCATION</h6>
                            </div>
                        </div>
                    </div>
                </a>
            </div>

           
    
        </div>
    </div>
@endsection