Pre-title: hero component
Title
Body text: This component is used at the top of the page, just below the main gea.com navigation bar. Its purpose is to enhance the visual appeal of the page through a prominent headline, introductory information, an optional image, and a call-to-action. This component, whether it includes a visual or not, is commonly used across most web pages on gea.com.
The rich text component can be used anywhere on your page to display textual content. It allows you to emphasize headlines, create bullet points, and more, providing flexibility in how you present information. It can also be used to build in-text tables.
Rich text component - headline 2
This is the standard rich text. You can use it to paste all kinds of text into it. It does
The image block can be utilized anywhere on the page where a single image, optionally accompanied by a caption, is required. To achieve your desired page layout, you may need to experiment with various combinations of rich text and image block components.
Different options of the Feature component in this order:
- Default Feature block - vibrant blue background, image on the right size and not set into full-width
- Feature block with flipped image -image appears on the left side and the text - on the right
- Full-width feature block option
- Feature block with a Night blue background
- Feature block with a Light grey background
- Feature block with a White background
- Feature block with integrated video from video 23 platform.
This is the Example Feature sub-title
This is the Example Feature title
This is the Example Feature sub-title
This is the Example Feature title
This is the Example Feature sub-title
This is the Example Feature title
This is the Example Feature sub-title
This is the Example Feature title
This is the Example Feature sub-title
This is the Example Feature title
This is the Example Feature sub-title
This is the Example Feature title
This is the Example Feature sub-title
This is the Example Feature title
This is the quick links title (one column or two columns can be selected in "More" and "Edit component properties"
This is a quotation - At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Cicero (Name)
Finibus Bonorum et Malorum (Titel or position)
Grid options for gea.com
- 2-Column Equal Grid layout: standard card on the left, feature component on the right.
- 2-Column Wide (Left or Right) Grid layout: one side is wider than the other (can be left or right). The more narrow side allows to stack cards below each other.
Card, event card, feature, rich text, image block, quote, icon cards will work pretty well in 2-column grid.
- 3-Column Grid: best for cards, icon cards, and event cards. Example below: two standard cards and one icon card.
- 4-Column Grid: best for cards, icon cards, and event cards.
Larger content pieces (such as rich text or quote) may not display well in this format.
Use 2-column grids for maximum flexibility and to combine different content types.
Reserve 3- and 4-column grids for smaller, card-based content to maintain a clean look.
It’s not just about a job. Here at GEA, we’re really there for each other.
Adriana and Carolina
About us
Engineering for a better world
GEA 职业
关于 GEA
GEA 的历史可以追溯到 140 多年前。如今，我们在富有弹性的客户行业开展业务，拥有超过 18,000 名敬业的员工，并与 150 多个国家/地区开展业务。
践行我们的价值观
我们的价值观引领我们的工作方式。
This is the card carousel title
This is the card carousel body text
This is the title of the first card standard example
This is the description of the first card standard example
This is the title of the second card standard example
This is the description of the second card standard example
This is the title of the third card standard example
This is the description of the third card standard example
This is the title of the fourth card standard example
This is the description of the fourth card standard example
Register to the McNeil's Robotic Farm Open day
Here is an example of vertical image usage. The 2-column grid needs to be added to the page. On one side - rich text component to be added. On the other side - vertical image, that should follow usual image guidelines and aspect ratio.
Here is an example of vertical image usage. The 2-column grid needs to be added to the page. On one side - rich text component to be added. On the other side - vertical image, that should follow usual image guidelines and aspect ratio.
Here is an example of vertical image usage. The 2-column grid needs to be added to the page. On one side - rich text component to be added. On the other side - vertical image, that should follow usual image guidelines and aspect ratio.
Here is an example of vertical image usage. The 2-column grid needs to be added to the page. On one side - rich text component to be added. On the other side - vertical image, that should follow usual image guidelines and aspect ratio.
Here is an example of vertical image usage. The 2-column grid needs to be added to the page. On one side - rich text component to be added. On the other side - vertical image, that should follow usual image guidelines and aspect ratio.
