ismail-sk/patika-learn

patika-learn CSS

odev1 - lab8-Cs50

this is builded for CS50x lab8 home work and also sended for patika CSS learning home work(odev1)

see live here: https://triviaa-cs-css-html.surge.sh/

odev2 - patigoogle

Old google page clone for css study. patika CSS learning home work(odev2)

see live here: https://pati-1998google-homework.surge.sh/Google!.html

odev3 - patigoogle3

google page clone and edit for css study. patika CSS learning home work(odev3)

for live; https://pati-google-css-study2.surge.sh/Google.html

istenilen stiller

• Fark ettiyseniz logo eski bir Google logosu. Bu logoyu günümüzde logo ile değiştirmelisiniz. Kullanmanız gereken logo assets klasöründe bulunmakta.

• Üstteki alanı sağ tarafa alın ve fotoğrafı kendi fotoğrafınız ile değiştirin ve fotoğrafın kenarlarını yarıçap özelliği ile düzenleyiniz.

• Arama yapılacak alanın kenarlarını yarıçap özelliği ile düzenleyiniz.

• Arama simgesi gibi sesle arama simgesini de siz ekleyin. (Nasıl yapıldığını görmek için Google Ana Sayfa'dan İncele ile yazılanları inceleyiniz.)

• Arama alanında yazı yazılan yerin genişliği 480px olmalı ve kenarlığı olmamalı.

• Buttonları ortaya alıp üstünden ve sağından boşluklar veriniz. Button kenarları 1px kalın #f2f2f2 renginde olmalı. Yazı tipi Arial, yazı rengi #5f6368, yazı boyutu 14px olmalı. Button yüksekliği 36px olmalı.

• Buttonlara aynı arama alanında olduğu gibi gölge veriniz.

• Footerda arkaplan rengini #f2f2f2 yapınız ve liste noktalarını ortadan kaldırın.