



This is an infinite slideshow. It loops through the .c-hero-image__image images in .c-hero-image__image-container. The code for the loop exists in page settings > custom <head> code. You can change the images without changing the custom CSS, but if you add a new image you must add another line like this one:
.c-hero-image__image:nth-child(4) { animation-delay: 16s; }
Increment the animation-delay by 4s for each new image (unless you change the delay, in which case increment by your new delay).
This message will only show in the editor or preview (enable custom code to hide it in preview).
Find, test, and quantify unlocked potential across the customer journey.
Imagine and prototype new ideas and experiences.
Design, build and launch new products and services.
Scale, iterate and optimise products, services and capabilities.
We're particularly strong (if we do say so ourselves) in certain areas.
It's where we do our best work.



This is an infinite ticker. Its CSS is in Page Settings > </body> Scripts. To add logos:
1. Delete the 2 additional .c-twu__image-container elements
2. Duplicate any .c-twu__image-wrapper element
3. Swap the logo for your new logo (repeat for all logos)
4. Duplicate your new .c-twu__image-container two times (so you have 3 copies)
That will ensure the CSS animation (which scrolls the .c-twu__slider -33% then loops) continues to create an infinite scrolling animation.
This message will only show in the editor or preview (enable custom code to hide it in preview).
We form teams around your needs.

"By putting digital customer experiences at the fore, Code is transforming how a 75-year-old family business operates."