mpreus / londoncalling Goto Github PK

Landing page wykonany wg zadanych wzorców - osobno dla desktopa, tablet i smartfon, poświęcony marce 'born2be'. Wzorce w folderze 'layouts'. Kliknij w link, by zobaczyć efekt. Optymalizowany wg zasady 'mobile first', z poprawnym wyświetlaniem dla smartfonów, tabletów, laptopów i desktopów. Na każdym z przyjętych urządzeń (definiowanych przez szerokość ekranu) układ treści jest nieco inny. Ładowane są też inne zestawy zdjęć (optymalizowane dla różnych wielkości ekranów). Przyjęto więc jeden plik HTML (jednakowa struktura dla każdego z ekranów) jako bazę i cztery odrębne pliki CSS, ładowane w zależności od szerokości ekranu wyrażonej w pikselach. Domyślne style są dla wersji mobilej. Najechanie kursorem na zdjęcia daje efekt niewielkiej wizualnej zmiany. Linki z przycisków KUP TERAZ prowadzą do podstron 'born2be' z obuwiem i odzieżą damską. Strona testowana była na smartfonie, laptopie (1440px szerokości ekranu) i desktopie (2800px szerokości ekranu).