index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mustafa's Web Page</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <div class="container">
        <nav>
            <a href="index.html" class="selected">Home Page</a>
            <a href="word_prediction_game.html" class="unselected">Word Prediction Game</a>
        </nav>
        <h1>About Me</h1>
        <div class="profile-card">
            <img src="profile.jpg" height="100%" width="100%" alt="Mustafa Sert">
            <h2>Mustafa Sert</h2>
            <p class="subtitle">Istanbul Technical University</p>
            <p class="subtitle">Faculty of Computer and Informatics Engineering</p>
            <p class="subtitle">Artificial Intelligence and Data Engineering</p>
            <p class="subtitle">150230302</p>
            <div class="stats">
                <div>
                    <h3>Biography</h3>
                    <p>I am a first-year student studying AI and Data Engineering at Istanbul Technical University.
                        This is my second year in the university.
                        I am currently a participant in the ITU ATA team.
                        I am working on uavs software control. </p>
                </div>
                <div>
                    <h3>Interests </h3>
                    <ul>
                        <li>Web Development</li>
                        <li>Machine Learning</li>
                        <li>Mobile Development</li>
                        <li>Deep Learning</li>
                    </ul>
                </div>
            </div>
        </div>
        <footer>
            <button onclick="window.location.href='word_prediction_game.html'" id="loadButton">Word Prediction Game</button>
            <p>&copy; 2025</p>
        </footer>
    </div>
</body>
</html>