...
Ensure to read the IMAGE DIMENSION GUIDE at the bottom of this document.
HERO BANNER:
...
Hero Banners
| Code Block | ||||
|---|---|---|---|---|
| ||||
<!-- Hero Banner START --> <div class="banner-hero"> <div class="banner-item"> <img src="/pub/media/{{media url="wysiwyg/home/home-servicing.jpglumarix/hero_1.png"}}" alt="FreeAll ServicingLumarix onimages bikescan overhave £400 - For lifealt tags" /> <div class="banner-overlay" style="color: #fff#F2923B;"> <span>Free Servicing</span> <span>One all bikes over £400 - FOR LIFE< <span>Hero Image Banners</span> <span>Easy to make and edit</span> <a class="action primary" href="/free-servicing#">Shop Now</a> <!-- Background Panel That Sits Behind Text --> <div class="overlay-background" style="background-color: #01456a#fff; opacity: 0.9585;"></div> </div> </div> </div> <!-- Hero Banner END --> |
...