Tabs Type 1

The Tabs Type 1 widget is a versatile image-and-content slider that brings pages to life with rich, structured storytelling. Each tab displays a bold image alongside a headline and supporting copy, and visitors can move through the content manually by clicking the tabs or let it scroll automatically.

It works beautifully for presenting services, sectors, team information, or any content that benefits from being broken into distinct, visually engaging sections. Each panel automatically adopts your brand colours and can be displayed against a light, dark, or white background, in your primary or secondary brand colours, or backed by a striking image or video.

Every layout is fully responsive and optimised for mobile, SEO, and AI visibility. No coding required, just add your content in the admin panel and let your pages do the talking.

Tabs type 1 Grey example

Curabitur tincidunt risus nec tempus placerat. Quisque ornare cursus gravida. Donec volutpat risus lorem, quis consequat nulla varius et. Aliquam finibus convallis gravida. Integer maximus tincidunt ullamcorper. Aliquam tempus in ipsum vitae lacinia. Morbi eget vulputate est. Duis rutrum sem vel ligula porttitor hendrerit et at nibh. Nunc ultricies risus vel urna porta vulputate quis et quam.

Etiam sagittis laoreet dolor, efficitur finibus enim euismod vel. Cras ut aliquam ante, eu ullamcorper lectus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed sollicitudin nibh suscipit, suscipit enim ut, aliquam risus. Pellentesque vel elementum sem. Nam tristique sagittis pharetra. Aenean porttitor neque eget urna blandit posuere. Proin vel rhoncus dolor. Nulla auctor ultrices molestie.

Text and font

Colours

Vivamus in dolor

Nam sodales sit amet nisi id elementum

Text and font

Text and font

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et velit tincidunt, lobortis urna a, tempor nulla. Sed eget lobortis felis. Sed id nisl libero. Nulla facilisi. Proin enim tortor, blandit sed lorem et, imperdiet malesuada lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam nec dui leo.

Colours

Colours

Vivamus in dolor nec lorem cursus tincidunt vel id lorem. Cras porta nibh mi, rutrum semper purus imperdiet tristique. Pellentesque porta aliquam rhoncus. Fusce vel neque ligula. Nam sodales sit amet nisi id elementum. Quisque et facilisis massa, in iaculis arcu.

Vivamus in dolor

Vivamus in dolor

Vivamus in dolor nec lorem cursus tincidunt vel id lorem. Cras porta nibh mi, rutrum semper purus imperdiet tristique. Pellentesque porta aliquam rhoncus. Fusce vel neque ligula. Nam sodales sit amet nisi id elementum. Quisque et facilisis massa, in iaculis arcu.

Nam sodales sit amet nisi id elementum

Nam sodales sit amet nisi id elementum

Vivamus in dolor nec lorem cursus tincidunt vel id lorem. Cras porta nibh mi, rutrum semper purus imperdiet tristique. Pellentesque porta aliquam rhoncus. Fusce vel neque ligula. Nam sodales sit amet nisi id elementum. Quisque et facilisis massa, in iaculis arcu.

Tabs type 1 Dark example

Curabitur tincidunt risus nec tempus placerat. Quisque ornare cursus gravida. Donec volutpat risus lorem, quis consequat nulla varius et. Aliquam finibus convallis gravida. Integer maximus tincidunt ullamcorper.

Text and font

Colours

Vivamus in dolor

Nam sodales sit amet nisi id elementum

Cras porta nibh mi, rutrum semper purus

Pellentesque porta aliquam rhoncus

Text and font

Text and font

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et velit tincidunt, lobortis urna a, tempor nulla. Sed eget lobortis felis. Sed id nisl libero. Nulla facilisi. Proin enim tortor, blandit sed lorem et, imperdiet malesuada lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam nec dui leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et velit tincidunt, lobortis urna a, tempor nulla. Sed eget lobortis felis. Sed id nisl libero. Nulla facilisi. Proin enim tortor, blandit sed lorem et, imperdiet malesuada lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam nec dui leo.

Colours

Colours

Vivamus in dolor nec lorem cursus tincidunt vel id lorem. Cras porta nibh mi, rutrum semper purus imperdiet tristique. Pellentesque porta aliquam rhoncus. Fusce vel neque ligula. Nam sodales sit amet nisi id elementum. Quisque et facilisis massa, in iaculis arcu.

Vivamus in dolor

Vivamus in dolor

