:root{ --bg:#0f1724; /* navy-ish */ --card:#0b1220; --accent:#7c3aed; /* purple */ --muted:#9aa4b2; --glass: rgba(255,255,255,0.04); } *{box-sizing:border-box} html,body{height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial} body{background:linear-gradient(180deg,#071029 0%,var(--bg) 100%);color:#e6eef6;line-height:1.5} .container{max-width:1000px;margin:36px auto;padding:24px} .navbar{display:flex;align-items:center;justify-content:space-between;background:var(--glass);backdrop-filter: blur(6px);padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,0.03)} .brand{display:flex;gap:12px;align-items:center} .logo{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#4f46e5);display:flex;align-items:center;justify-content:center;font-weight:700;color:white} .navlinks{display:flex;gap:8px} .navlinks a{padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--muted);font-weight:600} .navlinks a.active{background:linear-gradient(90deg, rgba(124,58,237,0.15), rgba(79,70,229,0.12));color:var(--accent);box-shadow:0 6px 18px rgba(12,18,45,0.5)} .hero{margin-top:22px;padding:26px;background:linear-gradient(180deg, rgba(255,255,255,0.02), transparent);border-radius:14px;border:1px solid rgba(255,255,255,0.03)} .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:18px} .card{background:var(--card);padding:18px;border-radius:12px;border:1px solid rgba(255,255,255,0.02);box-shadow:0 8px 30px rgba(2,6,23,0.6)} .card h3{margin:0 0 8px 0} .footer{margin-top:28px;text-align:center;color:var(--muted);font-size:14px} /* responsive */ @media (max-width:640px){.navlinks{display:flex;gap:6px;flex-wrap:wrap}.brand .title{display:none}} /* small helper for active link when opened as file:// */ Anasayfa — Basit Site

Merhaba — Benim küçük gösteri sayfam

Bu basit şablon, her sayfanın aynı temayı kullandığı ayrı HTML dosyalarıyla hazırlanmıştır. Üstteki navbar ile sayfalar arasında geçiş yapabilirsiniz.

Hızlı bilgi

Bu kısım kısa bir özet veya tanıtım içindir.

Yetenekler

HTML • CSS • JavaScript • Tasarım

İletişim

e-posta: mail@orneksite.com

Hakkımda — Basit Site

Hakkımda

Kısa bir biyografi: kim olduğunuz, neler yaptığınız, hangi tekniklerle ilgilendiğiniz.

Geçmiş

Buraya profesyonel geçmişiniz veya eğitim bilgileriniz yazılabilir.

İlgi Alanları

Full‑stack geliştirme, kullanıcı arayüzü tasarımı, açık kaynak katkıları.

Projelerim — Basit Site

Projelerim

Aşağıda örnek projelerin küçük özetleri yer alır. Her projeye daha fazla detay ekleyebilirsiniz.

Proje A

Kısa açıklama — Teknolojiler: HTML, CSS, JS

Proje B

Kısa açıklama — Teknolojiler: React, Node

Proje C

Kısa açıklama — Teknolojiler: Python, Flask