symposion_app/pinaxcon/templates/flatpages/keynotes.html

{% extends "site_base.html" %}
{% load static %}

{% block head_title %}{{ flatpage.title }}{% endblock head_title %}
{% block body_class %}text-primary{% endblock body_class %}
{% block main_class %}container{% endblock main_class %}

{% block content %}
<div class="row">
    <div class="col-12 content text-page">
        <h1 class="text-upper">Keynote Speakers</h1>
        <div class="card-deck">
        <div class="card card-green">
            <a href="/programme/keynotes/rory/">
                <img class="card-img-top" src="{% static '/assets/speakers/rory.jpg' %}" style="filter: grayscale(100%);" alt="Rory Aronson">
            </a>
            <div class="card-body">
                <a href="/programme/keynotes/rory/">
                    <h5><strong>Rory Aronson</strong></h5>
                </a>
            </div>
            <div class="card-footer">
                CEO | FarmBot Inc
            </div>
        </div>
        <div class="card card-green">
            <img class="card-img-top" src="//placekitten.com/600/600" style="filter: grayscale(100%);" alt="Kitten">
            <div class="card-body">
                <h5><strong>Unannounced Speaker</strong></h5>
            </div>
            <div class="card-footer">
            </div>
        </div>
    </div>
    <div class="card-deck mt-4">
        <div class="card card-green">
            <img class="card-img-top" src="//placebear.com/600/600" style="filter: grayscale(100%);" alt="Bear">
            <div class="card-body">
                <h5><strong>Unannounced Speaker</strong></h5>
            </div>
            <div class="card-footer">
            </div>
        </div>
        <div class="card card-green">
            <img class="card-img-top" src="http://www.placepuppy.net/600/600" style="filter: grayscale(100%);" alt="Puppy">
            <div class="card-body">
                <h5><strong>Unannounced Speaker</strong></h5>
            </div>
            <div class="card-footer">
            </div>
        </div>
    </div>
    </div>
</div>
</div>
{% endblock content %}