This commit is contained in:
2022-11-03 12:27:31 +05:30
commit 93581983e8
34 changed files with 1882 additions and 0 deletions

9
src/App.vue Normal file
View File

@@ -0,0 +1,9 @@
<template>
<div>
<Header />
<main>
<router-view />
</main>
<Footer />
</div>
</template>

31
src/components/Footer.vue Normal file
View File

@@ -0,0 +1,31 @@
<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>

20
src/components/Header.vue Normal file
View File

@@ -0,0 +1,20 @@
<template>
<div>
<div
class="flex flex-cols bg-blue-600 h-48 text-right justify-end text-white text-3xl pt-5 font-semibold pr-12"
>
<img
src="/img/logo3.png"
alt="/img/logo3.png"
class="absolute left-0 top-0 h-44 w-44 mt-2 ml-14"
/>
Estd.-1956
<br />Sree Chaitanya College,Habra
<br />(Arts and Science)
<br />Prafullanagar, Habra, 24Pgs(N) Pin-743268, W.B
</div>
<div class="flex justify-center">
<div class="flex bg-blue-900 h-8 w-11/12"></div>
</div>
</div>
</template>

16
src/main.ts Normal file
View File

@@ -0,0 +1,16 @@
import { createApp } from 'vue'
import './tailwind.css'
import App from './App.vue'
import { createRouter, createWebHistory } from 'vue-router/auto'
import { createHead } from '@vueuse/head'
const app = createApp(App)
const head = createHead()
const router = createRouter({
history: createWebHistory(),
})
app.use(router)
app.use(head)
app.mount(document.body)

13
src/pages/[...404].vue Normal file
View File

@@ -0,0 +1,13 @@
<script setup>
useHead({
title: '404',
})
</script>
<template>
<header class="bg-white shadow">
<div class="mx-auto max-w-7xl py-6 px-4 sm:px-6 lg:px-8">
<h1 class="text-3xl font-bold leading-tight text-gray-900">Not Found</h1>
</div>
</header>
</template>

39
src/pages/about.vue Normal file
View File

@@ -0,0 +1,39 @@
<route lang="json">
{
"meta": {
"title": "About"
}
}
</route>
<script setup>
useHead({
title: 'About',
})
</script>
<template>
<div class="bg-gray-50">
<div
class="mx-auto max-w-screen-xl px-4 py-12 sm:px-6 lg:flex lg:items-center lg:justify-between lg:py-16 lg:px-8"
>
<h2
class="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 sm:text-4xl sm:leading-10"
>
About Page
<br />
<span class="text-indigo-600">Vite + Vue 3 + Tailwind CSS</span>
</h2>
<div class="mt-8 flex lg:mt-0 lg:flex-shrink-0">
<div class="inline-flex rounded-md shadow">
<router-link
to="/"
class="inline-flex items-center justify-center rounded-md border border-transparent bg-indigo-600 px-5 py-3 text-base font-medium leading-6 text-white transition duration-150 ease-in-out hover:bg-indigo-500 focus:outline-none"
>Back Home</router-link
>
</div>
<ButtonRepo />
</div>
</div>
</div>
</template>

0
src/pages/gallery.vue Normal file
View File

120
src/pages/index.vue Normal file
View File

@@ -0,0 +1,120 @@
<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-600 w-56 text-white p-1 text-xl"
>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-600 w-56 text-white p-1 text-xl gap-2"
>Our Mission</div>
</div>
<div class="flex-none justify-center p-5">
<div
class="flex border-b border-slate-200"
>a) 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>
<br />
<div class="grid grid-cols-2 h-80">
<div
class="bg-auto bg-no-repeat bg-center"
style="background-image: url(/img/clg_grdnt.jpg)"
>
<img
src="/img/clgprin.jpg"
alt="/img/clgprin.jpg"
class="m-7 w-10/12 rounded-md"
/>
</div>
<div
class="bg-auto bg-no-repeat bg-center w-full"
style="background-image: url(/img/clg_grdnt.jpg)"
>
<p
class="text-white text-sm mr-20 mt-10 leading-2 font-semibold"
>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. 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. rer</p>
<button class="bg-indigo-500 rounded hover:bg-cyan-600 w-32 transition ease-in-out delay-150 text-white text-xl rounded-md mt-2">Read More</button>
</div>
</div>
<br />
<br />
<br />
<div class="flex justify-center">
<button class="bg-blue-600 w-56 text-white p-1 text-xl transition ease-in-out delay-150">Gallery</button>
</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>

10
src/pages/index2.vue Normal file
View File

@@ -0,0 +1,10 @@
<template>
<div>
<div class="grid justify-center">
<div class="grid">
<img src="/img/clg_grdnt.jpg" alt="">
</div>
<div class="grid grid-cols-1"></div>
</div>
</div>
</template>

11
src/pages/temp/google.vue Normal file
View File

@@ -0,0 +1,11 @@
<template>
<div>
<div class="grid grid-cols-4 place-content-center h-14 bg-blue-400 p-1">
<div class="grid-auto grid-cols-1 bg-green-400">1</div>
<div class="grid grid-cols-1 bg-green-400 w-32">1</div>
<div class="grid grid-cols-1 bg-green-400 w-32">1</div>
<div class="grid grid-cols-1 bg-green-400 w-32">1</div>
</div>
</div>
</template>

3
src/tailwind.css Normal file
View File

@@ -0,0 +1,3 @@
@tailwind base;
@tailwind components;
@tailwind utilities;

7
src/vite-env.d.ts vendored Normal file
View File

@@ -0,0 +1,7 @@
/// <reference types="vite/client" />
declare module '*.vue' {
import type { DefineComponent } from 'vue'
const component: DefineComponent<{}, {}, any>
export default component
}