1. Hero Images Component (With Different variations)

The hero banner is a full-width image, which is pulled from the asset bank (TAB). This component can be used to present full-width images anywhere on the page, but is usually positioned at the top below the main header navigation.The hero banner has an optional title, subtitle and Call To Action (CTA) button. There are different banner styles which can be chosen.

1.1 Is with big titles and a CTA button left aligned. Smaller text can also be added. The CTA button can be removed.

Pre-Title text

Lorem ipsum dolor sit amet

Call to action

1.2 Is with a big title and smaller text including a background image. Tekst color can be changed. 

Zendium image

It's time to rethink mouth health

Sterilize, strip, banish bacteria: our mouths deserve to be treated with a little more kindness. Meet Zendium: the toothpaste designed to nurture your mouth – not fight against it.

Find out why

1.3 Is with a photo background and a white square. This square is with small text (can be made big) and a CTA button both alligned in the center. 

Zendium Gingival bleeding

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras laoreet pulvinar dui vitae fermentum.

Button

1.4 Is with big titles and tekst can be added

boilerplate zendium

2. Tutorial

Tutorials are two opposite elements that can display information such as a timeline or how to apply a product.

2.1 tutorial step even

Zendium toothpaste

Step 2

Apply shadow

Heat treatment is getting more popular everyday. Most of us have our own conceptions about this treatment.

Heat treatment is getting more popular everyday. Most of us have our own conceptions about this treatment.

2.2 tutorial step odd

Step 1

Put on the primer

Heat treatment is getting more popular everyday. Most of us have our own conceptions about this treatment.

Zendium toothpaste

3. Product Listing

Products can be chosen to your liking in this carousel. Title can't be changed. There is a four product max.

4. Article Asset

The article asset component enables the brand to show a collage of different pictures with titles. (Only below or next to each other). The amount of images you want to use is unlimited.

Zendium Swollen and painful gums
Zendium Sustainability No Box 837x627 2X
Zendium Treating canker sores child
Zendium toothpaste

5. Article Listing

Unfortunately Zendium has no articles to display. For a better overview refer to https://www.unox.nl (kooktips component) for an insight

The article listing component enables the brand to show articles that are interesting to the displayed article. Or either to display other interesting information. The image and text displayed are directly from the article and can't be changed. What can be changes is the headline. Finally there is a button that links you to all articles.  Four articles is the max but the component looks best with three articles.

6. Featured Content Components (With Different Variations)

Featured content components can be configured in multiple ways.

6.1 video with heading
This component highlights a video by placing a large video in the middle of the page, with a title above it. For the video it is possible to mute audio, auto play and loop it. 

Meet our Hair Hackers

6.2 Secondary header
This component displays cards next to eachother including an image a title + button underneath. You can link the buttons to anywhere the brand wants.

Zendium toothpaste

Secondary header

Header /Headline

Secondary CTA

6.3 About Icons
The ‘about icons’ component makes it possible to list to content next to each other. This is commonly used to list KPI’s. The most common amount is three, but four or five items is also an option. Please keep in mind that how more items you add, how more the text will pushed in so the text will be longer. With this component it is possible to add images, titles and paragraphs. Only images or only text is also possible.

Our Innovations

23 years of product innovation

Though one still has to take proper care for oily skin with the right skin care products.

Our Awards

Award winning hair care

Though one still has to take proper care for oily skin with the right skin care products.

Household info

In 1/3 of U.S. households

Though one still has to take proper care for oily skin with the right skin care products.

6.4 What’s in/out section
Similar to the ‘about icons’, but then with a nice grey background and two components next to each other. Here it possible to only display two items. 

What’s in

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

What’s out

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

6.5 Centered Featured Content
Big text with a smaller tekst underneath and a button. Possible to add background image or plain color. Moreover, we can also change the color of the text if needed.

Curabitur volutpat purus non velit laoreget, Curabitur volutpat non velit laoreget interdum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at metus purus.
Proin eu nunc vitae orci efficitur laoreet. Maecenas at nibh tortor.
Vivamus cursus purus arcu, et tristique eros ornare quis.
Suspendisse eget viverra odio, vel euismod justo. Vestibulum a elit sapien.
Curabitur varius nunc in mi bibendum bibendum. 

button

6.6 Single Featured content Article 
This component displays a title, text and a button and below it a picture.

7. Centered Big Title

This component dispalys Centered big title with subtitle below.

#1 The summer eyes series: Lining and Shading

Heat treatment is getting more popular everyday. Most of us have our own conceptions about this treatment.

8. Contact Us

This component dispalys Contact us information with different variations.

8.1 Contact us boxes vertical
This component shows contact us information in boxes.

Contact us

We’ll help you find what you’re looking for.

Store Locator

Find a retailer near you.

find a store

FAQ

Check our list of frequently asked questions

FIND an ANSWER

8.2 Contact us without box vertical
This component shows contact us information vertically without box.

Call us

1-800-555-8888
Monday-Friday
8:30 AM-6:00 PM Eastern Time

Emergency Hotline

1-800-555-8888
This number is available 24 hours
a day/ 7 days a week.

8.3 Contact us without box
This component shows contact us information without box.

Call us

1-800-555-8888
Monday-Friday
8:30 AM-6:00 PM Eastern Time

Emergency Hotline

1-800-555-8888
This number is available 24 hours
a day/ 7 days a week.

9. Extra elements that can be added to pages

Within this part elements will be displayed which can be used throughout the website such as simple images and texts

9.1 Rich text
This component shows regular text. The scale can be made less wide and placed in the middle through custom css.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at metus purus. Proin eu nunc vitae orci efficitur laoreet. Maecenas at nibh tortor. Vivamus cursus purus arcu, et tristique eros ornare quis. Suspendisse eget viverra odio, vel euismod justo. Vestibulum a elit sapien. Curabitur varius nunc in mi bibendum bibendum.

 9.2 Panel
This component is used to create for instance a Frequently Asked Questions area. Displayed on the following page https://www.zendium.nl/faq.html

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at metus purus. Proin eu nunc vitae orci efficitur laoreet. Maecenas at nibh tortor. Vivamus cursus purus arcu, et tristique eros ornare quis. Suspendisse eget viverra odio, vel euismod justo. Vestibulum a elit sapien. Curabitur varius nunc in mi bibendum bibendum.

9.3 Divider
This component is used to create some extra spacing between different components

9.4 Image
This component displays an image. The image can be scaled to a smaller size and placed in the middle.

9.5 Video
This component is used to display a video. Component 8.1 is the better component to use to display a video!

9.6 Addthis 
This component enables visitors to share content easily through different SoMe platforms

9.7 Buy it now button
This component enables visitors to locate places where they can buy a product. Moreover, which is not yet present at the TVG site is the store locator shown on the following link. https://www.knorr.com/be/nl/producten/sauzen/gratinoise/look-kruiden-400-ml.html