dwd-projects
/
rgyci.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add some changes

master
Suvodip 2025-05-09 12:09:26 +05:30
parent f98325f6a2
commit 34d59b0056
1 changed files with 32 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/pages/library.astro
View File

@ -3,31 +3,41 @@ import Layout from "../layouts/Layout.astro";
import Menu from "../components/Menu.astro"; import Menu from "../components/Menu.astro";
import Mainfooter from "../components/Mainfooter.astro"; import Mainfooter from "../components/Mainfooter.astro";
import Header from "../components/Header.astro"; import Header from "../components/Header.astro";
import Footer from "../components/Footer.astro";
const libraryImages = [
"/img/lb/1.jpg",
"/img/lb/2.jpeg",
"/img/lb/3.jpeg",
"/img/lb/4.jpeg",
"/img/lb/6.jpeg",
"/img/lb/7.jpeg",
"/img/lb/8.jpeg",
"/img/lb/9.jpeg",
"/img/lb/10.jpeg",
"/img/lb/11.jpeg",
"/img/lb/12.jpeg",
"/img/lb/2.jpeg",
];
--- ---
<Layout title="Library - Rajeev Gandhi Youth Computer Institute (RGYCI)" <Layout
description="Access a rich collection of books, study materials, and digital resources at the RGYCI Library. Our library supports students in their computer, technical, and vocational education with updated learning content and reference materials." title="Library - Rajeev Gandhi Youth Computer Institute (RGYCI)"
keywords="RGYCI Library, digital library, technical books, computer education resources, student library, study materials, vocational training resources" description="Access a rich collection of books, study materials, and digital resources at the RGYCI Library. Our library supports students in their computer, technical, and vocational education with updated learning content and reference materials."
ogUrl="https://rgyci.org/library" keywords="RGYCI Library, digital library, technical books, computer education resources, student library, study materials, vocational training resources"
ogImage="/img/sld/8.jpg"> ogUrl="https://rgyci.org/library"
ogImage="/img/sld/8.jpg">
<Header/> <Header/>
<Menu/> <Menu/>
<main> <main>
<section class="container mx-auto my-16 px-4"> <section class="container mx-auto my-16 px-4">
<h1 class="text-3xl underline text-center pb-16 decoration-red-800">Library</h1> <h1 class="text-3xl underline text-center pb-16 decoration-red-800">Library</h1>
<div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-16 place-items-center"> <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-16 place-items-center">
<img src="/img/lb/1.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt=""> {libraryImages.map((image) => (
<img src="/img/lb/2.jpeg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt=""> <img
<img src="/img/lb/3.jpeg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt=""> src={image}
<img src="/img/lb/4.jpeg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt=""> class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none"
<img src="/img/lb/6.jpeg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt=""> alt="Library image"
<img src="/img/lb/7.jpeg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt=""> />
<img src="/img/lb/8.jpeg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt=""> ))}
<img src="/img/lb/9.jpeg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
<img src="/img/lb/10.jpeg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
<img src="/img/lb/11.jpeg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
<img src="/img/lb/12.jpeg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
<img src="/img/lb/12.jpeg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
</div> </div>
</section> </section>
</main> </main>
@ -35,9 +45,9 @@ import Footer from "../components/Footer.astro";
</Layout> </Layout>
<style> <style>
.area { .area {
width: 500px; width: 500px;
height: 350px; height: 350px;
background-color: rgb(215, 247, 244); background-color: rgb(215, 247, 244);
border-radius: 16px; border-radius: 16px;
} }
</style> </style>