/Firin-Sayfasi

HTML ve CSS kullanarak oluşturduğum fırın sayfası projesidir.

Primary LanguageHTML

CİNCİ Fırın Projesi

HTML ve CSS kullanarak oluşturduğum Fırın sitesi projesinin netlify'da yayınlanmış halini görmek için tıklayınız.

Bu projeyi yaparken kendimi geliştirdiğim ve öğrendiğim konular ise;

  • Font Awesome sitesinden ikonları kullanabilmek,

  • animate.css dosyasından animasyonları kullanabilmek,

  • Google Fonts sitesinden yazı tiplerini kullanabilmek,

  • Id ve Class yapılarını kullanarak etiketlere daha anlamlı isimler vererek daha rahat işlemler yapabilmek,

  • Dosyaları anlamlı bir şekilde klasörlemek ve ayırabilmek,

  • Yorum satırlarını kullanarak aranılan komutları veya özellikleri daha rahat bir şekilde bulabilmek,

  • position özelliklerinden relative, absolute ve sticky değerlerini kullanarak konumlandırma yapabilmek,

  • display özelliklerinden flex ve grid değerlerini kullanarak konumlandırma yapabilmek,

  • Pseudo class'larından hover sınıfını kullanabilmek,

  • CSS birimleri ile boyutlandırmalar yapabilmek,

  • transform özelliklerinden rotateY() ve scale() metodlarını kullanabilmek,

  • transition özelliği ile geçiş sürelerini ayarlayabilmek,

  • keyframes ve animation özelliklerini ayarlayabilmek,

  • filter özelliğinin blur() metodunu kullanabilmek,

  • opacity özelliğini ve box-shadow() metodunu kullanabilmek,

  • overflow özelliğini kullanabilmek,

  • Responsive tasarım yapabilmek.

Projenin Görünümünden Kesitler

Header Bölümü

Header

Main Bölümü

Main Main Main Main Main Main Main Main Main

Footer Bölümü

Footer