Embedded media single

Layout for single media embeds.

This can be used for:

  • Videos
  • 360 panoramas
  • Images
  • Maps
  • Flickr galleries
<section class="bg-granite medium-padding">
    <!-- Section header -->
    <header class="text-center">
        <div class="row column">
            <div class="section-header">
                <h1 class="section-heading">Section heading</h1>
                <p>Lorem ipsum dolor sit amet consectetur adipiscing elit tempus, morbi nascetur pellentesque per donec arcu hac cursus risus.</p>
            </div>
            <hr class="section-header-divider" />
        </div>
    </header>
    <div class="row column">
        <div class="flex-wrapper small-padding-top">
            <div class="single-item">
                <!-- COMPONENT: Embedded media - Video -->
                <div class="embedded-media">
                    <iframe src="https://player.vimeo.com/video/240689257" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" data-vimeo-tracked="true" data-ready="true" height="360" frameborder="0" width="640"></iframe>
                </div>
                <!-- End component: Embedded media - Video -->
            </div>
        </div>
    </div>
</section>