SIA Web Design Library

Hero: Image

No notes defined.

<div class='c-hero' style="background-image: url( '/images/cover-journey-16x9.jpg' );">
    <img class='c-hero__image' src='/images/cover-journey-16x9.jpg' alt='Cover journey' />
</div>
 
<div class='{{ get_component_class( 'hero', display ) }}' {% if image %} style="background-image: url( '{{ image.src }}' );" {% endif %}>
    {% if video %}
        {% include get_template( 'embed', 'unit' ) with video %}
    {% elseif image %}
        <img class='c-hero__image' src='{{ image.src }}' alt='{{ image.alt }}' />
    {% endif %}
</div>
 
{
  "image": {
    "src": "/images/cover-journey-16x9.jpg",
    "alt": "Cover journey"
  }
}