List Example 2
List Type 2 takes the structured list format and pairs each item with a large, bold image, creating a much more visual and immersive layout than its text-focused counterpart.
Each row can combine a full-width image with a headline, supporting copy, stats, icons, numbered steps, or bullet points, making it ideal for bringing services, case studies, sector pages, or process explanations to life with real visual impact.
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.
Some heading goes here - generic grey background
Big Image list format
- Each section shows a distinct content scenario with varying text length, structure, and emphasis.
- Add images, icons, numbers. Dress the content with line breaks, bullet points, numbers, and symbols.
- Back the feature with plain white, a brand colour, a generic colour, and/or an image.
Lorem ipsum dolor sit amet
Consectetur adipiscing elit. Curabitur lacinia dictum iaculis. Fusce lectus tellus, egestas a tortor sit amet, vulputate placerat urna. Pellentesque in consequat arcu. Praesent feugiat lacus ac ipsum condimentum efficitur. Vivamus in malesuada purus. In hac habitasse platea dictumst.
Sed sapien orci, rutrum at est blandit, interdum fringilla purus. Maecenas at rutrum nulla. Sed ac diam volutpat, elementum felis eu, blandit metus. Curabitur ultrices turpis ipsum, vitae faucibus sem tempor in.
Ut cursus ut turpis eget sagittis
Donec tristique turpis nec tristique consequat. Cras volutpat, turpis at dignissim tristique, ante lacus vulputate quam, a tempor quam odio id orci.
- Nullam metus ex, fringilla in magna et, lobortis euismod neque.
- Aliquam maximus bibendum urna, id mattis eros interdum ultricies.
- Aliquam at nisi iaculis, dignissim magna vitae, mollis velit.
- Donec ultrices sed ipsum at molestie.
Fringilla Mauris
- Praesent euismod sagittis elementum.
- Donec pharetra neque ex.
- Mauris lorem nibh, lacinia in ante a, egestas feugiat velit.
- Ut eleifend dolor eu purus efficitur, sed tempus velit rhoncus.
Sed interdum posuere diam, at tempor orci congue vel. Donec pretium eros et vehicula elementum. Maecenas dignissim, mi sed molestie porta, mauris odio ornare purus, aliquam fringilla mauris nisl a lorem.
Some heading goes here - Dark background
Big Image list format
- Each section shows a distinct content scenario with varying text length, structure, and emphasis.
- Add images, icons, numbers. Dress the content with line breaks, bullet points, numbers, and symbols.
- Back the feature with plain white, a brand colour, a generic colour, and/or an image.
Lorem ipsum dolor sit amet
Consectetur adipiscing elit. Curabitur lacinia dictum iaculis. Fusce lectus tellus, egestas a tortor sit amet, vulputate placerat urna. Pellentesque in consequat arcu. Praesent feugiat lacus ac ipsum condimentum efficitur. Vivamus in malesuada purus. In hac habitasse platea dictumst.
Sed sapien orci, rutrum at est blandit, interdum fringilla purus. Maecenas at rutrum nulla. Sed ac diam volutpat, elementum felis eu, blandit metus. Curabitur ultrices turpis ipsum, vitae faucibus sem tempor in.
Ut cursus ut turpis eget sagittis
Donec tristique turpis nec tristique consequat. Cras volutpat, turpis at dignissim tristique, ante lacus vulputate quam, a tempor quam odio id orci.
- Nullam metus ex, fringilla in magna et, lobortis euismod neque.
- Aliquam maximus bibendum urna, id mattis eros interdum ultricies.
- Aliquam at nisi iaculis, dignissim magna vitae, mollis velit.
- Donec ultrices sed ipsum at molestie.
Fringilla Mauris
Praesent euismod sagittis elementum. Donec pharetra neque ex. Mauris lorem nibh, lacinia in ante a, egestas feugiat velit. Ut eleifend dolor eu purus efficitur, sed tempus velit rhoncus.
Sed interdum posuere diam, at tempor orci congue vel. Donec pretium eros et vehicula elementum. Maecenas dignissim, mi sed molestie porta, mauris odio ornare purus, aliquam fringilla mauris nisl a lorem.
Iuniuhn pj
Curabitur lacinia dictum iaculis. Fusce lectus tellus, egestas a tortor sit amet, vulputate placerat urna. Pellentesque in consequat arcu. Praesent feugiat lacus ac ipsum condimentum efficitur. Vivamus in malesuada purus. In hac habitasse platea dictumst.
Sed sapien orci, rutrum at est blandit, interdum fringilla purus. Maecenas at rutrum nulla. Sed ac diam volutpat, elementum felis eu, blandit metus. Curabitur ultrices turpis ipsum, vitae faucibus sem tempor in.
Some heading goes here - white background
Big Image list format
- Each section shows a distinct content scenario with varying text length, structure, and emphasis.
- Add images, icons, numbers. Dress the content with line breaks, bullet points, numbers, and symbols.
- Back the feature with plain white, a brand colour, a generic colour, and/or an image.
Lorem ipsum dolor sit amet
Consectetur adipiscing elit. Curabitur lacinia dictum iaculis. Fusce lectus tellus, egestas a tortor sit amet, vulputate placerat urna. Pellentesque in consequat arcu. Praesent feugiat lacus ac ipsum condimentum efficitur. Vivamus in malesuada purus. In hac habitasse platea dictumst.
Ut cursus ut turpis eget sagittis
Donec tristique turpis nec tristique consequat. Cras volutpat, turpis at dignissim tristique, ante lacus vulputate quam, a tempor quam odio id orci.
- Nullam metus ex, fringilla in magna et, lobortis euismod neque.
- Aliquam maximus bibendum urna, id mattis eros interdum ultricies.
Fringilla Mauris
Sed interdum posuere diam, at tempor orci congue vel. Donec pretium eros et vehicula elementum. Maecenas dignissim, mi sed molestie porta, mauris odio ornare purus, aliquam fringilla mauris nisl a lorem.
Praesent euismod sagittis
Praesent euismod sagittis elementum. Donec pharetra neque ex. Mauris lorem nibh, lacinia in ante a, egestas feugiat velit. Ut eleifend dolor eu purus efficitur, sed tempus velit rhoncus.
Euismod sagittis
Praesent euismod sagittis elementum. Donec pharetra neque ex. Mauris lorem nibh, lacinia in ante a, egestas feugiat velit. Ut eleifend dolor eu purus efficitur, sed tempus velit rhoncus.
Some heading goes here - image background
Big Image list format
- Each section shows a distinct content scenario with varying text length, structure, and emphasis.
- Add images, icons, numbers. Dress the content with line breaks, bullet points, numbers, and symbols.
- Back the feature with plain white, a brand colour, a generic colour, and/or an image.
Lorem ipsum dolor sit amet
Consectetur adipiscing elit. Curabitur lacinia dictum iaculis. Fusce lectus tellus, egestas a tortor sit amet, vulputate placerat urna. Pellentesque in consequat arcu. Praesent feugiat lacus ac ipsum condimentum efficitur. Vivamus in malesuada purus. In hac habitasse platea dictumst.
Sed sapien orci, rutrum at est blandit, interdum fringilla purus. Maecenas at rutrum nulla. Sed ac diam volutpat, elementum felis eu, blandit metus. Curabitur ultrices turpis ipsum, vitae faucibus sem tempor in.
Ut cursus ut turpis eget sagittis
Donec tristique turpis nec tristique consequat. Cras volutpat, turpis at dignissim tristique, ante lacus vulputate quam, a tempor quam odio id orci.
- Nullam metus ex, fringilla in magna et, lobortis euismod neque.
- Aliquam maximus bibendum urna, id mattis eros interdum ultricies.
- Aliquam at nisi iaculis, dignissim magna vitae, mollis velit.
- Donec ultrices sed ipsum at molestie.
Some heading goes here - image background
Big Image list format
- Each section shows a distinct content scenario with varying text length, structure, and emphasis.
- Add images, icons, numbers. Dress the content with line breaks, bullet points, numbers, and symbols.
- Back the feature with plain white, a brand colour, a generic colour, and/or an image.
Lorem ipsum dolor sit amet
Consectetur adipiscing elit. Curabitur lacinia dictum iaculis. Fusce lectus tellus, egestas a tortor sit amet, vulputate placerat urna. Pellentesque in consequat arcu. Praesent feugiat lacus ac ipsum condimentum efficitur. Vivamus in malesuada purus. In hac habitasse platea dictumst.
Sed sapien orci, rutrum at est blandit, interdum fringilla purus. Maecenas at rutrum nulla. Sed ac diam volutpat, elementum felis eu, blandit metus. Curabitur ultrices turpis ipsum, vitae faucibus sem tempor in.
Ut cursus ut turpis eget sagittis
Donec tristique turpis nec tristique consequat. Cras volutpat, turpis at dignissim tristique, ante lacus vulputate quam, a tempor quam odio id orci.
- Nullam metus ex, fringilla in magna et, lobortis euismod neque.
- Aliquam maximus bibendum urna, id mattis eros interdum ultricies.
- Aliquam at nisi iaculis, dignissim magna vitae, mollis velit.
- Donec ultrices sed ipsum at molestie.
