General notes CODE

All components should have the following settings in the backend ot the TYPO3 CMS, which assign certain CSS classes to the components (CSS class names in brackets)
  • Vertical distance before:
    • large (.mt-10)
    • default (no CSS class)
    • small (.mt-7)
    • very small (.mt-5)
    • none (.mt-0)
  • Background-Color:
    • 1 (.background.bgc1)
    • 2 (.background.bgc2)
    • 3 (.background.bgc3)
    • transparent (no CSS class) - default value
All components should have an optional header as the first element. The editor chooses between H2 ... H5.

Grid CODE

Header with Hamburger Menue CODE

Footer CODE

Second-Footer CODE

Offcanvas-Navigation CODE

Hero-Video (full view) CODE

LANTAL AVIATION INTERIORS

With over 60 years of experience in aviation, Lantal is your competent partner in every respect.

Hero-Area CODE

Label Text

Lantal wins the CRYSTAL CABINE AWARD

To preserve our ability to be successful, we are interested in meeting energetic and eclectic individuals who wish to invest their knowledge and skills in Lantal’s activities - even when we do not have specific job openings.

Hero-Area (H2) CODE

Everything from one source. Our products and services.

Lantal’s entire Aircraft line is designed specifically for aviation and meets the strictest regulations and highest expectations.

Text-Block (breit) CODE

Everything from one source. Our products and services.

Den Namen «Milchstrasse» trägt unsere Galaxie nach dem altgriechisch Wort γαλαξίας (κύκλος) galaxías (kýklos), zu γάλα gála „Milch“, die als freiäugige Innenansicht des Systems von der Erde aus wie ein quer über das Firmament gesetzter milchiger Pinselstrich erscheint. Dass dieses weissliche Band sich in Wirklichkeit aus unzähligen einzelnen Sternen zusammensetzt, wurde von Demokrit behauptet und in der Neuzeit 1609 von Galileo Galilei erkannt, der die Erscheinung als Erster durch ein Fernrohr betrachtete. Die Milchstrasse besteht nach heutiger Schätzung aus ca. 100 bis 400 Milliarden Sternen.

Sapien aliquam sit auctor ultricies vivamus cras potenti quisque sodales consequat. Lorem vulputate erat tristique quisque lectus condimentum. Ac mollis dictumst senectus.

Suscipit tempus

_ Text-Block (schmal) CODE

Everything from one source. Our products and services.

Den Namen «Milchstrasse» trägt unsere Galaxie nach dem altgriechisch Wort γαλαξίας (κύκλος) galaxías (kýklos), zu γάλα gála „Milch“, die als freiäugige Innenansicht des Systems von der Erde aus wie ein quer über das Firmament gesetzter milchiger Pinselstrich erscheint. Dass dieses weissliche Band sich in Wirklichkeit aus unzähligen einzelnen Sternen zusammensetzt, wurde von Demokrit behauptet und in der Neuzeit 1609 von Galileo Galilei erkannt, der die Erscheinung als Erster durch ein Fernrohr betrachtete. Die Milchstrasse besteht nach heutiger Schätzung aus ca. 100 bis 400 Milliarden Sternen.

Sapien aliquam sit auctor ultricies vivamus cras potenti quisque sodales consequat. Lorem vulputate erat tristique quisque lectus condimentum. Ac mollis dictumst senectus.

Suscipit tempus

# First Last Handle Link
1 Mark Otto @mdo https://www.snowflake.ch
2 Jacob Thornton @fat https://atomic-kitchen.com
3 Larry the Bird @twitter https://www.snowflake.ch

Sollicitudin. Felis molestie

Sapien aliquam sit auctor ultricies vivamus cras potenti quisque sodales consequat. Lorem vulputate erat tristique quisque lectus condimentum. Ac mollis dictumst senectus.

Den Namen «Milchstrasse» trägt unsere Galaxie nach dem altgriechisch Wort γαλαξίας (κύκλος) galaxías (kýklos), zu γάλα gála „Milch“, die als freiäugige Innenansicht des Systems von der Erde aus wie ein quer über das Firmament gesetzter milchiger Pinselstrich erscheint. Dass dieses weissliche Band sich in Wirklichkeit aus unzähligen einzelnen Sternen zusammensetzt, wurde von Demokrit behauptet und in der Neuzeit 1609 von Galileo Galilei erkannt, der die Erscheinung als Erster durch ein Fernrohr betrachtete. Die Milchstrasse besteht nach heutiger Schätzung aus ca. 100 bis 400 Milliarden Sternen.

Accordion (breit) CODE

This is the first item's accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

_ Accordion (schmal) CODE

This is the first item's accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

Sharing (breit) CODE

_ Sharing (schmal) CODE

Back-Link CODE

Filter-Area CODE

Quote CODE

The winning entry shows potential to improve the ecological footprint of aircraft cabins in multiple ways, saving not only 60% of water and 80% of waste during production but also aircraft weight and thus CO2 emissions. At the same time, this ultra-lightweight carpet is visually customizable to the customer’s needs.

C2A CODE

Everything from one source. Our products and services.

Our specialty is the ability to transform spaces that move into moving spaces. It’s easy to work with us.

Carousel-Block (Swiper) CODE

Teaser-Block (Label + Headline) CODE

_ Teaser-Block (H5, Text + Button) CODE

_ Teaser-Block [with only 2 images] CODE

Single-Teaser (image left) CODE

Erat malesuada

Malesuada est porttitor vestibulum molestie potenti maecenas condimentum.

_ Single-Teaser (image right) CODE

Suscipit tempus

Integer est arcu loremorci eros torquent vitae risus fusce nullam erat euismod duis platea dictut maecenas.

Youtube-Video CODE

Teaser-Set CODE

Image-Block (full) CODE

_ Image-Block (L) CODE

Das galaktische Zentrum (links unten) im infraroten Spektrum, verdeckt von Staubwolken.

_ Image-Block (M) CODE

Das galaktische Zentrum (links unten) im infraroten Spektrum, verdeckt von Staubwolken.

Form-Block CODE

Verborgen hinter Dunkelwolken

Lorem mollis platea velit
Das galaktische Zentrum (links unten) im infraroten Spektrum, verdeckt von Staubwolken.
Das galaktische Zentrum (links unten) im infraroten Spektrum, verdeckt von Staubwolken.
Est Orci fermentum plecit
Lorem mollis platea velit
Lorem mollis platea velit