Vivamus in dolor nec lorem cursus tincidunt vel id lorem. Cras porta nibh mi, rutrum semper purus imperdiet tristique. Pellentesque porta aliquam rhoncus. Fusce vel neque ligula. Nam sodales sit amet nisi id elementum. Quisque et facilisis massa, in iaculis arcu.

Nam sodales sit amet nisi id elementum

Nam sodales sit amet nisi id elementum

Vivamus in dolor nec lorem cursus tincidunt vel id lorem. Cras porta nibh mi, rutrum semper purus imperdiet tristique. Pellentesque porta aliquam rhoncus. Fusce vel neque ligula. Nam sodales sit amet nisi id elementum. Quisque et facilisis massa, in iaculis arcu.

Cras porta nibh mi, rutrum semper purus

Cras porta nibh mi, rutrum semper purus

Vivamus in dolor nec lorem cursus tincidunt vel id lorem. Cras porta nibh mi, rutrum semper purus imperdiet tristique. Pellentesque porta aliquam rhoncus. Fusce vel neque ligula. Nam sodales sit amet nisi id elementum. Quisque et facilisis massa, in iaculis arcu.

Pellentesque porta aliquam rhoncus

Pellentesque porta aliquam rhoncus

Vivamus in dolor nec lorem cursus tincidunt vel id lorem. Cras porta nibh mi, rutrum semper purus imperdiet tristique. Pellentesque porta aliquam rhoncus. Fusce vel neque ligula. Nam sodales sit amet nisi id elementum. Quisque et facilisis massa, in iaculis arcu.

Tabs type 1 Light example

Curabitur tincidunt risus nec tempus placerat. Quisque ornare cursus gravida. Donec volutpat risus lorem, quis consequat nulla varius et. Aliquam finibus convallis gravida. Integer maximus tincidunt ullamcorper.

Text and font

Colours

Vivamus in dolor

Nam sodales sit amet nisi id elementum

Cras porta nibh mi, rutrum semper purus

Text and font

Text and font

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et velit tincidunt, lobortis urna a, tempor nulla. Sed eget lobortis felis. Sed id nisl libero. Nulla facilisi. Proin enim tortor, blandit sed lorem et, imperdiet malesuada lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam nec dui leo.

Colours

Colours

Vivamus in dolor nec lorem cursus tincidunt vel id lorem. Cras porta nibh mi, rutrum semper purus imperdiet tristique. Pellentesque porta aliquam rhoncus. Fusce vel neque ligula. Nam sodales sit amet nisi id elementum. Quisque et facilisis massa, in iaculis arcu.

Vivamus in dolor

Vivamus in dolor

Vivamus in dolor nec lorem cursus tincidunt vel id lorem. Cras porta nibh mi, rutrum semper purus imperdiet tristique. Pellentesque porta aliquam rhoncus. Fusce vel neque ligula. Nam sodales sit amet nisi id elementum. Quisque et facilisis massa, in iaculis arcu.

Nam sodales sit amet nisi id elementum

Nam sodales sit amet nisi id elementum

Vivamus in dolor nec lorem cursus tincidunt vel id lorem. Cras porta nibh mi, rutrum semper purus imperdiet tristique. Pellentesque porta aliquam rhoncus. Fusce vel neque ligula. Nam sodales sit amet nisi id elementum. Quisque et facilisis massa, in iaculis arcu.

Cras porta nibh mi, rutrum semper purus

Cras porta nibh mi, rutrum semper purus

Vivamus in dolor nec lorem cursus tincidunt vel id lorem. Cras porta nibh mi, rutrum semper purus imperdiet tristique. Pellentesque porta aliquam rhoncus. Fusce vel neque ligula. Nam sodales sit amet nisi id elementum. Quisque et facilisis massa, in iaculis arcu.

Tabs type 1 Brand colour 1 example

Curabitur tincidunt risus nec tempus placerat. Quisque ornare cursus gravida. Donec volutpat risus lorem, quis consequat nulla varius et. Aliquam finibus convallis gravida. Integer maximus tincidunt ullamcorper.

Text and font

Colours

Vivamus in dolor

Nam sodales sit amet nisi id elementum

Text and font

Text and font

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et velit tincidunt, lobortis urna a, tempor nulla. Sed eget lobortis felis. Sed id nisl libero. Nulla facilisi. Proin enim tortor, blandit sed lorem et, imperdiet malesuada lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam nec dui leo.

Colours

Colours

Vivamus in dolor nec lorem cursus tincidunt vel id lorem. Cras porta nibh mi, rutrum semper purus imperdiet tristique. Pellentesque porta aliquam rhoncus. Fusce vel neque ligula. Nam sodales sit amet nisi id elementum. Quisque et facilisis massa, in iaculis arcu.

Vivamus in dolor

Vivamus in dolor

Vivamus in dolor nec lorem cursus tincidunt vel id lorem. Cras porta nibh mi, rutrum semper purus imperdiet tristique. Pellentesque porta aliquam rhoncus. Fusce vel neque ligula. Nam sodales sit amet nisi id elementum. Quisque et facilisis massa, in iaculis arcu.

Nam sodales sit amet nisi id elementum

Nam sodales sit amet nisi id elementum

Vivamus in dolor nec lorem cursus tincidunt vel id lorem. Cras porta nibh mi, rutrum semper purus imperdiet tristique. Pellentesque porta aliquam rhoncus. Fusce vel neque ligula. Nam sodales sit amet nisi id elementum. Quisque et facilisis massa, in iaculis arcu.

Tabs type 1 Image BG example

Curabitur tincidunt risus nec tempus placerat. Quisque ornare cursus gravida. Donec volutpat risus lorem, quis consequat nulla varius et.

Text and font

Colours

Vivamus in dolor

Nam sodales sit amet nisi id elementum

Cras porta nibh mi, rutrum semper purus

Pellentesque porta aliquam rhoncus

Cras porta nibh mi, rutrum semper purus imperdiet tristique. Pellentesque porta aliquam rhoncus. Fusce vel neque ligula. Nam sodales sit amet nisi id elementum

Text and font

Text and font

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et velit tincidunt, lobortis urna a, tempor nulla. Sed eget lobortis felis. Sed id nisl libero. Nulla facilisi. Proin enim tortor, blandit sed lorem et, imperdiet malesuada lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam nec dui leo.

Colours

Colours

Vivamus in dolor nec lorem cursus tincidunt vel id lorem. Cras porta nibh mi, rutrum semper purus imperdiet tristique. Pellentesque porta aliquam rhoncus. Fusce vel neque ligula. Nam sodales sit amet nisi id elementum. Quisque et facilisis massa, in iaculis arcu.

Vivamus in dolor

Vivamus in dolor

Vivamus in dolor nec lorem cursus tincidunt vel id lorem. Cras porta nibh mi, rutrum semper purus imperdiet tristique. Pellentesque porta aliquam rhoncus. Fusce vel neque ligula. Nam sodales sit amet nisi id elementum. Quisque et facilisis massa, in iaculis arcu.

Nam sodales sit amet nisi id elementum

Nam sodales sit amet nisi id elementum

Vivamus in dolor nec lorem cursus tincidunt vel id lorem. Cras porta nibh mi, rutrum semper purus imperdiet tristique. Pellentesque porta aliquam rhoncus. Fusce vel neque ligula. Nam sodales sit amet nisi id elementum. Quisque et facilisis massa, in iaculis arcu.

Cras porta nibh mi, rutrum semper purus

Cras porta nibh mi, rutrum semper purus

Vivamus in dolor nec lorem cursus tincidunt vel id lorem. Cras porta nibh mi, rutrum semper purus imperdiet tristique. Pellentesque porta aliquam rhoncus. Fusce vel neque ligula. Nam sodales sit amet nisi id elementum. Quisque et facilisis massa, in iaculis arcu.

Pellentesque porta aliquam rhoncus

Pellentesque porta aliquam rhoncus

Vivamus in dolor nec lorem cursus tincidunt vel id lorem. Cras porta nibh mi, rutrum semper purus imperdiet tristique. Pellentesque porta aliquam rhoncus. Fusce vel neque ligula. Nam sodales sit amet nisi id elementum. Quisque et facilisis massa, in iaculis arcu.

Cras porta nibh mi, rutrum semper purus imperdiet tristique. Pellentesque porta aliquam rhoncus. Fusce vel neque ligula. Nam sodales sit amet nisi id elementum

Cras porta nibh mi, rutrum semper purus imperdiet tristique. Pellentesque porta aliquam rhoncus. Fusce vel neque ligula. Nam sodales sit amet nisi id elementum

Vivamus in dolor nec lorem cursus tincidunt vel id lorem. Cras porta nibh mi, rutrum semper purus imperdiet tristique. Pellentesque porta aliquam rhoncus. Fusce vel neque ligula. Nam sodales sit amet nisi id elementum. Quisque et facilisis massa, in iaculis arcu.