Component Guide

Welcome to the Hellmann Component Guide for the Hellmann Worldwide Corporate Website. Here you'll find every component, you can choose from in the backend of this content management system. For example, this is one of three different hero types you can choose from. Every component you see on this page is titled with the corresponding name in the management system.

Content | Image

Content | Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.

Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.

Component Media Assets

Content | List with Appearance Arrows

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit
  • Aenean commodo ligula eget dolor
  • Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus
  • Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem

Content | List with Appearance Check

  • In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo
  • Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus
  • Vivamus elementum semper nisi. Aenean vulputate eleifend tellus
  • Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus

Content | YouTube

Please accept marketing cookies to view this content.

Accept now

Content | Tabs with Tab type Tabs

Agricultural Logistics

We offer unique industry solutions for the agricultural equipment market. Our dedicated professionals have proven their expertise in this field globally. No matter what requirements you have, we tailor logistics solutions for every mode of transport: road, air, sea, roll-on/roll-off or rail transport. Whether project, procurement or distribution logistics – we make logistics solutions work for the agricultural industry.

Fashion Logistics

We offer targeted and certified processes for the fashion industry which are supported by responsive and integrative IT tools, from all relevant production sites in the world to the point of sale. Our additional value-added services such as quality control, processing, warehousing and pick&pack combined with RFID will allow you to focus on your core competency and let us handle the logistics.

Marine Logistics

The time-critical consignments of shipping companies, shipyards, ship chandlers and suppliers of marine spare parts require a great degree of logistics precision around the clock. With our global expertise in warehousing, online inventory management, consolidation and global shipping of ship spare-parts, we can assemble a tailor-made product just for your needs.

Renewable Engery

Renewable energy sources are the future. We at Hellmann recognized this early on and created special logistics solutions for wind, solar and bio-energy. Our customized services such as product testing, spare parts logistics and packaging solutions are designed to optimize our customers' supply chains. Benefit from our excellent industry expertise to your competitive advantage. 

Content | Downloads

fachinformatiker-fur-anwendungsentwicklung.pdf

Component | Slider (Text & Image)

This is Contract Logistics

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo

Talking about Rail Solutions

Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Buy our brand new product!

This is a simple content text column. Could be an introduction text for the webform on the right side. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.

  • Just a dummy list item
  • This is a dummy list item with a longer text
  • The last dummy item

Content | Form

Component | Slider (History)

Headline for 1925

Hellmann is one of the first companies to successfully replace their horse-drawn fleet with coal-powered trucks in Germany.

A historic Headline for 1968

After more than 20 years post-war growth and expansion across Europe the company´s shares are transferred to the fourth generation, Klaus and Jost Hellmann.

Headline for 1987

Operations begin in Sydney, Australia, followed one year later by office opening in New Zealand.

A headline for 2020

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Content | Tabs with Accordion

Test headline for accordion

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.

Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Another Test Headline for Accordion

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.

Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

A Headline for this card

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Second Card Headline

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Last Card Headline

Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.

Facts with Appearance Clean

Facts Item headline

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Headline

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Another Headline

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

E-Mail Headline

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

LinkedIn Headline

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Facts with Appearance Big

Office Building

This is the subheadline

Facts with Appearance Framed

Office Building

This is the subheadline

Facts with Appearance Framed Big

Office Building

This is the subheadline

Managing Directors

Executive Board

Your contact person

Portrait von Stefan Borggreve

Stefan Borggreve

CDO | Chief Digital Officer

Get in touch

Find your Local Office

Icon Office Building
Icon Phone With Smiley
Icon User Talking
Icon E-Mail
Icon Chart Up
Icon Package
Icon Employees
icon_team
Icon_team
icon_big
Icon_big
icon_software
Icon_software
icon world
Air_Rail
hellmann_employee_icon
hellmann_nationalities
hellmann_newstarters
multiple-man-woman-1
global-intercompany
air-sea

Content | Hover Image Text

Truck from front on bridge
Lorem ipsum

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.

Truck from front on bridge
Lorem ipsum

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.

Truck from front on bridge
Lorem ipsum

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.

Component | Interview

What does Lorem Ipsum mean?
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.
What does Lorem Ipsum mean?
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.
My Tip
Lorem Ipsum is very useful!
What does Lorem Ipsum mean?
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.

Component | CTA

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.

Homepage

Component | Text & Image

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.

Frontpage 

Grid 1/2 1/2

  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum