Article Page - All the options for display

Circle objects
for text/icon

Image Credits: XXX

Card1

card2

The introductory text of the article stands out on a dominant color of the brand. The purpose of this part is to provide the reader with a basic summary of the content of the article.

The article contains header, article image, article meta data (author name and picture, taxonomy tags, publication date, reading time indicator, introductory text, and the content of the article itself, including a variety of other components.

Article image dimensions: 1026 x 430 (normal) pixels / 2052 x 860 (hidpi) pixels.
It is recommended to use the Focal Point feature to align the image with the component, as long as the image dimensions are equal to or larger than those of the component.

In addition, the article can be shared on social media networks:
Facebook, LinkedIn, Twitter, WhatsApp and Email.

Clicking on one of the taxonomy tags will lead the user to a search results page to view additional content tagged with this current taxonomy tag, or to a dedicated destination page defined for this tag in advance.

The paragraph text in the article is rich text that allows all editing capabilities, such as: footnotes, bullets, bold text, images, links, sub-heading, tool-tip and so on.

The Footnotes marker as part of the text can be unlimited and can be colored according to the brand.
Note 01 | Note 02 | Note 03 | Note 04
However, the footnotes in the container at the bottom will remain the primary brand color (without the ability to change).

Tooltip as part of the text

Tooltip is an interactive element that appears when a user hovers over or clicks on a specific part of text. It provides additional information or context without cluttering the main content and enhances user experience by offering quick, accessible insights directly within the text.

The 
tooltip can appear in a variety of brand colors.

In addition, can display variety of additional components available from the gallery for displaying content, such as: tables, seperator line between paragraphs, accordion items, quote, video, cards, strip, banner, buttons, photo slider and many more.


Image Credits

Quote text

Free text for a quote, displayed as a dominant brand.
The quotation marks are embedded as part of this block, and cannot be hidden.


This is a paragraph of text that can be shared on social networks as part of the article sharing feature. This text is prominent by default and is displayed in the primary brand color. The sharing is possible on Twitter, WhatsApp and Email.


Table block

Date Topic Details
October 01 Good health and well-being Advancing good health and well-being is core to our business and our mission to improve the lives of patients.
November 12 Decent work and economic growth We contribute to economic growth in the markets where we operate.

Title Title2 Title3 Title3 Title4
details details details details details details details
aaaaa dsdddd

Video (inline)

Transcript text to video

Optionally add a text transcript to the video, containing: Title, and description.
The longer the text, the more scrollbar will be displayed.

The transcript item is expanded by default, but you can close it manually.

Placeholder to video title (Required for accessibility)

Placeholder to the video description text. This is a video that plays inline on the page. Video Size: Normal.


Accordion block

How can I contact Teva with questions about my medicine?

Toggle

Our Customer Services Department can help with enquiries about the supply and availability of the medicine. They can be contacted at [TEL] or [EMAIL]

What do I do if I experience any side effect or adverse event?

Toggle

If you think you have experienced a side effect or an unexpected reaction to taking a medicine, including over-the-counter medicines or medical devices, we recommend you consult your doctor or pharmacist as soon as possible.

I have lost the leaflet from my box of medication, where can I get another one?

Toggle

Please contact our Customer Service team by telephone [TEL] or by email at [EMAIL] so we can assist you.

How do I find out if it is safe to continue taking them?

Toggle

There may be information on your patient information leaflet of your prescription medicine that will tell you what you can and cannot take with your medicine. If you are still unsure, we would recommend that you speak to the healthcare professional that prescribed the medication or check with your pharmacist.

The expiration date is the final day that the manufacturer guarantees the full potency and safety of a medication.

Drug expiration dates exist on most medication labels, including prescription, over-the-counter (OTC) and dietary (herbal) supplements. U.S. pharmaceutical manufacturers are required by law to place expiration dates on prescription products prior to marketing.

For legal and liability reasons, manufacturers will not make recommendations about the stability of drugs past the original expiration date. However, for most drugs, it's just an arbitrary date, usually 1 to 5 years out, that the manufacturer selects to test drug stability. Once the container of medication is opened after production, that expiration date is no longer guaranteed.


Photo Slider in Fade effect mode

Image Objects
can be inserted

Image Credits: XXX

Image Objects

Image Credits: Teva Brand Center

Image with captions

Contextual images as part of an article paragraph.

Variety of options for displaying the image:
Text next to the image on the left/right side, Text below the image.
Image in the following types: 'Circular', 'Moment', 'Rectangular' (large/small).

Optional background color for the text, for all types (except for the 'Moment'):
Primary, Gradient (Teva brand), White, Neutral. , except for the Moment, which has The 'Moment' type without background.

Image With Captions - Small Rectangular

Image size: small, 300x225 px. up to 300 characters.

Image With Captions - Small Rectangular

Image size: small, 300x225 px. up to 300 characters.

Image With Captions - Small Rectangular

Image size: small, 300x225 px. up to 300 characters.

Image with Captions Small Rectangular
floating as part of the text paragraph without background color.
Image size: small, 300x225 px.

Image with Captions Small Rectangular
floating as part of the text paragraph without background color.
Image size: small, 300x225 px.

Image With Captions - Circular Small

Image Type: Circular | Image size: small, 600x600 px.
Title and optional description text. It is recommended to have up to 300 characters for the text. The Captions Placement here is next to the Image.

Image With Captions - Circular Small

Image Type: Circular | Image size: small, 600x600 px.
Title and optional description text. It is recommended to have up to 300 characters for the text. The Captions Placement here is next to the Image.

Image With Captions - Circular Small

Image Type: Circular | Image size: small, 600x600 px.
Title and optional description text. It is recommended to have up to 300 characters for the text. The Captions Placement here is next to the Image.

Image With Captions - Circular Small

Image Type: Circular | Image size: small, 600x600 px.
Title and optional description text. It is recommended to have up to 300 characters for the text. The Captions Placement here is next to the Image.

Image with captions

Below the Circular Image

Image with captions Circular, below the Image
Optional background colors: Primary, Gradient (Teva brand), White, Neutral
Image size: small, 600x600 px.

Image with captions

Below the Circular Image.

Image with captions Circular, below the Image
Optional background colors: Primary, Gradient (Teva brand), White, Neutral
Image size: small, 600x600 px.

Image with Captions Small Circular

The image floating as part of the text paragraph without background color.
Image Type: Circular | Image size: small, 600x600 px.

 

Image with Captions Small Circular

The image floating as part of the text paragraph without background color.
Image Type: Circular | Image size: small, 600x600 px.

 

Image With Captions Moment

Image with captions: Moment

The image can be with captions/ without. Next to the image/ below the image. 
Image Type: Moment | Image size: small, 600x600
Moment Visual Image Type: Bottom Right, Top Right.

Image with captions: Moment

The image can be with captions/ without. Next to the image/ below the image. 
Image Type: Moment | Image size: small, 600x600
Moment Visual Image Type: Bottom Right, Top Right.

Image With Captions Moment

Optional Text, next to the image

Image With Captions Moment

Optional Text, next to the image

Image with Captions Large Rectangular

Optional Text, next to the image.
Image size: Large, 900x676 px.

Image with Captions Large Rectangular

Optional Text, next to the image.
Image size: Large, 900x676 px.

Image with Captions Large Rectangular

Optional Text, below the image.
Image size: Large, 900x676 px.

Image with Captions Large Rectangular

Optional Text, below the image.
Image size: Large, 900x676 px.

Image with text

Alternative Layout for Image and Text in a Two-Column Grid.

The text appears as 66% of the Layout width, and the image takes up the remaining 33%. Depending on the desired visual emphasis, the image can be positioned either to the left or right of the text.

The text column can expand vertically as needed, depending on the content length. However, the image remains fixed in size and position, ensuring that the layout remains clean and the text does not wrap or float around the image.

Alternative Layout for Image and Text in a Two-Column Grid.

The text appears as 66% of the Layout width, and the image takes up the remaining 33%. Depending on the desired visual emphasis, the image can be positioned either to the left or right of the text.

The text column can expand vertically as needed, depending on the content length. However, the image remains fixed in size and position, ensuring that the layout remains clean and the text does not wrap or float around the image.

I found this article:

Find out more

View all the available features
on the Gallery features index

Take me there


Contact Cards

Card 1 Contact card type, up to 100 characters

Description text unlimited (rich text), with/ without button.

Discover more

Card 2 Contact card type, up to 100 characters

Description text unlimited (rich text), with/ without button.


Footnotes

  1. Back to contents.

    Text/link used for footnote/ reference.

  2. Back to contents.

    Text/link used for footnote/ reference.

  3. Back to contents.

    Text/link used for footnote/ reference.

  4. Back to contents.

    Text/link used for footnote/ reference.



You might also be interested in...

video
New

We are all in for better health

New

Static Infographic article

New

Protecting Our Planet

New

Making Connections for the Health of People

New

Making Connections for the Health of People

New

Water is the elixir of life

New

Water is the elixir of life

New

Picture this: ‘Our very own Teva Instagram’

How Teva is Making Innovative Use of AI

Teva Drives Progress to Address Pressing Global Health