From 965ecb70f91588f9279f25a5ec563f459868d273 Mon Sep 17 00:00:00 2001
From: Nathan <nathan-h.inf25@ukwms.ac.id>
Date: Fri, 6 Nov 2026 20:39:06 +0700
Subject: [PATCH] Initial commit: im not done, ill be back, im always come back

---
 about.html                                    |  11 +++++
 contact.html                                  |  11 +++++
 gallery.html                                  |  11 +++++
 hobbies.html                                  |  11 +++++
 .../3798a1a2-4816-4eb6-8cd2-0d5ccddc2113.jpg  | Bin 0 -> 11156 bytes
 index.html                                    |  44 ++++++++++++++++++
 6 files changed, 88 insertions(+)
 create mode 100644 about.html
 create mode 100644 contact.html
 create mode 100644 gallery.html
 create mode 100644 hobbies.html
 create mode 100644 images/3798a1a2-4816-4eb6-8cd2-0d5ccddc2113.jpg
 create mode 100644 index.html

diff --git a/about.html b/about.html
new file mode 100644
index 0000000..33d7219
--- /dev/null
+++ b/about.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>About</title>
+</head>
+<body>
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/contact.html b/contact.html
new file mode 100644
index 0000000..400d3fe
--- /dev/null
+++ b/contact.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Contact</title>
+</head>
+<body>
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/gallery.html b/gallery.html
new file mode 100644
index 0000000..ddfb903
--- /dev/null
+++ b/gallery.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Gallery</title>
+</head>
+<body>
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/hobbies.html b/hobbies.html
new file mode 100644
index 0000000..f3102c9
--- /dev/null
+++ b/hobbies.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Hobbies</title>
+</head>
+<body>
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/images/3798a1a2-4816-4eb6-8cd2-0d5ccddc2113.jpg b/images/3798a1a2-4816-4eb6-8cd2-0d5ccddc2113.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..47ec42762cea3175a9ed7e3e551cd9195641d77c
GIT binary patch
literal 11156
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
Z$<|@>Nfg#$!z_0Eu1f3~%K9?@zX0e?ehvTt

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
new file mode 100644
index 0000000..e9fc863
--- /dev/null
+++ b/index.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Home</title>
+</head>
+
+<body style="box-sizing: border-box;">
+    <!-- Navigation menu untuk berpindah antar halaman website, semua halaman menggunakan navigation yang sama -->
+    <header style="margin: 1em auto; width: min(1500px,100%);">
+        <nav style="margin: 1em auto 3em auto; width: min(1500px,100%);">
+            <ul style="display: flex; justify-content: flex-end; align-items: center; list-style-type: none;gap: 2em; padding: 0%;">
+                <li style="margin-right: auto;"><a href="index.html" target="_self" title="Home">Home</a></li>
+                <li><a href="about.html" target="_self" title="About me">About</a></li>
+                <li><a href="hobbies.html" target="_self" title="Hobbies">Hobbies</a></li>
+                <li><a href="gallery.html" target="_self" title="Gallery">Gallery</a></li>
+                <li><a href="contact.html" target="_self" title="Contact">Contact</a></li>
+            </ul>
+        </nav>
+    </header>
+
+    <main>
+        <section>
+            <div class="flex-container" style="display: flex; flex-direction: column; align-items: center;" >
+                <h1 style="text-align: center;"> Welcome to my First Personal website </h1>  
+                <img height="300" width="200" src="images/3798a1a2-4816-4eb6-8cd2-0d5ccddc2113.jpg" alt="Foto profil Nathan">
+                <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="max-width: 50em; text-align: justify;">Hi, I'm Nathan! I am a Computer Science student at Widya Mandala Catholic University Surabaya (UKWMS). 
+                        I have a keen interest in technology and enjoy programming. 
+                        Outside of my academic pursuits, I like playing video games, drawing, and playing the piano. </p>
+                </div>
+            </div>
+        </section>
+    </main>
+    
+    <footer>
+        <p>Author: Nathan Handoko</p>
+        <p><a href="mailto:nathan-h.inf25@ukwms.ac.id">gmail : nathan-h.inf25@ukwms.ac.id</a></p>
+    </footer>
+</body>
+</html>
\ No newline at end of file