Fakty żywieniowe składników Szablon HTML

Ta gotowa sekcja prezentuje informacje o przepisie za pomocą stabilnego, podzielonego układu. Duże zdjęcie potrawy wypełnia lewą kolumnę, natomiast w prawej kolumnie znajdują się dwa panele ułożone pionowo jeden nad drugim. Górny panel zawiera nagłówek „Składniki” oraz listę czterech składników, w tym startą marchewkę, brązowy cukier i rodzynki. Dolny panel nosi tytuł „Wartości odżywcze” i zawiera akapit z informacjami o wartości odżywczej na porcję. Jasnożółte tło stanowi ramę kompozycji, a białe i jasnoszare panele, czerwone nagłówki i linki, dwa łącza tekstowe oraz dekoracyjne ikony żywności dopełniają statyczny układ treści.

Statyczna sekcja z przepisem i dwoma gotowymi obszarami informacyjnymi

Zdjęcie potrawy, lista składników i akapit o wartościach odżywczych tworzą zwartą sekcję szczegółów przepisu, którą można umieścić na statycznej stronie HTML. Zdjęcie wypełnia lewą stronę od góry do dołu, stanowiąc wyraźny punkt zaczepienia wzroku. Po prawej stronie panel Składniki umieszczono nad panelem Wartości odżywcze, dzięki czemu odwiedzający mogą płynnie przejść od widocznych składników do opisu wartości na porcję bez konieczności szukania wśród innych treści.

Lista czterech pozycji obejmuje startą marchewkę, brązowy cukier i rodzynki, podczas gdy dolny panel mieści informacje o wartościach odżywczych w osobnym obszarze tekstowym. Białe i jasnoszare tła paneli wyraźnie odcinają się od jasnożółtego tła sekcji. Czerwone nagłówki i linki wprowadzają spójny akcent wizualny, a swobodne odstępy sprawiają, że informacje nie zbijają się w jedną gęstą kolumnę.

Jako statyczna sekcja HTML ten blok może odpowiadać za prezentację informacji o przepisie, podczas gdy inne sekcje strony nadrzędnej zapewniają nawigację, wprowadzenie, kolejne przepisy czy dane kontaktowe. Blok ma samowystarczalny charakter: oferuje przygotowane zdjęcie potrawy i dwa powiązane obszary informacyjne, zamiast całej strony. Funkcja Eksport HTML w Nicepage pozwala wyeksportować cały projekt, gdy szersza statyczna witryna będzie już gotowa.

Dostosuj za pomocą Nicepage

Korzystając z Kreator HTML, będziesz mógł dostosowywać kolory, czcionki, nagłówek i fooer, układ, kolumny i inne elementy projektu, a także zawartość i obrazy.

Ściągnij

Edytuj szablon w trybie offline

1. Pobierz i zainstaluj aplikację Nicepage dla systemów Windows i Mac. Lub wtyczki WordPress i Joomla ze strony strona pobierania
2. Utwórz nową stronę lub wybierz istniejącą
3. Kliknij Dodaj nowy blok, wyszukaj identyfikator 52824 i kliknij Enter

Edytuj szablon online

Uruchom Kreator online ten szablon na naszym hostingu

Twórz niesamowite witryny internetowe

WordPress

Windows App

Joomla

Mac OS App

HTML5

Online

Darmowy kreator Nicepage

Ponad 15 000 szablonów

Łatwe przeciąganie i upuszczanie

Brak kodowania

Przyjazny dla urządzeń mobilnych

Słowa kluczowe

Eksportuj i używaj tego szablonu jako witryny HTML

Utwórz przenośną witrynę HTML

Gdy szablon jest gotowy, użyj opcji Eksport HTML, aby utworzyć statyczną witrynę z plikami wymaganymi do wdrożenia. Wyeksportowaną witrynę można używać niezależnie od edytora Nicepage i wdrożyć na preferowanym hostingu.

Nicepage oferuje również ustawienia SEO i funkcje optymalizacji, w tym tytuły i opisy stron, ustawienia kanoniczne, nagłówki, tekst alternatywny obrazów i inne właściwości na poziomie strony, które pomagają przygotować witrynę do działania w wyszukiwarkach.

Wdrożenie bez CMS

Prześlij gotową witrynę do środowiska hostingowego odpowiedniego dla Twojego projektu. Ponieważ wyeksportowana witryna nie wymaga WordPressa, Joomli ani innego CMS do dostarczania stron, można ją umieścić na własnym serwerze, przesłać do dostawcy hostingu lub wdrożyć za pośrednictwem istniejącej infrastruktury internetowej.

Przekazanie plików witryny

Wygenerowane pliki witryny można również udostępnić klientowi, deweloperowi lub zespołowi hostingowemu. Pozostają one dostępne poza edytorem Nicepage do wdrożenia, przeglądu technicznego lub rozwoju konkretnego projektu, gdy wymagana jest dodatkowa praca.

Ten przepływ pracy sprawia, że szablon stanowi praktyczną podstawę dla przenośnej, statycznej witryny, którą można wyeksportować z edytora Nicepage i wdrożyć niezależnie.