Create website in HTML, CSS and JS using Figma design

Wirus obecnie infiltrował stronę internetową. Strona nie działa prawidłowo. W szczególności główna strona nie działa poprawnie. Potrzebujemy dewelopera, który może naprawić ten błąd tak szybko, jak to możliwe.

Jest strona, która działa, trzeba zmienić strukturę głównego menu i stworzyć kilka nowych stron (już według tego szablonu, który jest z tym samym designem) Co jest: Struktura menu: Strona główna O nas Usługi: joga dla szczeniąt, joga + kąpiel dźwiękowa + ceremonia kakao, kąpiel dźwiękowa, joga z lamą Karta podarunkowa Blog Kontakt Co trzeba zrobić: 1. Zmienić strukturę menu na następującą: Strona główna O nas Doświadczenia tygodniowe Doświadczenia sezonowe Doświadczenia prywatne Karta podarunkowa Blog Kontakt 2. Stworzyć nowe strony (katalog usług) Doświadczenia tygodniowe Doświadczenia sezonowe (na tej stronie zrobić podział Jesień-Zima, Wiosna-Lato (lub zrobić oznaczenia przy każdej karcie produktu, kiedy jest dostępny) Doświadczenia prywatne Te strony zrobić na podstawie istniejącej strony - czyli skopiować istniejącą stronę i powiązać z nią strony usług, mają się tam wyświetlać automatycznie, jeśli zaznaczy się odpowiednią opcję 3. Dodać następujące usługi na stronie doświadczeń tygodniowych: Joga dla szczeniąt Kąpiel dźwiękowa 4. Dodać następujące usługi na stronie doświadczeń sezonowych: Kąpiel dźwiękowa Bloom Frequency Joga z lamą Pierwsze światło - Szczęśliwy wschód słońca Ceremonia herbaty zbiorów i kąpiel dźwiękowa Joga, ceremonia kakao i kąpiel dźwiękowa Zimowa kąpiel dźwiękowa przy świecach Ceremonia ustawiania intencji na Nowy Rok, ceremonia kakao, aromaterapia i kąpiel dźwiękowa 5. Dodać usługi na stronie doświadczeń prywatnych: Prywatna joga dla szczeniąt w studiu Prywatna joga dla szczeniąt w Twojej lokalizacji Prywatna kąpiel dźwiękowa dla jednej osoby Prywatna kąpiel dźwiękowa dla grupy Prywatne kąpiele dźwiękowe i ceremonie herbaty dla zespołów, liderów i wydarzeń korporacyjnych 6. Podłączyć kalendarz systemu simplybookme do stron: Pierwsze światło - Szczęśliwy wschód słońca Ceremonia herbaty zbiorów i kąpiel dźwiękowa Zimowa kąpiel dźwiękowa przy świecach Ceremonia ustawiania intencji na Nowy Rok, ceremonia kakao, aromaterapia i kąpiel dźwiękowa Ten system rezerwacji jest już skonfigurowany na stronie, trzeba według tego samego zasady podłączyć kalendarz do wymienionych stron. 6.1. Dodać przycisk „lista oczekujących” na stronach: Pierwsze światło - Szczęśliwy wschód słońca Ceremonia herbaty zbiorów i kąpiel dźwiękowa Zimowa kąpiel dźwiękowa przy świecach Ceremonia ustawiania intencji na Nowy Rok, ceremonia kakao, aromaterapia i kąpiel dźwiękowa Po naciśnięciu przycisku ma się pojawić formularz, w którym osoba zostawia swój e-mail, imię i wysyła ten formularz. Z naszej strony klient ma otrzymać wiadomość, że znalazł się na liście oczekujących, a my mamy otrzymać powiadomienie, że ktoś dołączył do listy oczekujących. Przez simplybook się nie uda, trzeba pewnie robić przez formularze shopify, lub możecie zaproponować inne rozwiązanie

Na podstawie już istniejącego szablonu projektu strony internetowej wykonać szereg dla frameworka Laravel. Makieta projektu została stworzona w Figma. Bardziej szczegółowo opiszę już w wiadomościach prywatnych.

Jest lejek sprzedażowy dla sklepu internetowego, który chcemy powtórzyć u siebie Wygląda on tak Główna strona (produkt, który jest główny w sprzedaży, na przykład koszula) Potem strona checkout (gdzie osoba wprowadza swoje dane i wybiera, ile na przykład koszul chce kupić) Następnie przechodzi dalej w lejek i oferowane są dodatkowe sprzedaże 1 (skarpetki) + potem dodatkowa sprzedaż 2 (majtki) i na końcu strona dziękuję Jak to powinno działać w kwestii przejść między stronami i logiki, możesz zobaczyć tutaj (trzeba dojść do końca do strony dziękuję) https://3plus3.heroman.com.ua/standard/ Mamy przykłady stron, które chcemy zrobić u siebie To znaczy, dla nas w zasadzie skopiujemy design - zrealizujemy - wypełnimy pod nasz produkt Strony z dodatkowymi sprzedażami będą takie same pod względem designu i struktury jak na stronie, którą wysłałem powyżej (majtki) Nie musisz wypełniać stron informacjami, tylko zebrać szkielet - aby zgłoszenie przychodziło poprawnie Nie trzeba też wymyślać struktury stron Od Ciebie w zasadzie Skopiować i zrealizować Ustawić, aby technicznie działało poprawnie Pokazać, jak z tym pracować, abyśmy mogli to robić sami Są 2 konstruktorzy stron, które mamy na myśli, z jednym intensywnie pracujemy teraz i trzeba zrozumieć, czy można na nim coś takiego rozwinąć (ale czytałem w GPT, że można)

Zadanie Trzeba stworzyć stylowy, responsywny szablon e-mailowy na podstawie dostarczonego tekstu i przygotować go do załadowania do usługi e-mail marketingowej. Co należy zrobić Opracować projekt e-maila. Stworzyć responsywny HTML e-mail. Wstawić dostarczony tekst. Przygotować bloki na obrazy i ikony. Dodaj przyciski CTA. Przygotować linki z znacznikami UTM. Stworzyć wersję tekstową wiadomości. Sprawdzić wyświetlanie w głównych klientach e-mailowych. Przygotować finalny plik do załadowania do usługi wysyłkowej. Wymagania dotyczące projektu Potrzebny jest czysty, nowoczesny, premium-style e-mail. Wiadomość powinna być łatwa do przeczytania, nieprzeładowana, z jasną strukturą, krótkimi blokami tekstowymi, wizualnymi akcentami i kilkoma przyciskami CTA. Wymagania techniczne responsywna HTML e-mailowa; poprawne wyświetlanie na desktopie i urządzeniach mobilnych; układ oparty na tabelach; szerokość kontenera około 600–700 px; inline CSS / CSS kompatybilne z e-mailem; przyciski powinny być HTML/CSS, nie obrazkami; wszystkie ważne dane powinny być tekstem HTML; obrazy powinny mieć tekst alternatywny; bez JavaScript; bez formularzy w e-mailu; poprawne działanie linków; przygotowanie znaczników UTM dla CTA. Sprawdzenie Trzeba sprawdzić wyświetlanie w co najmniej: Gmail; Apple Mail; Outlook; mobilnych klientach e-mailowych. Na wyjściu trzeba otrzymać Gotowy plik HTML e-maila. Wersję tekstową. Podgląd lub zrzuty ekranu desktop/mobile. Instrukcję, gdzie zmieniać linki, tekst i obrazy. Plik/wersję gotową do załadowania do usługi wysyłkowej. W odpowiedzi proszę dołączyć przykłady HTML e-maili, które wykonaliście, oraz wskazać, z jakimi usługami wysyłkowymi pracowaliście.