5803025001/w11_01_Nathan_personalPage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

help

Browse Source
This commit is contained in:
5803025001
2026-11-07 22:02:31 +07:00
parent 46505cb35b
commit f9e37204ae
3 changed files with 14 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
gallery.html
+7 -17
View File
@@ -21,36 +21,26 @@
</header>
<main class="mx-auto max-w-7xl px-6 pb-12">
<h1 class="mb-3 text-center text-3xl font-bold text-gray-800">
My Gallery
</h1>
<h1 class="mb-3 text-center text-3xl font-bold text-gray-800">My Gallery</h1>
<p class="mb-8 text-center text-gray-600">
A collection of my favorite moments.
</p>
<p class="mb-8 text-center text-gray-600"> A collection of my favorite moments.</p>
<!-- Gallery section: menampilkan kumpulan foto dan caption -->
<!-- Gallery section-->
<section class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
<figure class="rounded-xl border-gray-200 bg-white shadow-sm hover:shadow-lg">
<img src="images/foto1.jpg" alt="Deskripsi foto pertama" class="h-56 w-full object-cover">
<figcaption class="p-4 text-center font-medium text-gray-700">
Caption Foto Pertama
</figcaption>
<figcaption class="p-4 text-center font-medium text-gray-700"> Caption Foto Pertama </figcaption>
</figure>
<figure class="rounded-xl border-gray-200 bg-white shadow-sm hover:shadow-lg">
<img src="images/foto1.jpg" alt="Deskripsi foto pertama" class="h-56 w-full object-cover">
<figcaption class="p-4 text-center font-medium text-gray-700">
Caption Foto Pertama
</figcaption>
<figcaption class="p-4 text-center font-medium text-gray-700"> Caption Foto Pertama </figcaption>
</figure>
<figure class="rounded-xl border-gray-200 bg-white shadow-sm hover:shadow-lg">
<img src="images/foto1.jpg" alt="Deskripsi foto pertama" class="h-56 w-full object-cover">
<figcaption class="p-4 text-center font-medium text-gray-700">
Caption Foto Pertama
</figcaption>
<figcaption class="p-4 text-center font-medium text-gray-700"> Caption Foto Pertama </figcaption>
</figure>
</section>
@@ -58,7 +48,7 @@
<footer class="mt-12 px-6 py-6 text-center text-gray-600">
<p>Author: Nathan Handoko</p>
<p>Email: nathan-h.inf25@ukwms.ac.id</p>
<p>Email:<a href="mailto:nathan-h.inf25@ukwms.ac.id">nathan-h.inf25@ukwms.ac.id</a></p>
<p>Phone Number: 0851-0270-5905</p>
</footer>