Initial commit: im not done, ill be back, im always come back

2026-11-06 20:39:06 +07:00
commit 965ecb70f9
6 changed files with 88 additions and 0 deletions
@@ -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>