| <!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> |
