🎓 Proje Kodları (Yalnızca Kod Gösterimi)

🧍 Biyografi Sitesi

<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8">
  <title>Benim Biyografim</title>
  <style>
    body {
      font-family: 'Segoe UI', sans-serif;
      margin: 0;
      padding: 0;
      background: linear-gradient(to right, #00c6ff, #0072ff);
      color: white;
    }
    .container {
      max-width: 800px;
      margin: 50px auto;
      background-color: rgba(0,0,0,0.5);
      padding: 30px;
      border-radius: 10px;
    }
    img {
      border-radius: 50%;
      max-width: 150px;
    }
    h1 {
      text-align: center;
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>Benim Biyografim</h1>
    <center>
      <img src="https://via.placeholder.com/150" alt="Profil Fotoğrafı">
    </center>
    <p><strong>Ad:</strong> Ahmet Yılmaz</p>
    <p><strong>Doğum Tarihi:</strong> 15 Mart 2003</p>
    <p><strong>Hakkımda:</strong> Kod yazmayı ve web tasarımı seven biriyim.</p>
  </div>
</body>
</html>

⛏️ Minecraft Sunucusu Tanıtım Sayfası

<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8">
  <title>MegaBlock MC Sunucusu</title>
  <style>
    body {
      font-family: 'Courier New', monospace;
      background: linear-gradient(to right, #43cea2, #185a9d);
      color: #fff;
      margin: 0;
      padding: 0;
    }
    .container {
      max-width: 900px;
      margin: auto;
      padding: 40px;
    }
    .banner h1 {
      font-size: 3em;
      text-shadow: 2px 2px 5px black;
    }
    .info-box {
      background-color: rgba(0, 0, 0, 0.6);
      padding: 20px;
      border-radius: 10px;
      margin-bottom: 20px;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="banner">
      <h1>🎮 MegaBlock Sunucusu</h1>
      <p>Survival | Skyblock | MiniGames</p>
    </div>
    <div class="info-box">
      <h2>Sunucu Özellikleri</h2>
      <ul>
        <li>Lag'sız 7/24 açık</li>
        <li>Görev sistemi</li>
      </ul>
    </div>
    <div class="info-box">
      <h2>IP Adresi</h2>
      <div>mc.megablocktr.com</div>
    </div>
  </div>
</body>
</html>

🧠 İlginç Gerçekler Sitesi

<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8">
  <title>İlginç Gerçekler</title>
  <style>
    body {
      font-family: 'Verdana', sans-serif;
      background: linear-gradient(to right, #f7971e, #ffd200);
      color: #333;
      padding: 50px;
    }
    .fact-box {
      background-color: rgba(255,255,255,0.9);
      border-radius: 10px;
      padding: 20px;
      margin-bottom: 20px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    }
  </style>
</head>
<body>
  <h1>🧠 İlginç Gerçekler</h1>

  <div class="fact-box">
    <strong>🐙 Ahtapotların üç kalbi vardır!</strong>
    <p>Biri vücuda, diğer ikisi solungaçlara kan pompalar.</p>
  </div>

  <div class="fact-box">
    <strong>🚀 Roketler çok yakıt harcar.</strong>
    <p>1 milyon litreye kadar çıkabilir.</p>
  </div>

</body>
</html>