Components

Interactive

Buttons

Button

Default

btn
Button
​asdfasdf
Button

Default + Icon Right

btn
Button
​asdfasdf
Button

Default + Icon Left

btn
Button
Button

Secondary

btn
Button
Secondary
​asdfasdf
Button

Secondary + Icon Right

btn
Button
Secondary
​asdfasdf
Button

Secondary + Icon Left

btn
Button
Secondary
Text

Text Link

All Links

Forms

*Required

Thank you for your submission!

Oops! Something went wrong while submitting the form.
*Required

Thank you for your submission!

Oops! Something went wrong while submitting the form.

Accordion

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Modal

Heading

Slider

Slots based

​asdfasdf

The steady center

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Learn more
​asdfasdf

Signal through noise

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Learn more
​asdfasdf

Foundation beneath

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Learn more
​asdfasdf

Flow state

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Learn more
​asdfasdf

The long view

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Learn more

CMS based

The Journey of Resilience

A reflective journey on building resilience through life experiences.
Read blog

Resilience and Strength

The connection between resilience and inner strength.
Read blog

Embracing Challenges

How embracing challenges can lead to personal growth.
Read blog

The Power of Resilience

Understanding the transformative power of resilience in our lives.
Read blog

Strength in Adversity

Exploring how challenges can build resilience and strength.
Read blog

Inline video

Marquee

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

Item 7

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

Item 7

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

Tabs

Example 1

Tab 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tab 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tab 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Example 2

Tab 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tab 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tab 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tab link preview

Use the following preview of the inactive and active tab link state for easier styling.

Inactive Tab Link

Tab Link / Inactive

tabs-link
Inactive Tab Link

Tab Link / Active

tabs-link
cc-active

Content

Breadcrumb

Icon

​asdfasdf

1 EM

icon
Icon
​asdfasdf

Small

icon
Icon
SM
​asdfasdf

Medium

icon
Icon
MD
​asdfasdf

Large

icon
Icon
LG

Image

Inherit

Image
Inherit

16x9

Image
16x9

4x3

Image
4x3

1x1

Image
1x1

Card

Simple

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

​asdfasdf

Actionable

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Button

Link cover

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

​asdfasdf​asdfasdf​asdfasdf​asdfasdf​asdfasdf

Table

Heading

Heading

Heading

Content in a cell

Content in a cell

Content in a cell

Content in a cell

Content in a cell with a lot more content that needs to span two columns

Eyebrow

Lorem ipsum

Heading

Heading

Rich Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Plain Text

This is some text inside of a div block.

Global

Nav Banner

Maler & Lackierer in Weyhe: Bewirb dich jetzt ohne Lebenslauf!

Nav

Footer

Kontakt

​asdfasdf
+49 421 491 882 15
unverbindlich beraten lassen
​asdfasdf
Zum Immhof 12
28844 Weyhe

Unternehmen

Rechtliches

Impressum
Datenschutz
AGB

Geschäftskunden & Partner

Jetzt beraten lassen!
Partner Login
© 2025
Personalsystemfabrik GmbH

Theme toggle

Build mode

Section

Section

Grid

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Hallo

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Content wrap

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Spacer

Border

Custom

Position
Name Nachname
Ich arbeite seit zwei Jahren bei TechSolutions und kann nur Positives berichten. Das Team ist unglaublich unterstützend und die Projekte sind herausfordernd und spannend. Ich fühle mich hier wirklich wertgeschätzt!
This is some text inside of a div block.

Prevent style clean up

This is where you can store elements and classes used in custom code to prevent their classes/styles from being cleaned up.