RoshanPaudel/.south-city-college
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

final commit

Browse Source
This commit is contained in:
Roshan476
2025-12-23 22:15:32 +05:45
parent aa09cad6f3
commit 65c961213b
5 changed files with 906 additions and 821 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
image.html
View File

@@ -10,6 +10,11 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- bootstraps icons -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<!-- Fancybox CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css" />
</head>
<body>
<div class="side-bar">
@@ -195,7 +200,6 @@
<a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span>Gallery</span>
<i class="fas fa-chevron-down"></i>
</a>
<ul class="subdropdown-menu subdropdown-menu11 ">
<li class="vdo">
@@ -243,12 +247,11 @@
<section class="gallery-area pt-100 pb-100">
<div class="container">
<div class="row">
<!-- Image with Lightbox -->
<div class="col-lg-3 mb-4 col-md-6 gallery-item">
<a href="./assets/image/man.png" data-lightbox="event-gallery" data-title="">
<a href="./assets/image/man.png" data-fancybox="gallery" data-caption="Caption 1">
<div class="gallery-img">
<img src="./assets/image/man.png" alt="">
<img src="./assets/image/man.png" alt="Image 1">
<div class="hover-effect">
<h2>hello</h2>
<p>nameste</p>
@@ -257,9 +260,9 @@
</a>
</div>
<div class="col-lg-3 mb-4 col-md-6 gallery-item">
<a href="./assets/image/man.png" data-lightbox="event-gallery" data-title="">
<a href="./assets/image/man.png" data-fancybox="gallery" data-caption="Caption 2">
<div class="gallery-img">
<img src="./assets/image/man.png" alt="">
<img src="./assets/image/man.png" alt="Image 2">
<div class="hover-effect">
<h2>hello</h2>
<p>nameste</p>
@@ -268,7 +271,7 @@
</a>
</div>
<div class="col-lg-3 mb-4 col-md-6 gallery-item">
<a href="./assets/image/man.png" data-lightbox="event-gallery" data-title="">
<a href="./assets/image/image.png" data-fancybox="gallery" data-caption="Caption 3">
<div class="gallery-img">
<img src="./assets/image/image.png" alt="">
<div class="hover-effect">
@@ -279,7 +282,7 @@
</a>
</div>
<div class="col-lg-3 mb-4 col-md-6 gallery-item">
<a href="./assets/image/man.png" data-lightbox="event-gallery" data-title="">
<a href="./assets/image/bg.png" data-fancybox="gallery" data-caption="Caption 4">
<div class="gallery-img">
<img src="./assets/image/bg.png" alt="">
<div class="hover-effect">
@@ -377,7 +380,8 @@
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="<?=get_template_directory_uri();?>/assets/js/lightbox-plus-jquery.js"></script>
<!-- Fancybox JS -->
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.umd.js"></script>
<!-- pagination -->
<script>
const itemsPerPage = 2;