🔗 LinkedIn Clone

Bootstrap 5 kullanılarak geliştirilmiş, modern ve responsive LinkedIn arayüz klonu.

📋 Proje Hakkında

Bu proje, LinkedIn'in temel arayüz özelliklerini taklit eden, tamamen responsive bir web uygulamasıdır. Eğitim amaçlı geliştirilmiş olup, modern web tasarım prensiplerini ve Bootstrap framework'ünü kullanmaktadır.

✨ Özellikler

• 🎨 Modern Tasarım - LinkedIn'e benzer profesyonel arayüz
• 📱 Responsive - Tüm cihazlarda mükemmel görünüm
• 🚀 Hızlı ve Hafif - Saf HTML, CSS ve Bootstrap
• 🎯 Kullanıcı Dostu - Kolay navigasyon ve temiz kod yapısı
• 💼 Profesyonel Görünüm - İş ağı teması

Ana Bileşenler

• ✅ Üst navigasyon menüsü (Navbar)
• ✅ Arama kutusu
• ✅ Profil kartı ve istatistikler
• ✅ Gönderi oluşturma alanı
• ✅ Gönderi akışı (Feed)
• ✅ Beğeni, yorum, paylaşım butonları
• ✅ LinkedIn haberleri bölümü
• ✅ Önerilen kişiler
• ✅ Son görüntülenen hashtag'ler
• ✅ Footer bölümü

🛠️ Kullanılan Teknolojiler

• HTML5 - Semantik yapı
• CSS3 - Modern stil ve animasyonlar
• Bootstrap 5.3 - Responsive framework
• Bootstrap Icons - İkon kütüphanesi

🚀 Kurulum ve Kullanım

Gereksinimler

Herhangi bir kurulum gerektirmez! Sadece bir web tarayıcısı yeterlidir.

Projeyi Çalıştırma

1. Projeyi klonlayın:

git clone https://github.com/mhmtfthunal/linkedinclone.git

2. Proje dizinine gidin:

cd linkedinclone

3. index.html dosyasını tarayıcınızda açın:

# Windows
start index.html

# macOS
open index.html

# Linux
xdg-open index.html

Ya da dosyayı direkt olarak tarayıcınıza sürükleyip bırakabilirsiniz.

📁 Proje Yapısı

linkedinclone/
│
├── index.html          # Ana HTML dosyası
├── style.css           # Özel CSS stilleri
├── README.md           # Proje dokümantasyonu
└── .gitignore         # Git ignore dosyası

🎨 Ekran Görüntüleri

Ana Sayfa

• Profesyonel LinkedIn benzeri arayüz
• Üç sütunlu responsive layout
• Dinamik gönderi akışı

Özellikler

• Sol Sidebar: Profil bilgileri ve istatistikler
• Orta Alan: Gönderi oluşturma ve feed
• Sağ Sidebar: Haberler ve önerilen kişiler

🌟 Öne Çıkan Özellikler

Responsive Tasarım

Mobil, tablet ve masaüstü cihazlarda mükemmel görünüm sağlar.

Bootstrap Bileşenleri

• Cards
• Navbar
• Buttons
• Forms
• Icons
• Grid System

Temiz Kod

• Semantik HTML
• Organize CSS
• Yorum satırları
• Kolay özelleştirme

🤝 Katkıda Bulunma

Katkılarınızı bekliyoruz! Lütfen şu adımları izleyin:

1. Projeyi fork edin
2. Feature branch oluşturun (git checkout -b feature/AmazingFeature)
3. Değişikliklerinizi commit edin (git commit -m 'Add some AmazingFeature')
4. Branch'inizi push edin (git push origin feature/AmazingFeature)
5. Pull Request oluşturun

📝 Lisans

Bu proje eğitim amaçlı geliştirilmiştir ve açık kaynak kodludur.

⭐ Bu projeyi beğendiyseniz yıldız vermeyi unutmayın!

Not: Bu proje sadece eğitim amaçlıdır ve LinkedIn Inc. ile herhangi bir bağlantısı yoktur.