<template>
    <div>
        <div>
            <div
                class="grid grid-cols-1 md:grid-cols-3 bg-stone-600 "
            >
                <div class="bg-stone-800 rounded-md  h-44 m-6 text-gray-100 text-left text-xl p-3">Important Links<hr class="blue-400">
                    <div class="grid grid-rows-3 text-blue-600 p-3 gap-4">    
                        <a href="gallery">Gallery <hr class="border-slate-900"></a>
                        <a href="notice">Notice <hr class="border-slate-900"></a>
                        <a href="document">Document</a>
                    </div>
                    </div>
                <div class=" bg-stone-800 rounded-md  h-44 m-6 text-gray-100 text-left text-xl p-3">Related Sites<hr>
                    <div class="grid grid-rows-3 text-blue-600 p-3 gap-4">    
                        <a href="https://www.wbsubregistration.org/">W.B.S.U<hr class="border-slate-900"></a>
                        <a href="https://www.ugc.ac.in/">U.G.C.<hr class="border-slate-900"></a>
                        <a href="https://banglaruchchashiksha.wb.gov.in/">W.B.H.E.D.</a>
                    </div>
                </div>
                <div class=" bg-stone-800 rounded-md  h-44 m-6 text-gray-100 text-left text-xl p-3">Document Links <hr>
                    <div class="grid grid-rows-3 text-blue-600 p-3 gap-4">    
                        <a href="">A.Q.A.R<hr class="border-slate-900"></a>
                        <a href="">R & D Cell<hr class="border-slate-900"></a>
                        <a href="">Academic Calendar</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>