Potrzebuję stworzyć responsywną stronę według mojego projektu
Project detail
Mam konkretny projekt, wszelkie materiały graficzne, strona miałaby wyglądać podobnie jak podlinkowany niżej projekt a konkretnie ma być to to samo tylko w układnie poziomym, obok nagłówka po lewej stronie pojawiłoby się jeszcze logo firmy a sam napis “Usługi Elektroinstalacyjne” nie musi być na całą szerokość ekranu. W prawym dolnym rogu tak jak na projekcie w ramce dane kontaktowe. Każda specjalizacja (fotowoltaika, elektryka, smart home itp) jak widać ma odpowiadający sobie obrazek kliknięcie w tekst lub obrazek będzie przenosiło na odpowidnią subdomenę (fotowoltaika.mojadomena.pl, elektryka.mojadomena.pl itp) Chciałbym o ile to możliwe aby rozkład tego na stronie był nieco nieregularny tak jak na projekcie jeśli to miałby być problem to niech to będzie dla każdego jeden prostokątny region. Całość ma być responsywna myślę że przy rozdzielczości 1920×1080 powinny przypadać 3 regiony na rząd w miarę zwężania ekranu powinno przeskoczyć na 2 w rzędzie a przy jakieś minimalnej szerokości jedno pod drugim. Ważne jest aby dobrze wyglądało na urządzeniach mobilnych. Całość musi być tak napisana aby dało się stosunkowo łatwo dorzucić kolejny region lub jakiś region usunąć. Każdy z tych obrazków musi być oddzielnym obrazkiem a tekst musi być tekstem (a nie grafiką) technika w sumie dowolna preferowany czysty html+css oczywiście może być z wykorzystaniem jakiegoś frameworka. Tło chciałbym żeby było grafiką, coś jak tło w tym projekcie, nawet daję niżej link do tego tła tylko to tło do wykorzystania jest trochę chyba zbyt marnej jakości, grafika tła ma być dopasowywana a nie rozciągana (tak żebym mógł łatwo podmienić na inną grafikę) dodatkowo przy jakichś ekstremalnych zwężeniach czy rozszerzeniach strony grafika tła może się ukrywać a tło wtedy powinno mieć jakiś jednolity ciemny kolor. Wszystkie grafiki udostępnię oraz mogę też projekt w pdf udostępnić aby łatwiej z tekstem było
tło strony: https://i.imgur.com/s0DsEWs.jpg
projekt: https://i.imgur.com/zaB0qhr.jpg