What is a Text Image Spot?

text-image-spot

The Text Image Spot consists of an image that takes up half the page width, and text in the other half of the page.

You can use variations to define if the image should be to the right or left of the text.

Component variations

Oticon building

Header 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas commodo convallis erat ac porttitor. Proin ut dolor elit. Vivamus tempus turpis ut erat congue, dictum varius justo sollicitudin. In tincidunt eleifend ultrices. Vivamus dapibus metus et ex interdum dignissim.

Maecenas vulputate facilisis nisi, et mattis orci porta id. Donec accumsan, nibh vitae blandit pellentesque, nisi lectus tempor dolor, eu viverra dolor purus quis mi. Cras id sodales neque.

Image on the left side and text on the right side

The style variations are assigned to the component:

  • Text Image Spot - Left: Positions the image on the left side of the component
  • Background Color 1: Adds a background color behind the text
Oticon building

Header 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas commodo convallis erat ac porttitor. Proin ut dolor elit. Vivamus tempus turpis ut erat congue, dictum varius justo sollicitudin. In tincidunt eleifend ultrices. Vivamus dapibus metus et ex interdum dignissim.

Maecenas vulputate facilisis nisi, et mattis orci porta id. Donec accumsan, nibh vitae blandit pellentesque, nisi lectus tempor dolor, eu viverra dolor purus quis mi. Cras id sodales neque.

Read more

Image on the right side and text on the left side

The style variations are assigned to the component:

  • Text Image Spot - Right: Positions the image on the left side of the component
  • Background Color 2: Adds a background color behind the text