87 lines
3.7 KiB
HTML
87 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>About</title>
|
|
<!-- External CSS : Mengatur Layout Header, Nav, dan container -->
|
|
<link rel="stylesheet" href="about.css">
|
|
<!-- Tailwind CSS : menyediakan styling komponen -->
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<!--Internal CSS : Styling background, font dan tipografi-->
|
|
<style>
|
|
#about-page {
|
|
box-sizing: border-box;
|
|
background-color: #e8e8e8;
|
|
color: #222222;
|
|
font-family: Arial, sans-serif;
|
|
padding: 20px;
|
|
}
|
|
|
|
.text-container {
|
|
width: min(100%, 50em);
|
|
line-height: 1.7;
|
|
background-color: #f5f5f5;
|
|
border: 1px solid #cccccc;
|
|
border-radius: 13px;
|
|
padding: 20px;
|
|
}
|
|
|
|
.text-container p {
|
|
text-align: justify;
|
|
}
|
|
|
|
|
|
</style>
|
|
</head>
|
|
|
|
<body id="about-page">
|
|
<!-- Navigation menu untuk berpindah antar halaman website, semua halaman menggunakan navigation yang sama -->
|
|
<header class="header">
|
|
<nav class="nav">
|
|
<!-- Inline CSS: mengatur susunan dan jarak menu secara langsung pada elemen ul -->
|
|
<ul style="display: flex; justify-content: flex-end; align-items: center; list-style-type: none; gap: 2em; padding: 0%;">
|
|
<li><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" >
|
|
<h1 class="inline-block rounded-full border border-gray-500 bg-gray-100 px-4 py-2 text-sm font-semibold tracking-wide text-gray-800"> Know Me Fully </h1>
|
|
<div class="text-container">
|
|
<p class="text-gray-800">My Full name is Nathan Handokok Sugandi, I am a Computer Science student at Widya Mandala Catholic University Surabaya (UKWMS).
|
|
I have big interest in technology and programming though im a slow learner and it take a lot of time but still i enjoy it.
|
|
Outside of my academic learning, I like to play video games during my free time, drawing some stuff, and occasionally playing with my piano.
|
|
I believe that learning is a continuous process, and every experience gives me an opportunity to grow no matter how small or big it is.
|
|
</p>
|
|
</div>
|
|
<h2>My Education Journey</h2>
|
|
<div>
|
|
<ol class="list-decimal list-outside pl-6">
|
|
<li>PG Mandala: 2010-2011</li>
|
|
<li>TK Santa Lorent: 2011-2013</li>
|
|
<li>SD Santa Lorent: 2013-2019</li>
|
|
<li>SMPK Santa Agnes: 2019-2022</li>
|
|
<li>SMAK Santa Agnes: 2022-2025</li>
|
|
<li>UKWMS: 2026-Present</li>
|
|
</ol>
|
|
</div>
|
|
<h2 > My Favourite Quote?</h2>
|
|
<p class="italic text-center">Would You Intercept Me? I'd Intercept Me!</p>
|
|
</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> |