Your personalized HCP portal — anytime, anywhere. Your Gateway to Exclusive Medical Insights
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.
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.
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.
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.
80 years of presence with partners & supporting patients for a healthier future
Is this section title necessary?
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.
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.
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).
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.