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