Projekt strony Catfee
Projekt strony dla kawiarni
Celem projektu było przećwiczenie zdobytych umiejętności w praktyce. Jest to prosta strona typu One Page napisana w HTML’u, CSS’ie i Bootstrapie 5.
Wykorzystane narzędzia i technologie: Illustrator, Adobe XD, HTML5, CSS3, Bootstrap 5, Git, GitHub.
Etapy pracy
Pierwszym etapem pracy było stworzenie logo. Z założenia miała to być kocia kawiarnia, dlatego też w logo zawarty jest rysunek kota i kawy 😉
Kolejnym krokiem było stworzenie makiety i wstępnej wersji strony w programie Adobe XD. Kolorystyka została dobrana tak, aby nawiązywała do koloru ziaren kawy.
Mockup: Image by rawpixel.com on Freepik
Po zakończeniu prac nad makietą stworzyłam repozytorium na GitHub’ie i stopniowo wprowadzałam i stylowałam kolejne elementy projektu za pomocą HTML’a, CSS’a i Bootstrapa. Strona została zaprojektowana zgodnie z RWD.
Mockup: Image by rawpixel.com on Freepik
Kod źródłowy można sprawdzić tutaj:
Całą stronę można zobaczyć pod adresem: