Second Batch

hobbies.html

@@ -4,8 +4,21 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Hobbies</title>
+    <link rel="stylesheet" href="hobbies.css">
 </head>
-<body>
+<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>
     
 </body>
 </html>