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.
1.2 Is with a big title and smaller text including a background image. Tekst color can be changed.
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.
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.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras laoreet pulvinar dui vitae fermentum.
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
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.
3. Product Listing
Products can be chosen to your liking in this carousel. Title can't be changed. There is a four product max.
You may also like
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.
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.
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.
23 years of product innovation
Though one still has to take proper care for oily skin with the right skin care products.
Award winning hair care
Though one still has to take proper care for oily skin with the right skin care products.
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.
6.6 Single Featured content Article
This component displays a title, text and a button and below it a picture.
Our History
Natural Home Facial for Oily Skin – Despite its disadvantages, oil skin is boon in the long run as wrinkles, lines, etc take time to show up than they would on the dry skin making you look younger than your peers. Though one still has to take proper care for oily skin with the right skin care products.
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.
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
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
AddThis is disabled because of cookie consent
