|
<!DOCTYPE html> |
|
<html lang="id"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>Portfolio Saya</title> |
|
<link rel="stylesheet" href="style.css"> |
|
</head> |
|
<body> |
|
<header> |
|
<div class="container"> |
|
<h1>Selamat Datang di Portfolio Saya</h1> |
|
<nav> |
|
<button class="menu-toggle" aria-label="Toggle Navigation">☰</button> |
|
<ul class="nav-links"> |
|
<li><a href="#skills">Skills</a></li> |
|
<li><a href="#projects">Projects</a></li> |
|
<li><a href="#contact">Contact</a></li> |
|
</ul> |
|
</nav> |
|
</div> |
|
</header> |
|
|
|
<main> |
|
<section id="skills"> |
|
<h2>Skills</h2> |
|
<ul> |
|
<li>Generative AI</li> |
|
<li>Blockchain</li> |
|
<li>Software Engineering</li> |
|
</ul> |
|
</section> |
|
|
|
<section id="projects"> |
|
<h2>Projects</h2> |
|
<ul> |
|
<li> |
|
<strong>Sentiment Analysis:</strong> Web app untuk analisis sentimen dalam Bahasa Indonesia. |
|
</li> |
|
<li> |
|
<strong>Visualisasi Squad Sepak Bola:</strong> Tools untuk membuat formasi tim sepak bola dengan statistik pemain. |
|
</li> |
|
</ul> |
|
</section> |
|
|
|
<section id="contact"> |
|
<h2>Contact</h2> |
|
<form action="#" method="post"> |
|
<label for="name">Nama:</label> |
|
<input type="text" id="name" name="name" required> |
|
|
|
<label for="email">Email:</label> |
|
<input type="email" id="email" name="email" required> |
|
|
|
<label for="message">Pesan:</label> |
|
<textarea id="message" name="message" rows="4" required></textarea> |
|
|
|
<button type="submit">Kirim</button> |
|
</form> |
|
</section> |
|
</main> |
|
|
|
<footer> |
|
<p>© 2025 [Nama Kamu]</p> |
|
</footer> |
|
|
|
<script src="script.js"></script> |
|
</body> |
|
</html> |
