Bootstrap 5 kullanılarak geliştirilmiş, modern ve responsive LinkedIn arayüz klonu.
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.
- 🎨 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ı
- ✅ Ü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ü
- HTML5 - Semantik yapı
- CSS3 - Modern stil ve animasyonlar
- Bootstrap 5.3 - Responsive framework
- Bootstrap Icons - İkon kütüphanesi
Herhangi bir kurulum gerektirmez! Sadece bir web tarayıcısı yeterlidir.
- Projeyi klonlayın:
git clone https://github.com/mhmtfthunal/linkedinclone.git- Proje dizinine gidin:
cd linkedinclone- index.html dosyasını tarayıcınızda açın:
# Windows
start index.html
# macOS
open index.html
# Linux
xdg-open index.htmlYa da dosyayı direkt olarak tarayıcınıza sürükleyip bırakabilirsiniz.
linkedinclone/
│
├── index.html # Ana HTML dosyası
├── style.css # Özel CSS stilleri
├── README.md # Proje dokümantasyonu
└── .gitignore # Git ignore dosyası
- Profesyonel LinkedIn benzeri arayüz
- Üç sütunlu responsive layout
- Dinamik gönderi akışı
- Sol Sidebar: Profil bilgileri ve istatistikler
- Orta Alan: Gönderi oluşturma ve feed
- Sağ Sidebar: Haberler ve önerilen kişiler
Mobil, tablet ve masaüstü cihazlarda mükemmel görünüm sağlar.
- Cards
- Navbar
- Buttons
- Forms
- Icons
- Grid System
- Semantik HTML
- Organize CSS
- Yorum satırları
- Kolay özelleştirme
Katkılarınızı bekliyoruz! Lütfen şu adımları izleyin:
- Projeyi fork edin
- Feature branch oluşturun (
git checkout -b feature/AmazingFeature) - Değişikliklerinizi commit edin (
git commit -m 'Add some AmazingFeature') - Branch'inizi push edin (
git push origin feature/AmazingFeature) - Pull Request oluşturun
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.