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 Mainfooter from "../components/Mainfooter.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)"
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."
keywords="RGYCI Library, digital library, technical books, computer education resources, student library, study materials, vocational training resources"
ogUrl="https://rgyci.org/library"
ogImage="/img/sld/8.jpg">
<Layout
title="Library - Rajeev Gandhi Youth Computer Institute (RGYCI)"
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."
keywords="RGYCI Library, digital library, technical books, computer education resources, student library, study materials, vocational training resources"
ogUrl="https://rgyci.org/library"
ogImage="/img/sld/8.jpg">
<Header/>
<Menu/>
<main>
<section class="container mx-auto my-16 px-4">
<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">
<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="">
<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 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="">
<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="">
<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="">
<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="">
{libraryImages.map((image) => (
<img
src={image}
class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none"
alt="Library image"
/>
))}
</div>
</section>
</main>
@ -35,9 +45,9 @@ import Footer from "../components/Footer.astro";
</Layout>
<style>
.area {
width: 500px;
height: 350px;
background-color: rgb(215, 247, 244);
border-radius: 16px;
width: 500px;
height: 350px;
background-color: rgb(215, 247, 244);
border-radius: 16px;
}
</style>