Github Linki

GitHub'da Görüntüle

Not

231856026 / Uğur
Hasan A. Hocama Teşekkür ederim ❤️

LightTune - Final Website Project

Bu proje, sadece HTML, CSS ve Bootstrap kullanarak oluşturulmuş bir web sitesidir.

Sekmeler

(Boş zamanım bulunduğu için fazladan 2 page daha oluşturdum.)

Anasayfa
Şarkılar
S.S.S.

Görseller

Sample Final Template	My Template

Projenin Amacı

Bu projenin amacı template olarak verilen, Bootstrap çerçevesi ve temel web teknolojilerini (HTML, CSS) kullanarak modern ve kullanıcı dostu bir web sitesi geliştirmektir.

Kullanılan Teknolojiler

HTML5: Web sayfasının yapısal iskeletini oluşturmak için kullanılmıştır.
CSS3: Web sayfasının stilini ve düzenini belirlemek için kullanılmıştır.
Bootstrap 5: Responsive (duyarlı) tasarım ve hazır bileşenler için kullanılmıştır.

Özellikler

Responsive Tasarım: Web sitesi, masaüstü, tablet ve mobil cihazlarda sorunsuz çalışacak şekilde tasarlanmıştır.
Navigasyon Menüsü: Kullanıcıların web sitesinde kolayca gezinmesini sağlayan yapışkan bir navigasyon çubuğu.
Carousel (Slider): Ana sayfada yer alan büyük görüntüler ve tanıtım yazıları ile dikkat çekici bir carousel bileşeni.
Kart Düzeni: Farklı içerik türlerini (örneğin, ekip üyeleri, projeler) şık bir şekilde sergileyen kart bileşenleri.
Sosyal Medya İkonları: Kullanıcıların LightTune'un sosyal medya hesaplarına kolayca erişebilmesini sağlayan ikonlar.

Proje Yapısı

index.html: Ana sayfa dosyası.
assets/
- style/
  - style.main.css: Özel CSS stillerini içeren dosya.
- img/: Görsellerin saklandığı klasör.
- pages/: Ek sayfaların saklandığı klasör (örneğin, Şarkılar, S.S.S sayfaları).

Kurulum ve Kullanım

Bu projeyi kendi bilgisayarınıza kopyalamak için GitHub üzerinden klonlayabilirsiniz:
```
git clone https://github.com/Homeless-LightTune/wtt-final.git
```
Proje klasörüne gidin:
```
cd LightTune
```
Web tarayıcınızda index.html dosyasını açarak projeyi görüntüleyebilirsiniz.

Homeless-LightTune/wtt-final