43 lines
2.2 KiB
HTML
43 lines
2.2 KiB
HTML
<!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: 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>
|
|
</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>
|
|
<p>Phone Number : 0851-0270-5905</p>
|
|
</footer>
|
|
</body>
|
|
</html> |