{% include tab-row.html page='Podcasts' %}
<section>
    <div class="">
        <div class="margin-bottom--small" style="margin-left: 2%">
                <a id="podcasts"></a>
            <div class="podcast-section">
                {% for podcast in page.podcasts %}
                <div class="podcast-cards box-shadow">
                    <div class="podcast-image-container">
                        <img class="podcast-image" src="{{podcast.podcast_image}}">
                    </div>
                    <div class="podcast-info"><h6 class="speaker-name"><em>By</em>
                        <strong>{{podcast.speaker_name}}</strong></h6><h4 class="podcast-title">{{podcast.title}}</h4>
                        <h5 style="font-weight: 200">{{podcast.talk_name}}</h5>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
</section>