<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Kimdir Bu?</title>
  <link href="styles.css?v=2" rel="stylesheet">
</head>
<body>
  <div class="container">
    <aside class="sidebar">
      <ul>
        <li><a href="index.html"><img src="icons/home.png" alt="Home"></a></li>
        <li><a href="profile.html"><img src="icons/profile.png" alt="Profile"></a></li>
        <li><a href="jobs.html"><img src="icons/jobs.png" alt="Works"></li></a>
        <li><a href="contact.html"><img src="icons/contact.png" alt="Message"></li></a>
        <li><a href="portfolio.html"><img src="icons/list.png" alt="Portfolio"></a></li>
      </ul>
    </aside>
    <main class="content">
      <div class="profile-card" id="profile-card">
        <div class="profile-image">
          <img src="profile.jpg" alt="Mustafa Özkan">
        </div>
        <h2>Kimdir Bu?</h2>
        <h1>MUSTAFA ÖZKAN</h1>
        <p>Teknoloji ve tasarımı birleştirerek, dijital dünyada fark yaratmayı hedefleyen bir programcıyım.</p>
        <a href="profile.html"><button class="full-bio">Full Bio</button></a>
        <div class="social-icons">
         <a href="https://github.com/leongrphc"><img src="icons/github.png" alt="GitHub"></a> 
         <a href="https://x.com/leongrphc"><img src="icons/twitter.png" alt="Twitter"></a>
         <a href="https://github.com/leongrphc"><img src="icons/lin.png" alt="LinkedIn"></a>
        </div>
        <!-- Sağ ok ikonu -->
        <div class="next-page">
          <img src="icons/arrow.png" alt="Next" id="next-btn">
        </div>
      </div>

      <!-- Yeni Profil Kartı (Gizli) -->
      <div class="new-profile-card" id="new-profile-card">
        <div class="social-icons">
            <a href="https://github.com/leongrphc"><img src="icons/github.png" alt="GitHub"></a> 
            <a href="https://x.com/leongrphc"><img src="icons/twitter.png" alt="Twitter"></a>
            <a href="https://github.com/leongrphc"><img src="icons/lin.png" alt="LinkedIn"></a>
        </div>
      </div>
    </main>
  </div>

  <script src="script.js"></script>
</body>
</html>
