- HTML: Web sayfasının yapısını oluşturur.
- CSS: Stil ve yerleşim düzenini sağlar.
- Keyframes Animasyonları: Gezegen, halkalar ve yıldızlar gibi öğeler için çeşitli animasyonlar oluşturmak amacıyla kullanılır.
@keyframes planet: Gezegeni ileri geri döndürür.@keyframes ring: Halkayı gezegenin etrafında döndürür.@keyframes dots: Gezegen üzerindeki noktaların gölgesini değiştirir.@keyframes text: Yükleniyor metnini animasyonlu hale getirir.@keyframes gradient_301: Butonlar için bir gradyan animasyonu oluşturur.@keyframes pulse_3011: Butonların etrafında bir parlama efekti oluşturur.
- Event Listener: Sayfa yüklendikten sonra yükleyiciyi gizlemek ve içeriği göstermek için kullanılır.
- Fonksiyon yonlendir(url): Bir butona tıklandığında belirtilen URL'yi yeni bir sekmede açar.
- Font Awesome: Butonlarda kullanılan simgeler (örneğin, globe, GitHub, Instagram, LinkedIn) için kullanılır.
- Dönen bir gezegen, halka ve noktalar içeren bir yükleme animasyonu.
- "Yükleniyor" metni.
- Bir kart öğesi içerir:
- Profil resmi.
- İsim ve iş unvanı.
- Çeşitli profillere (kişisel web sitesi, GitHub, Instagram, LinkedIn) yönlendiren butonlar.
- Gradyan arka planlar ve hover efektleriyle özel olarak stilize edilmiş butonlar.
- Her butonda bir simge ve etiket bulunur.
- Merkezlenmiş İçerik: Hem yükleyici hem de ana içerik ekranın ortasında yer alır.
- Duyarlı Tasarım: Tasarım farklı ekran boyutlarına uyum sağlar.
Her butonda bir simge ve etiket bulunur. Sayfa Düzeni Merkezlenmiş İçerik: Hem yükleyici hem de ana içerik ekranın ortasında yer alır. Duyarlı Tasarım: Tasarım farklı ekran boyutlarına uyum sağlar.