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
contact.html
+6
View File
@@ -19,5 +19,11 @@
</nav>
</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>
</html>
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>
index.html
+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;">
<div class="text-container">
<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>
</div>
</div>