One page główna strona

Question

Witam mam pytanie oraz potrzebuję małej pomocy. Z ulotki muszę odtworzyć wygląd na stronę główną.

Wygląda to tak.

I mam pytanie. Czy lepiej robić to html/css czy może napisać do grafika o wysłanie plików graficznych.

Jeżeli html/css to może ktoś byłby chętny mi pomóc nakierować itp jak to zrobić :) Jest jeszcze druga sprawa.

Zdjęcia będą 2 i chciałbym zrobić tak że jak jest ten niebieskawy pasek u góry on by się ładował. Po naładowaniu zmieniało by się to zdjęcie niżej i ładował by się żółty pasek. Gdzieś widziałem taką wtyczkę js ale nie pamiętam jak ona się nazywała. Obiekty te były by stałe to znaczy. Po przejechaniu strony do doły nie poruszały by się bo menu jest inne :) Z góry bardzo dziękuję za pomoc :) 

Answer 1

logo i zdjęcia sobie załatw jako obrazki (tylko żeby logo było png i miało obszar w okół przezroczysty) reszta w html/css

Comments

PNG nie jest tu potrzebne. JPG + border-radius: 50%

a najlepiej w SVG

---

Można i tak, na pewno było by to szybsze i korzystne dla zachowania jakości grafiki tylko pytanie czy grafik ma to logo w wektorze czy jedynie raster. 

---

Logo wysłał mi w png innego mówi że nie ma jeszcze czekam na zdjęcia.

---

Loading bar zrobiłem, logo dodałem zostały mi tylko 2 małe problemy. Nie wiem jak najlepiej to zrobić.
1. Tekst ,,Praktyczne kursy dla Ciebie" jak najprościej tam umieścić?

2. Jak dodać to zdjęcie żeby dochodziło do połowy loga a dalej białe żeby było?