intro

Information

Folder: src/components/patterns/intro

Files

Schema

// src/components/patterns/intro/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: /patterns/intro
additionalProperties: false
type: object
required:
  - heading
  - copy
properties:
  heading:
    type: string
  copy:
    type: string
    format: html
  contact_block:
    type: string
    format: html
    description: elements/contact-block
  has_divider:
    type: boolean

Mocks

// src/components/patterns/intro/mocks.yaml

heading: 'Unser starkes Team braucht Verstärkung: Deine!'
copy: >-
  <p>Zur Verstärkung des Finstral-Montage-Service suchen wir Monteure für das
  Gebiet Südtirol. Wir bieten Dir alle Vorteile eines großen Unternehmens:
  verlässlicher Arbeitgeber, gute Ausbildung (ift-zertifizierte Montage) und ein
  spannendes Betätigungs-feld.</p>
contact_block:
  $tpl: elements/contact-block
  $ref: elements/contact-block#default
$variants:
  - $name: without contact
    contact_block: null
  - $name: partner
    contact_block:
      $tpl: elements/contact-block
      $ref: elements/contact-block#partner
  - $name: with divider line
    has_divider: true

Template

// src/components/patterns/intro/intro.twig

{{ attach_library('finstral_global/pattern-intro') }}

<div class="Intro u-container u-grid{% if not contact_block %} Intro--withoutContact{% endif %}">
	<div class="Intro-text">
		<h2 class="Intro-heading u-typo-HeadlineXL">{{ heading }}</h2>
		<div class="Intro-copy u-typo-TextL">{{ copy }}</div>
	</div>
	{% if contact_block %}
		<div class="Intro-contact">{{ contact_block }}</div>
	{% endif %}
	{% if has_divider %}
		<div class="Intro-divider u-breakout"></div>
	{% endif %}

</div>

Variants

default

Open

default mock data

heading: 'Unser starkes Team braucht Verstärkung: Deine!'
copy: >-
  <p>Zur Verstärkung des Finstral-Montage-Service suchen wir Monteure für das
  Gebiet Südtirol. Wir bieten Dir alle Vorteile eines großen Unternehmens:
  verlässlicher Arbeitgeber, gute Ausbildung (ift-zertifizierte Montage) und ein
  spannendes Betätigungs-feld.</p>
contact_block:
  $tpl: elements/contact-block
  $ref: elements/contact-block#default

Unser starkes Team braucht Verstärkung: Deine!

Zur Verstärkung des Finstral-Montage-Service suchen wir Monteure für das Gebiet Südtirol. Wir bieten Dir alle Vorteile eines großen Unternehmens: verlässlicher Arbeitgeber, gute Ausbildung (ift-zertifizierte Montage) und ein spannendes Betätigungs-feld.

Ihre Ansprechpartnerin

Maren Glasner

Head of Human Ressources, Unterinn, Südtirol, Italien

without contact

Open

without contact mock data

heading: 'Unser starkes Team braucht Verstärkung: Deine!'
copy: >-
  <p>Zur Verstärkung des Finstral-Montage-Service suchen wir Monteure für das
  Gebiet Südtirol. Wir bieten Dir alle Vorteile eines großen Unternehmens:
  verlässlicher Arbeitgeber, gute Ausbildung (ift-zertifizierte Montage) und ein
  spannendes Betätigungs-feld.</p>
contact_block: null

Unser starkes Team braucht Verstärkung: Deine!

partner

Open

partner mock data

heading: 'Unser starkes Team braucht Verstärkung: Deine!'
copy: >-
  <p>Zur Verstärkung des Finstral-Montage-Service suchen wir Monteure für das
  Gebiet Südtirol. Wir bieten Dir alle Vorteile eines großen Unternehmens:
  verlässlicher Arbeitgeber, gute Ausbildung (ift-zertifizierte Montage) und ein
  spannendes Betätigungs-feld.</p>
contact_block:
  $tpl: elements/contact-block
  $ref: elements/contact-block#partner

Unser starkes Team braucht Verstärkung: Deine!

Partner Finstral

Hochstraß 2
83064 Raubling
Deutschland

with divider line

Open

with divider line mock data

heading: 'Unser starkes Team braucht Verstärkung: Deine!'
copy: >-
  <p>Zur Verstärkung des Finstral-Montage-Service suchen wir Monteure für das
  Gebiet Südtirol. Wir bieten Dir alle Vorteile eines großen Unternehmens:
  verlässlicher Arbeitgeber, gute Ausbildung (ift-zertifizierte Montage) und ein
  spannendes Betätigungs-feld.</p>
contact_block:
  $tpl: elements/contact-block
  $ref: elements/contact-block#default
has_divider: true

Unser starkes Team braucht Verstärkung: Deine!

Ihre Ansprechpartnerin

Maren Glasner

Head of Human Ressources, Unterinn, Südtirol, Italien