xxxxxxxxxx78
<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Kai's Bio</title> <style> /* CSS styles go here */ body { background-color: #121212; /* Almost black dark gray */ color: white; font-family: Arial, sans-serif; margin: 0; padding: 0; } header { background-color: #121212; text-align: center; padding: 20px; } nav { /* Add navigation styles here */ } main { max-width: 800px; margin: 0 auto; padding: 20px; } /* Add more CSS styling as needed */ </style></head><body> <header> <h1>Kai</h1> <p>Student and Young Coder</p> </header> <nav> <!-- Add navigation links if needed --> </nav> <main> <section id="about"> <h2>About Me</h2> <p>I'm Kai, a 9-year-old student who has been coding since I was 5. I've learned Java and Python and have a passion for programming.</p> </section> <section id="projects"> <h2>Ongoing Projects</h2> <div class="project"> <img src="daisy-game-engine.jpg" alt="Daisy Game Engine"> <p> I'm currently working on an open-source game engine called Daisy. It's written in C++ and aims to make game development more accessible to everyone. </p> </div> <!-- Add more project details if needed --> </section> <section id="story"> <h2>My Story</h2> <!-- Add your story or any other content you'd like to share --> </section> </main> <footer> <!-- Add footer content if needed --> </footer> <script> // JavaScript code can go here if needed </script></body></html>