<h2 class="homepage-subtitle">A Python conference north of the Golden Gate</h2>

      </div>

      <div class="row">

        <div class="col-md-6">

          <h3>

            The Mystic Theatre</br>

            Petaluma, California

          </h3>

          <h4>

            December 2 &amp; 3, 2017<br/>

          </h4>

        </div>

        <div class="col-md-4 col-md-offset-2 email-signup-panel">

          <div class="panel panel-default">

            <div class="panel-heading">

              <h2 class="panel-title">Sign up for our low-volume announcements newsletter!</h4>

            </div>

            <div class="panel-body">

              <form

                class="form-inline"

                action="https://tinyletter.com/northbaypython" method="post" target="popupwindow" onsubmit="window.open('https://tinyletter.com/northbaypython', 'popupwindow', 'scrollbars=yes,width=800,height=600');return true">

                <div class="form-group">

        <a class="btn btn-primary btn-lg" href="/attend">Buy a ticket!</a>

        <a class="btn btn-default btn-lg " href="https://twitter.com/northbaypython">Twitter</a>

        <a class="btn btn-default btn-lg" href="https://facebook.com/northbaypython">Facebook</a>

      </div>

    </div>

  </div>

  <div class="jumbotron homepage-block white">

    <div class="container homepage-block-content">

      <h1>Speakers</h1>

      <div class="row speaker-list">

        <div class="speaker" >

          <div class="image-alignment">

            <div class="circle" style="border: 0;">

            </div>

          </div>

          <h4>Carina C. Zona</h4>

          <span class="presentation-title">Keynote Speaker</span>

        </div>

        {% speakers as speakers %}

        {% for speaker in speakers %}

          <div class="speaker" >

            <div class="image-alignment">

              <div class="circle" style="border: 0;">

                {% if speaker.photo %}

                  <div class="fill" style="background-image: url('{% thumbnail speaker.photo '600x600' %}');"></div>

                {% else %}

                  <div class="fill" style="background-image: url('{% static "images/website-background.svg" %}');"></div>

                {% endif %}

              </div>

            </div>

            {% for presentation in speaker.presentations.all %}

              <a href="{% url "schedule_presentation_detail" presentation.id %}">

              <h4>{{ speaker.conferencespeaker.name }}</h4>

                <span class="presentation-title">{{ presentation.title }}</span>

              </a>

            {% endfor %}

          </div>

        {% endfor %}

      </div>

    </div>

    <div class="homepage-block-footer full-width">

      <div class="container">

        <div class="row">

          <div class="col-md-4">

            <a class="btn btn-lg btn-primary btn-shadow" href="/schedule/general-sessions/list">See our full program</a>

          </div>

        </div>

      </div>

    </div>