This commit is contained in:
2026-11-07 22:02:31 +07:00
parent 46505cb35b
commit f9e37204ae
3 changed files with 14 additions and 18 deletions
+6
View File
@@ -19,5 +19,11 @@
</nav> </nav>
</header> </header>
<footer class="footer">
<p>Author: Nathan Handoko</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>
</body> </body>
</html> </html>
+7 -17
View File
@@ -21,36 +21,26 @@
</header> </header>
<main class="mx-auto max-w-7xl px-6 pb-12"> <main class="mx-auto max-w-7xl px-6 pb-12">
<h1 class="mb-3 text-center text-3xl font-bold text-gray-800"> <h1 class="mb-3 text-center text-3xl font-bold text-gray-800">My Gallery</h1>
My Gallery
</h1>
<p class="mb-8 text-center text-gray-600"> <p class="mb-8 text-center text-gray-600"> A collection of my favorite moments.</p>
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"> <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"> <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"> <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"> <figcaption class="p-4 text-center font-medium text-gray-700"> Caption Foto Pertama </figcaption>
Caption Foto Pertama
</figcaption>
</figure> </figure>
<figure class="rounded-xl border-gray-200 bg-white shadow-sm hover:shadow-lg"> <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"> <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"> <figcaption class="p-4 text-center font-medium text-gray-700"> Caption Foto Pertama </figcaption>
Caption Foto Pertama
</figcaption>
</figure> </figure>
<figure class="rounded-xl border-gray-200 bg-white shadow-sm hover:shadow-lg"> <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"> <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"> <figcaption class="p-4 text-center font-medium text-gray-700"> Caption Foto Pertama </figcaption>
Caption Foto Pertama
</figcaption>
</figure> </figure>
</section> </section>
@@ -58,7 +48,7 @@
<footer class="mt-12 px-6 py-6 text-center text-gray-600"> <footer class="mt-12 px-6 py-6 text-center text-gray-600">
<p>Author: Nathan Handoko</p> <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> <p>Phone Number: 0851-0270-5905</p>
</footer> </footer>
+1 -1
View File
@@ -27,7 +27,7 @@
<img height="300" width="200" src="images/3798a1a2-4816-4eb6-8cd2-0d5ccddc2113.jpg" alt="Foto profil Nathan" style="border-radius: 1em; max-width:100%; object-fit: cover; object-position: bottom;"> <img height="300" width="200" src="images/3798a1a2-4816-4eb6-8cd2-0d5ccddc2113.jpg" alt="Foto profil Nathan" style="border-radius: 1em; max-width:100%; object-fit: cover; object-position: bottom;">
<div class="text-container"> <div class="text-container">
<h2 style="text-align: center;"> Hello, I'm Nathan </h2> <h2 style="text-align: center;"> Hello, I'm Nathan </h2>
<p style="text-align: center; font-style: italic;"> "Would You Learn Me? I'd Learn Me!"</p> <p style="text-align: center; font-style: italic;">"I know of no better life purpose than to perish in attempting the great and the impossible."</p>
<p style="max-width: 60em; text-align: justify;">Hi, I'm Nathan! I am a Computer Science student at Widya Mandala Catholic University Surabaya (UKWMS). Nice To Meet You!</p> <p style="max-width: 60em; text-align: justify;">Hi, I'm Nathan! I am a Computer Science student at Widya Mandala Catholic University Surabaya (UKWMS). Nice To Meet You!</p>
</div> </div>
</div> </div>