Farben
primary Green
#56a638
secondary Green
#2d572c
accent red
#ed0000
lightgray
#d6d6d6
lightgreen:
gradient primary Green
gradient secondary green
gradient red
gradient graygreen:
headings
H1
H2
H3
H4 - SEO Titel
Buttons
mehr erfahren
mehr erfahren
mehr erfahren
mehr erfahren
mehr erfahren
Kontakt Components
Das Kontaktmodul wird auf im Energielösungs Theme und auf dieversen statischen Seiten genutzt. Wir haben jeweils für die einzelnen Mitarbeiter:innen ein Unter Components unter Kontakt: Name Mitarbeiter:in sind diese aufgeführt. Diese jeweils wie hier in einem 50% Flexbox mit padding-0 einbauen.
Ihr Ansprechpartner
Jörg Jermann
Leiter Verkauf
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Ihr Ansprechpartner
Roger Cincera
Vertrieb Ostschweiz
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Ihr Ansprechpartner
Pascal Dillier
Vertrieb Westschweiz
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Kontakt
Séverin Gasser
Leiterin HR
Ich freue mich darauf, dich kennenzulernen! Du interessierst dich für eine Stelle bei IWK oder hast Fragen zu deiner Bewerbung? Dann melde dich gerne bei mir.
Ihr Ansprechpartner
Roger Cincera
Vertrieb Ostschweiz
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Energielösung theme
Im Energielösung Theme Template haben wir die Kontakt Komponenten eingebaut mit Conditions. Das heisst, im Template haben wir der Flexbox (nicht der Komponente selbst, sondern der Flexbox in der sich die Komponente befindet) die Kontiditionen gegeben:
Diese sind mit Advanced Custom Fields verknüft. Da haben wir zwei Ansprechspersonen mit Auswahloption gebaut - wo die jeweiligen Personen ausgewählt werden können.
clamp(MINIMUM, BEVORZUGT, MAXIMUM)
the red fox jumped over the lazy brown dog
XXL:
clamp(2.5rem, 7vw + 1rem, 6.75rem)
the red fox jumped over the lazy brown dog
XL:
clamp(1.75rem, 2.5vw + 1.25rem, 3.5rem)
the red fox jumped over the lazy brown dog
L:
clamp(1.4rem, 1.6071vw + 1.2857rem, 2.25rem)
the red fox jumped over the lazy brown dog
LeadText:
clamp(1.25rem, 0.5357vw + 1.0179rem, 1.5rem)
the red fox jumped over the lazy brown dog
M:
clamp(1.25rem, 0.2679vw + 0.8839rem, 1.125rem)
the red fox jumped over the lazy brown dog
S:
clamp(0.8125rem, 0.1786vw + 0.7768rem, 0.9375rem)
the red fox jumped over the lazy brown dog
XS:
clamp(0.75rem, 0.0893vw + 0.7321rem, 0.8125rem)