Bu Tasarım Nasıl Yapıldı?

Görseldeki tasarımı oluşturmak için Bootstrap'in temel sınıfları ile özel CSS katmanlarını birleştirdik:

• Arkaplan Derinliği: `linear-gradient` kullanarak bina fotoğrafının üzerine markanın kurumsal lacivertini (%85 opaklık) ekledik.
• Glassmorphism Butonlar: `backdrop-filter: blur(10px)` özelliği ile buzlu cam etkisi.
• Noktalı Ağ Deseni: Teknolojik doku için maskeleme.

Örnek CSS Kod Yapısı

.hero-section {
    background: linear-gradient(rgba(8,62,124,0.8), rgba(8,62,124,0.6)), url('...');
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.btn-glass {
    backdrop-filter: blur(10px);
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.3);
}