phyllis-fantasies/sitesrc/community-events.html

---
title: Community Events
layout: bctop
---

<div class="row">
  <div class="col-sm-3">&nbsp;</div>
  <div class="col-sm-6 col-xs-12">
    <h1 class="fancy-script">Out and About in the Community</h1>
  </div>
  <div class="col-sm-3">&nbsp;</div>
</div>

<div class="row">
  <div class="col-sm-1">&nbsp;</div>
  <div class="col-sm-10 col-xs-12">
    <p>Phyllis and her girlfriends are often out in various places in the community...and she can
      take <i>you</i> along, too!  Here's some examples of places you can find us.</p>
  </div>
  <div class="col-sm-1">&nbsp;</div>
</div>

{% comment %}
<!-- Three-column display driven off the community_events collection. -->
{% endcomment %}
<!-- {% increment n %}{% increment n %} -->
<div class="row">
  {% for e in site.community_events %}
    <!-- {% increment n %}{% capture rcol %}{{ n | modulo: 3 }}{% endcapture %} -->
    {% if rcol == "0" %}
      </div>
      <div class="row">
    {% endif %}
    <div class="col-md-4">
      <div style="text-center">
	<img src="images/comm/{{ e.image }}" alt="" width="350" height="240" border="0"/>
	<p><i>{{ e.content }}</i></p>
      </div>
    </div>
  {% endfor %}
  {% if rcol == "0" %}
    <div class="col-md-4">&nbsp;</div>
    <div class="col-md-4">&nbsp;</div>
  {% elsif rcol == "1" %}
    <div class="col-md-4">&nbsp;</div>
  {% endif %}
</div>