{% include tab-row.html page='Videos' %}

<div class="container">
    <div class="row margin-left--small">
        {% for item in page.videos %}
        <div class="media-box box-shadow">

            <div class="video">
                <iframe class="iframe-style" title="vimeo-player"
                        src="https://www.youtube-nocookie.com/embed/{{item.youtube-id}}"
                        allowfullscreen></iframe>
            </div>

            <div class="video-info">
                <h4 class="margin-bottom--small video-title">{{item.title}}</h4>
                <h5 style="font-weight: 200; margin-bottom: 4%">Featuring {{item.featuring}}</h5>
                <a href="https://www.youtube-nocookie.com/embed/{{item.youtube-id}}" target="_blank">
                    <button class="btn-info margin-bottom--small watch-button">Watch Now</button>
                </a>
            </div>

        </div>

        {% endfor %}
    </div>
</div>