Galery
Example
Galeri adalah suatu ruang, tempat, atau platform yang digunakan untuk menampilkan koleksi karya seni, gambar, foto, atau objek lainnya yang biasanya diatur dan dipajang untuk dilihat oleh publik. Galeri bisa bersifat fisik maupun digital.
- Galeri Fisik: Ini adalah tempat atau bangunan di mana karya seni, seperti lukisan, patung, dan fotografi, dipajang. Contohnya termasuk galeri seni, museum, atau ruang pameran. Karya-karya ini biasanya dikurasi dan diatur dengan tujuan tertentu, seperti pameran tunggal seorang seniman atau tema tertentu.
- Galeri Digital: Ini adalah platform online yang menampilkan gambar, foto, atau karya seni dalam format digital. Galeri digital dapat ditemukan di situs web, aplikasi, atau platform media sosial. Pengguna dapat menelusuri dan melihat koleksi secara virtual.
Galeri bertujuan untuk memberikan akses kepada publik untuk menikmati, mengapresiasi, atau bahkan membeli karya yang dipajang. Dalam konteks web, "galeri" sering merujuk pada kumpulan gambar atau foto yang ditampilkan di halaman web dengan tata letak tertentu.
Galeri
Group Study Time
Examination Hall
Final Year Study
Online Study
Group Solution
New Teacher
Friendship Forever
Covid-19 Fact
They Love Each Other
Computer Science
Group Study & Solution
Campus Cruise
<div class="rs-gallery pt-10 pb-10 md-pt-20 md-pb-20">
<div class="container">
<div class="row">
<div class="col-lg-4 mb-30 col-md-6">
<div class="gallery-item">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/1.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/1.jpg"
alt="" /> </a></div>
<div class="title" style="font-size: 20px;">Group Study Time
</div>
</div>
</div>
<div class="col-lg-4 mb-30 col-md-6">
<div class="gallery-item">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/2.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/2.jpg"
alt="" /> </a></div>
<div class="title" style="font-size: 20px;">Examination Hall
</div>
</div>
</div>
<div class="col-lg-4 mb-30 col-md-6">
<div class="gallery-item">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/3.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/3.jpg"
alt="" /> </a></div>
<div class="title" style="font-size: 20px;">Final Year Study
</div>
</div>
</div>
<div class="col-lg-4 mb-30 col-md-6">
<div class="gallery-item">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/4.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/4.jpg"
alt="" /> </a></div>
<div class="title" style="font-size: 20px;">Online Study</div>
</div>
</div>
<div class="col-lg-4 mb-30 col-md-6">
<div class="gallery-item">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/5.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/5.jpg"
alt="" /> </a></div>
<div class="title" style="font-size: 20px;">Group Solution</div>
</div>
</div>
<div class="col-lg-4 mb-30 col-md-6">
<div class="gallery-item">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/6.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/6.jpg"
alt="" /> </a></div>
<div class="title" style="font-size: 20px;">New Teacher</div>
</div>
</div>
<div class="col-lg-4 mb-30 col-md-6">
<div class="gallery-item">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/7.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/7.jpg"
alt="" /> </a></div>
<div class="title" style="font-size: 20px;">Friendship Forever
</div>
</div>
</div>
<div class="col-lg-4 mb-30 col-md-6">
<div class="gallery-item">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/8.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/8.jpg"
alt="" /> </a></div>
<div class="title" style="font-size: 20px;">Covid-19 Fact</div>
</div>
</div>
<div class="col-lg-4 mb-30 col-md-6">
<div class="gallery-item">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/9.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/9.jpg"
alt="Image" /> </a></div>
<div class="title" style="font-size: 20px;">They Love Each Other
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 md-mb-30">
<div class="gallery-item">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/10.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/10.jpg"
alt="" /> </a></div>
<div class="title" style="font-size: 20px;">Computer Science
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 sm-md-30">
<div class="gallery-item">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/11.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/11.jpg"
alt="" /> </a></div>
<div class="title" style="font-size: 20px;">Group Study &
Solution</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="gallery-item">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/12.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/12.jpg"
alt="" /> </a></div>
<div class="title" style="font-size: 20px;">Campus Cruise</div>
</div>
</div>
</div>
</div>
</div>Galeri2
<div class="rs-gallery pt-10 pb-10 md-pt-20 md-pb-20">
<div class="container">
<div class="row gx-0 gy-0">
<div class="col-lg-4 p-0">
<div class="gallery-item">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/1.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/1.jpg"
alt="" /> </a></div>
</div>
</div>
<div class="col-lg-4 p-0">
<div class="gallery-item">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/2.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/2.jpg"
alt="" /> </a></div>
</div>
</div>
<div class="col-lg-4 p-0">
<div class="gallery-item">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/3.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/3.jpg"
alt="" /> </a></div>
</div>
</div>
<div class="col-lg-4 p-0">
<div class="gallery-item">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/4.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/4.jpg"
alt="" /> </a></div>
</div>
</div>
<div class="col-lg-4 p-0">
<div class="gallery-item">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/5.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/5.jpg"
alt="" /> </a></div>
</div>
</div>
<div class="col-lg-4 p-0">
<div class="gallery-item">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/6.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/6.jpg"
alt="" /> </a></div>
</div>
</div>
<div class="col-lg-4 p-0">
<div class="gallery-item">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/7.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/7.jpg"
alt="" /> </a></div>
</div>
</div>
<div class="col-lg-4 p-0">
<div class="gallery-item">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/8.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/8.jpg"
alt="" /> </a></div>
</div>
</div>
<div class="col-lg-4 p-0">
<div class="gallery-item">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/9.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/9.jpg"
alt="Image" /> </a></div>
</div>
</div>
<div class="col-lg-4 p-0">
<div class="gallery-item">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/10.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/10.jpg"
alt="" /> </a></div>
</div>
</div>
<div class="col-lg-4 p-0">
<div class="gallery-item">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/11.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/11.jpg"
alt="" /> </a></div>
</div>
</div>
<div class="col-lg-4 p-0">
<div class="gallery-item">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/12.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/12.jpg"
alt="" /> </a></div>
</div>
</div>
</div>
</div>
</div>Gallery Grid Layout
<div class="rs-gallery pt-10 pb-10 md-pt-20 md-pb-20">
<div class="container">
<div class="row margin-0">
<div class="col-lg-4 mb-0 padding-0 col-md-6">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/1.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/1.jpg"
alt="" /> </a></div>
</div>
<div class="col-lg-4 mb-0 padding-0 col-md-6">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/2.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/2.jpg"
alt="" /> </a></div>
</div>
<div class="col-lg-4 mb-0 padding-0 col-md-6">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/3.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/3.jpg"
alt="" /> </a></div>
</div>
<div class="col-lg-4 mb-0 padding-0 col-md-6">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/4.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/4.jpg"
alt="" /> </a></div>
</div>
<div class="col-lg-4 mb-0 padding-0 col-md-6">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/5.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/5.jpg"
alt="" /> </a></div>
</div>
<div class="col-lg-4 mb-0 padding-0 col-md-6">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/6.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/6.jpg"
alt="" /> </a></div>
</div>
<div class="col-lg-4 mb-0 padding-0 col-md-6">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/7.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/7.jpg"
alt="" /> </a></div>
</div>
<div class="col-lg-4 mb-0 padding-0 col-md-6">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/8.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/8.jpg"
alt="" /> </a></div>
</div>
<div class="col-lg-4 mb-0 padding-0 col-md-6">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/9.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/9.jpg"
alt="Image" /> </a></div>
</div>
<div class="col-lg-4 padding-0 col-md-6 md-mb-0">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/10.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/10.jpg"
alt="" /> </a></div>
</div>
<div class="col-lg-4 padding-0 col-md-6 sm-mb-0">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/11.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/11.jpg"
alt="" /> </a></div>
</div>
<div class="col-lg-4 padding-0 col-md-6">
<div class="gallery-img"><a class="image-popup"
href="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/12.jpg">
<img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/12.jpg"
alt="" /> </a></div>
</div>
</div>
</div>
</div>
Tag :