Powstała wizytówka ma mi posłużyć jako portfolio graficzne. Jej główny content opiera się na zdjęciach i grafikach, uzupełniony jest niewielkimi ilościami tekstu.
Zdecydowałam, że do zakodowania zaprojektowanego wcześniej layoutu najlepiej sprawdzi się grid i to właśnie na nim zbudowany jest szkielet strony głównej i 2 podstron (moje projekty, o mnie i kontakt).
Kliknięcie w kafelek przenosi na podstronę konkretnego projektu. Składa się ona z krótkich opisów i zdjęć skalowanych na całą szerokość ekranu. Podstrony projektów mają inny układ od wszystkich pozostałych. Navbar z lewej strony wędruje na górną belkę i jest sticky (w wersji desktopowej).
Na tych podstronach postawiłam na prosty content tekstowy. Navbar zostaje w tym samym miejscu co na stronie z projektami, a w miejsce kafelków pojawia się tekst na podstronie o mnie lub formularz na podstronie kontakt.
Na każdej z podstron w wersji mobilnej navbar z pomniejszoną wersją logo leci na górę ekranu, a treści podstron wyświetlają się w jednej kolumnie.