Media

Images

Outline of the SeMI exploration workshop showing the five steps from diverge to converge

Caption for image with a link.

HTML code snippet

<figure>
    <a href="/img/SeMI-Exploration-workshop.jpg">
        <img src="/img/SeMI-Exploration-workshop.jpg"
             alt="Outline of the SeMI exploration workshop showing the five steps from diverge to converge">
    </a>
    <figcaption>
        <p>Caption for image with <a href="#">a link</a>.</p>
    </figcaption>
</figure>

Video

Caption for video.

HTML code snippet

<figure class="video-container">
    <div>
        <iframe width="560"
                 height="315"
                 src="https://www.youtube-nocookie.com/embed/WQO-aOdJLiw?rel=0"
                 frameborder="0"
                 allow="autoplay; encrypted-media"
                 allowfullscreen></iframe>
    </div>
    <figcaption>
        <p>Caption for video.</p>
    </figcaption>
</figure>