Choose this step-by-step solution if it's important to you to keep the image on the left. Also, here you have the flexibility to select various font sizes. In the Hero Banner below title and description are always the same size and the image is aligned to the right.

Welcome to Roche Middle East HCP Portal

Your personalized HCP portal — anytime, anywhere. Your Gateway to Exclusive Medical Insights

Discover a world of trusted medical resources, tailored insights, and updates on the latest in healthcare. Our portal is designed to support your practice with Roche’s expertise and innovation.

Register
Login

Recreating this design won't work. The grid consists of 12 columns, but we have 5 items in a row. We cannot divide the grid evenly. Also, Containers with colorful background and images do not align in any of the available settings.

Roche in the Middle East

80 years of presence with partners & supporting patients for a healthier future

>750 employees and legal representatives across 14 countries

Leader in Diagnostics and Pharma

>750 employees and legal representatives across 14 countries

Leader in Diagnostics and Pharma

Recommended solution: adding this grid as an image.

Roche in the Middle East

80 years of presence with partners & supporting patients for a healthier future

Is this section title necessary?

What we do:

For this kind of designs it would be better to use an image that is cropped to a more rectangular ratio. A risk of cropping the model's face is high here.

Everywhere

Bringing our products to patients — we are committed to bringing our medicines and test rapidly and sustainably to those who need them.

We are open to new ideas.

Everywhere

Bringing our products to patients — we are committed to bringing our medicines and test rapidly and sustainably to those who need them.

We are open to new ideas.

To differentiate the sections, you can use Containers with different background colors.

Our Therapeutic Areas

Find out in which therapeutic areas we develop innovative products.

The component below requires providing a link, it cannot be purely decorative. Recommended "coming soon" placeholders until there is a content to link to: Base Card, Story Card. Please note the Story Cards takes more space on mobile than the Base Card.

Coming soon...
Coming soon...

In the Base Card component we need to rely on the icon library uploaded to AEM (which can be previewed from the component configuration dialog level), it's not possible to add icons from the DAM (as it is in the Portfolio Card).

Coming soon...
Coming soon...
Coming soon...
Coming soon...
Coming soon...
Coming soon...

Promo Grid is built with 3 vertical columns. It's not possible to add one sentence across the whole grid. Please check the Styles for each column (tutorial).

Stay up-to-date in the fast-changing healthcare world

Stay up-todate in the fast-changing healthcare industry

Authoring this gradient Container and the navy blue Experience Fragment below is recommended only in the /experience-fragments/nextgen/whitelabel/middle-east/language-masters/en/homepage/page-body/logged, as this information is redundant to registered users.

Da li ste sigurni?