1. Tekst podstawowy

Akapit

To jest przykładowy akapit tekstu. Służy do sprawdzenia fontu bazowego, interlinii oraz szerokości kolumny tekstowej w motywie.

Nagłówki [we wszystkich nagłówkach poza H1 robimy uppercase].

Nagłówek H1

Nagłówek H2 [Powinien być pogrubiony. Pogrubienie z edytora z paska podstawowej edycji niewiele zmienia – chodzi raczej o takie wytłuszczenie jak w h1. Powinien być większy, taki w rozmiarze 3XL]

Nagłówek H3 [Powinien być niepogrubiony. Rozmiar 3XL]

Nagłówek H4 [Powinien być w rozmiarze 2XL]

Nagłówek H5 [Powinien być w rozmiarze Extra Large i w naszym granacie: 011e41]

Nagłówek H6 [Prośba o zmianę koloru na nasz niebieski: 0097df i powiększenie na rozmiar: large]

---

Lista wypunktowana

• Element listy pierwszy
• Element listy drugi
• Element listy trzeci

Lista numerowana [Czy jesteśmy poza taką standardową listą (jak poniżej) zrobić drugą, dodatkową? Wtedy potrzebowałybyśmy w tej drugiej wersji powiększyć liczby. W niektórych zakładkach zaczęłyśmy się z tym bawić i nie wygląda to za dobrze, np. Etapy procesu rekrutacyjnego i Contracting. Ta druga punktowana lista faktycznie służyć nam będzie do pokazywania procesów. To dla nas ważne, żeby odstępy między punktami były nieco większe niż tu poniżej, a same liczby miały większy rozmiar, mogą być wręcz wytłuszczone. Tytuły punktów również mogą być większe i pogrubione, a pod spodem powinna istnieć możliwość wpisania rozwinięcia danego punktu, już standardową czcionką treści.]

1. Punkt pierwszy
2. Punkt drugi
3. Punkt trzeci

Lista procesu

1. Punkt pierwszy
   Opis do punktu pierwszego
2. Punkt drugi
   Opis do punktu drugiego
3. Punkt trzeci
   Opis do punktu trzeciego

---

Cytat

To jest przykładowy cytat.
Można go użyć do wyróżnienia ważnej informacji lub opinii.

---

Cytat klasyczny

„Design is not just what it looks like and feels like.
Design is how it works.”
— Steve Jobs

---

Preformatowany

To jest tekst preformatowany
zachowuje spacje
oraz układ wierszy

---

Kod

const hello = () => {
  console.log("Hello Gutenberg");
};

---

Tabela [Tabela powinna mieć zaokrąglone rogi i możliwość modyfikowania kolorów pól w poszczególnych kolumnach i wierszach. Treść w pierwszej kolumnie powinna być pogrubiona.]

Kolumna 1	Kolumna 2	Kolumna 3
Wartość 1	Wartość 2	Wartość 3
Wartość 4	Wartość 5	Wartość 6

---

Wers

Róże są czerwone
Fiołki są niebieskie
Ten blok to wers
A nie akapit zwykły

2. Media

Obraz

Galeria

---

Media i tekst

3. Design / Układ

Separator [Właśnie z tym separatorem mam problem – raz robi się taki gruby jak poniżej, a innym razem znacznie cieńszy. Z czego to wynika?]

---

---

Spacer

---

Przyciski

---

Grupa – czy tutaj można zmienić kolor na różowy/niebieski/granatowy – do wyboru?

4. Widżety / dynamiczne

Najnowsze wpisy

• Planowanie ścieżki kariery na kolejny rok – jak zrobić to skutecznie i osiągnąć realny postęp?
• Jak przygotować się do rozmowy rocznej z przełożonym?
• Jak przygotować się do Nowego Roku w pracy?
• Dlaczego rekrutacje mogą zwalniać pod koniec roku? Poznaj najczęstsze przyczyny
• Jak wykorzystać sztuczną inteligencję do stworzenia idealnego CV?

Wyszukiwarka

Szukaj

5. Embed

YouTube – jesteśmy tu w stanie zaokrąglić rogi?

Spotify

6. Bloki specjalne

Szczegóły (accordion)

Test

Test2

Kliknij aby rozwinąć

To jest treść ukryta w accordionie.

Koniec strony testowej 🎉

Ta strona służy wyłącznie do:

• decyzji które bloki zostawić redaktorom
• testów wizualnych motywu
• sprawdzenia responsywności