<template>
  <div class="">
   
        <div class="flex justify-center">
            <img
                src="/img/clg.jpg"
                alt="clg"
                class="mb-5 rounded-b-2xl"
                width="1252px"
                height="120px"
            />
        </div>
        <div class="flex justify-center">
            <div
                class="flex justify-center right-56 bg-blue-700 w-56 text-white p-1 text-xl rounded-full"
            >Vision of The College</div>
        </div>
        <div class="flex-none mt-5 justify-center">
            <div
                class="flex h-8 border-b border-slate-200 ml-5 "
            >Character Formation through Knowledge and Value-based Education for Transformation of the Society and the Nation</div>
        </div>
        <br />
        <div class="flex justify-center">
            <div
                class="flex justify-center right-56 bg-blue-700 w-56 text-white p-1 text-xl rounded-full mt-14"
            >Our Mission</div>
        </div>
            
        
        <div class="flex-none justify-center p-5">
            <div
                class="flex border-b border-slate-200"
            >a) To suit the above 'Vision', the 'Mission' of the College is to provide balanced, value based and knowledge based education informed by latest technology, with a view to instilling self-confidence among the students, in order to turn them into sensitive, dedicated and disciplined citizens who will display a high intellectual calibre, together with emotional balance and social commitment and particularly at helping the students with backward social and economic backgrounds living around the institution.</div>
            <div
                class="flex border-b border-slate-200 mt-3"
            >b) The college aims at moulding and shaping the students as good citizens with qualities of mind and heart showing commitment towards the nation as well as the community in which they live, extending the role of governance and leadership in discharging the different activities to its stakeholders and inculcating innovative practices. With such orientation students are expected to get involved in societal transformation.</div>
            <div
                class="flex border-b border-slate-200 mt-3"
            >c) Needless to say that since our College was established to serve the higher education needs of the hapless of youth, who had to bear the toll of Partition, we have always strove to spread education among this section of the society. Besides, we have to cater a huge number of students coming from the First Generation Literate families. Thus, our Vision and Mission does not come from any ivory tower but from the 'real' situation around us.</div>
        
        <div class="grid grid-cols-1 md:grid-cols-2 bg-local md:gap-8 mt-4" style="background-image: url('/img/clg_grdnt.jpg')">
            <div class="grid place-items-center p-4"><img src="/img/clgprin.jpg" alt="" class="w-screen rounded-md"></div>
            <div class="grid text-white place-items-center text-justify p-6"> To suit the above 'Vision', the 'Mission' of the College is to provide balanced, value based and knowledge based education informed by latest technology, with a view to instilling self-confidence among the students, in order to turn them into sensitive, dedicated and disciplined citizens who will display a high intellectual calibre, together with emotional balance and social commitment and particularly at helping the students with backward social and economic backgrounds living around the institution.Needless to say that since our College was established to serve the higher education needs of the hapless of youth, who had to bear the toll of Partition, we have always strove to spread education among this section of the society. Besides, we have to cater a huge number of students coming from the First Generation Literate families. Thus, our Vision and Mission does not come from any ivory tower but from the 'real' situation around us. rer</div>
        </div>







            
            <div class="flex justify-center">
                <router-link to="/gallery"><button class="bg-blue-700 w-56 text-white p-1 mt-14 text-xl rounded-full">Gallery</button></router-link>
            </div>
        </div>
        <!-- <div
            class="grid grid-cols-12 bg-gradient-to-r from-stone-600 to-stone-800 h-56 content-center gap-5"
        >
            <div class="grid col-span-4 bg-stone-800 rounded-md h-44 w-80 ml-14 grid grid-rows-17">
                <div
                    class="grid row-span-5 text-white border-b border-white text-2xl content-center pl-4"
                >Important Links</div>
                <div class="grid row-span-4 text-blue-600 pl-4 border-b border-black">
                    <a
                        href="https://www.youtube.com/watch?v=BT4MQ2gA65Q&ab_channel=AllinOne"
                    >Gallery</a>
                </div>
                <div class="grid row-span-4 text-blue-600 pl-4 border-b border-black">
                    <a href="https://www.youtube.com/watch?v=BT4MQ2gA65Q&ab_channel=AllinOne">Notice</a>
                </div>
                <div class="grid row-span-4 text-blue-600 pl-4">
                    <a
                        href="https://www.youtube.com/watch?v=BT4MQ2gA65Q&ab_channel=AllinOne"
                    >Document</a>
                </div>
            </div>
            <div class="grid col-span-4 bg-stone-800 rounded-md h-44 w-80 ml-14">
                <div
                    class="grid row-span-5 text-white border-b border-white text-2xl content-center pl-4"
                >Related Sites</div>
                <div class="grid row-span-5 text-blue-600 pl-4 border-b border-black target-blank">
                    <a href="https://www.wbsubregistration.org/">W.B.S.U.</a>
                </div>
                <div class="grid row-span-4 text-blue-600 pl-4 border-b border-black">
                    <a href="https://www.ugc.ac.in/">U.G.C.</a>
                </div>
                <div class="grid row-span-4 text-blue-600 pl-4">
                    <a href="https://banglaruchchashiksha.wb.gov.in/">W.B.H.E.D.</a>
                </div>
            </div>
            <div class="grid col-span-4 bg-stone-800 rounded-md h-44 w-80 ml-14">
                <div
                    class="grid row-span-5 text-white border-b border-white text-2xl content-center pl-4"
                >Document Links</div>
                <div class="grid row-span-5 text-blue-600 pl-4 border-b border-black">
                    <a href="AQAR">AQAR</a>
                </div>
                <div class="grid row-span-4 text-blue-600 pl-4 border-b border-black">
                    <a href="">R & D Cell</a>
                </div>
                <div class="grid row-span-4 text-blue-600 pl-4">
                    <a href="">Academic Calendar</a>
                </div>
            </div>
        </div> -->

  </div>
</template>
