Image With Overlay

Ready

HTML
View
Context
Info
Notes


        
        <a href="">
    <div class="bg-image-with-overlay bg-cover h-overlaybg my-5">
        <p class="text-white text-2xl text-center py-16">Perfect Espresso</p>
    </div>
</a>


        <a href="">
    <div class="bg-image-with-overlay bg-cover h-overlaybg my-5">
        <p class="text-white text-2xl text-center py-16">{{ text ?? 'Perfect Espresso' }}</p>
    </div>
</a>


        
            
            /* No context defined for this component. */

Handle: @image-with-overlay
Preview:
- With layout
- Component only
Filesystem Path: components/02-modules/image-with-overlay/image-with-overlay.twig
Referenced by (1): @homepage

There are no notes for this item.