/* Genel Ayarlar ve Tema Rengi */
:root {
/* Renk Paleti Tanımlama */
--ana-renk: #007bff; /* Mavi (Linkler, Butonlar) */
--vurgu-renk: #28a745; /* Yeşil (Başarı, vurgu) */
--arka-plan-acik: #f8f9fa; /* Çok açık gri */
--golge: rgba(0, 0, 0, 0.1);
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
background-color: var(--arka-plan-acik);
color: #343a40; /* Koyu gri yazı rengi */
}
/* Link Stilleri (Genel) */
a {
color: var(--ana-renk); /* Tüm linkler ana rengi alsın */
text-decoration: none;
transition: color 0.3s;
}
a:hover {
color: #0056b3; /* Hover'da biraz koyu mavi */
text-decoration: underline;
}
/* Başlık Alanı */
header {
background-color: #343a40; /* Koyu gri başlık */
color: white;
padding: 1em 0;
box-shadow: 0 4px 8px var(--golge);
}
/* Gezinme Çubuğu (Navbar) */
nav ul li a {
color: white;
padding: 10px 15px;
/* Navbar'daki aktif/hover stilleri aynı kalsın */
}
nav ul li a.active {
background-color: var(--ana-renk); /* Aktif link mavi */
color: white;
}
/* Ana İçerik Alanı */
.icerik {
padding: 30px;
max-width: 900px;
margin: 40px auto;
background-color: white;
border-radius: 12px;
box-shadow: 0 8px 20px var(--golge); /* Daha belirgin gölge */
}
/* Renkli Başlık Stili */
.icerik h1 {
color: var(--vurgu-renk); /* Ana başlığı yeşil yapalım */
border-bottom: 2px solid var(--arka-plan-acik);
padding-bottom: 10px;
}
.icerik h3 {
color: var(--ana-renk); /* Proje başlıklarını mavi yapalım */
}
/* **Yeni: Buton Görünümünde Link** */
.buton-link {
display: inline-block;
background-color: var(--ana-renk);
color: white !important; /* Link rengini geçersiz kıl */
padding: 10px 20px;
margin-top: 15px;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
transition: background-color 0.3s, transform 0.2s;
}
.buton-link:hover {
background-color: #0056b3;
transform: translateY(-2px);
text-decoration: none;
}
/* GİZLİ DETAY BÖLÜMÜ (Detay linkleri de renkli) */
.proje-detay {
background-color: #eaf6ff; /* Açık mavi arka plan */
border-top: 2px solid var(--ana-renk);
/* ... (Diğer stiller aynı kalacak) ... */
}
/* Kapatma Butonu Kırmızı */
.detay-kapat {
color: #dc3545 !important;
font-weight: bold;
}
/* **Yeni: Proje Görselleri** */
.proje-gorsel {
width: 100%;
height: 200px; /* Sabit bir yükseklik verelim */
background-color: #e0e0e0; /* Resim yüklenene kadar gri alan */
border-radius: 6px;
object-fit: cover; /* Resmin kutuyu doldurmasını sağlar */
margin-bottom: 10px;
border: 1px solid var(--golge);
}
Ana Sayfa - Web Sitem
Hoş Geldiniz!
Burası web sitemin ana sayfasıdır. Kendimi ve ilgi alanlarımı tanıttığım bölümdür. Yeteneklerimi ve çalışmalarımı görmek için aşağıdaki butona tıklayın.
Unutmayın: Başarı, doğru araçları doğru zamanda kullanmaktan geçer.
Projelerim
Aşağıdaki projelerin herhangi birine tıklayarak detayı hemen altında görebilirsiniz. Her projenin kullanılan teknolojilerini etiketlerde bulabilirsiniz.
📄