update desgine
parent
1efedcbd36
commit
6ab5ff5847
|
|
@ -1,53 +1,53 @@
|
|||
<template>
|
||||
<section class="container mx-auto px-4 my-6">
|
||||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-x-10 gap-y-4">
|
||||
<div class="grid border-4 border-blue-700 rounded-xl ">
|
||||
<p class="bg-blue-700 text-white px-6 py-2 text-2xl font-bold"><span class="underline decoration-4 decoration-[#7c4c23]">Latest Notice</span><span class="shape text-2xl font-bold p-1 rounded-full h-fit">*</span></p>
|
||||
<div class="flex flex-col h-[250px] overflow-y-scroll w-full bg-blue-50 rounded-b-lg">
|
||||
<a v-for="data in notice" :key="notice.id" target="_blank" :href="'/notice/'+data.slug" class="px-6 text-xl text-blue-700 hover:underline">{{data.title}}</a>
|
||||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-x-10 gap-y-4">
|
||||
<div class="grid border-4 border-blue-700 rounded-xl ">
|
||||
<p class="bg-blue-700 text-white px-6 py-2 text-2xl font-bold"><span class="underline decoration-4 decoration-[#7c4c23]">Latest Notice</span><span class="shape text-2xl font-bold p-1 rounded-full h-fit">*</span></p>
|
||||
<div class="flex flex-col h-[250px] overflow-y-scroll w-full bg-blue-50 rounded-b-lg">
|
||||
<a v-for="data in notice" :key="notice.id" target="_blank" :href="'/notice/'+data.slug" class="px-6 text-xl text-blue-700 hover:underline">{{data.title}}</a>
|
||||
</div>
|
||||
<a href="/notice" class="flex justify-end bg-blue-50 pt-2"> <span class="bg-blue-700 text-white px-4 py-2 rounded-tl-md font-bold">View All</span> </a>
|
||||
</div>
|
||||
<div class="grid border-4 border-blue-700 rounded-xl h-fit">
|
||||
<p class="shape bg-blue-700 text-white px-6 py-2 text-2xl font-bold underline decoration-4 decoration-[#7c4c23]">Important Links</p>
|
||||
<div class="flex flex-col h-[300px] overflow-y-scroll w-full bg-blue-50 rounded-b-lg">
|
||||
<a v-for="data in important" :key="important.id" target="_blank" :href="'/'+data.slug" class="px-6 text-xl text-blue-700 hover:underline">{{data.title}}</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="/notice" class="flex justify-end bg-blue-50 pt-2"> <span class="bg-blue-700 text-white px-4 py-2 rounded-tl-md font-bold">View All</span> </a>
|
||||
</div>
|
||||
<div class="grid border-4 border-blue-700 rounded-xl h-fit">
|
||||
<p class="shape bg-blue-700 text-white px-6 py-2 text-2xl font-bold underline decoration-4 decoration-[#7c4c23]">Important Links</p>
|
||||
<div class="flex flex-col h-[300px] overflow-y-scroll w-full bg-blue-50 rounded-b-lg">
|
||||
<a v-for="data in important" :key="important.id" target="_blank" :href="'/'+data.slug" class="px-6 text-xl text-blue-700 hover:underline">{{data.title}}</a>
|
||||
</section>
|
||||
<div class="container-fluid bg-stone-600">
|
||||
<div class="">
|
||||
<div class="container mx-auto px-4 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">Other's 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="/documents">Documents</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="/documents/aqar">AQAR<hr class="border-slate-900"></a>
|
||||
<a href="/documents/iqac">IQAC<hr class="border-slate-900"></a>
|
||||
<a href="/documents/academic-calendar">Academic Calendar</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container mx-auto px-4 flex flex-col md:flex-row place-items-center md:place-content-between bg-stone-600 text-gray-100 -mt-4 ">
|
||||
<a href=""><span class="">© sreechaitanyacollege.in <hr> </span></a>
|
||||
<a href="https://dwd.siliconpin.com"><span class="">Powered by DWD Consultancy Services <hr></span></a>
|
||||
<a href=""><span class=""> Count 112964 | Site Performance <hr> </span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="container-fluid bg-stone-600">
|
||||
<div class="">
|
||||
<div class="container mx-auto px-4 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">Other's 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="/documents">Documents</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="/documents/aqar">AQAR<hr class="border-slate-900"></a>
|
||||
<a href="/documents/iqac">IQAC<hr class="border-slate-900"></a>
|
||||
<a href="/documents/academic-calendar">Academic Calendar</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container mx-auto px-4 flex flex-col md:flex-row place-items-center md:place-content-between bg-stone-600 text-gray-100 -mt-4 ">
|
||||
<a href=""><span class="">© sreechaitanyacollege.in <hr> </span></a>
|
||||
<a href="https://dwd.siliconpin.com"><span class="">Powered by DWD Consultancy Services <hr></span></a>
|
||||
<a href=""><span class=""> Count 112964 | Site Performance <hr> </span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<div>
|
||||
<div class="topBar1 flex flex-col bg-blue-700 border-b shadow-lg w-full py-3 place-items-center justify-center">
|
||||
<div class="flex flex-row gap-x-4 place-items-center">
|
||||
<a href="/"><img class="w-10 h-10" src="/img/logo3.png" alt="Sreechaitanya College Logo" /></a>
|
||||
<a href="/"><img class="shadow-2xl shadow-white rounded-full hover:scale-105 duration-700 w-10 h-10" src="/img/logo3.png" alt="Sreechaitanya College Logo" /></a>
|
||||
<h1 class="text-xl font-bold text-white uppercase">sreechaitanya college</h1>
|
||||
</div>
|
||||
<h3 class="text-md text-white text-center">Prafullanagar, Habra, 24Pgs(N) Pin-743268, W.B</h3>
|
||||
|
|
@ -11,7 +11,7 @@
|
|||
|
||||
<div class="topBar2 container-fluid bg-blue-700 py-4">
|
||||
<div class="container mx-auto px-4 flex flex-row gap-x-4 place-content-between place-items-center text-white">
|
||||
<a href="/"><img src="/img/logo3.png" alt="Sreechaitanya College Logo" /></a>
|
||||
<a href="/"><img class="shadow-2xl shadow-white/70 rounded-full hover:scale-105 duration-700" src="/img/logo3.png" alt="Sreechaitanya College Logo" /></a>
|
||||
<div>
|
||||
<h1 class="text-3xl lg:text-4xl xl:text-5xl font-bold">Sree Chaitanya College,Habra</h1>
|
||||
<h2 class="text-3xl font-bold">(Arts and Science)</h2>
|
||||
|
|
@ -19,23 +19,6 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div>
|
||||
<div class="lg:hidden flex flex-col bg-blue-700 place-items-center text-white">
|
||||
|
||||
<div class=" "> <a href="/"><img class="w-16" src="/img/logo3.png" alt="Sree Chaitanya College,Habra "/></a></div>
|
||||
<div class="">SREE CHAITANYA COLLEGE</div>
|
||||
<div class=" "><button class="hover:bg-white hover:text-blue-700 rounded-md p-1">Log In</button></div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="hidden lg:flex bg-blue-600 h-48 text-right justify-end text-white text-3xl pt-5 font-semibold pr-12">
|
||||
<a href="/">
|
||||
<img src="/img/logo3.png" alt="Sree Chaitanya College,Habra" class="absolute left-0 top-0 h-44 w-44 mt-2 ml-14 text-base "/></a>
|
||||
Estd.-1956
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<section class="container-fluid" style="background-color: #173382;">
|
||||
|
|
|
|||
|
|
@ -43,56 +43,6 @@ import Layout from "../layouts/Layout.astro"
|
|||
<a href="/gallery"><button class="bg-blue-700 w-56 text-white p-1 mt-14 text-xl rounded-full">Gallery</button></a>
|
||||
</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>
|
||||
</main>
|
||||
</Layout>
|
||||
|
|
|
|||
|
|
@ -1,22 +0,0 @@
|
|||
---
|
||||
import Layout from '../layouts/Layout.astro';
|
||||
import VideoYt from '../components/VideoYt.html';
|
||||
|
||||
import Footer from '../components/Footer.astro';
|
||||
---
|
||||
|
||||
<Layout title="Welcome to Astro.">
|
||||
<MainHeader />
|
||||
<main>
|
||||
<h1>Welcome to <span class="text-gradient">Astro</span></h1>
|
||||
<p class="instructions">
|
||||
To get started, open the directory <code>src/pages</code> in your project.<br />
|
||||
<strong>Code Challenge:</strong> Tweak the "Welcome to Astro" message above.
|
||||
</p>
|
||||
<VideoYt client:idle />
|
||||
</main>
|
||||
<Footer />
|
||||
</Layout>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
Loading…
Reference in New Issue