{% extends "base_conservancy.html" %}

{% block subtitle %}Supporter Banners - {% endblock %}

{% block category %}supporter{% endblock %}

{% block content %}

<div class="singleColumn">

<h2>Conservancy Supporter Banners</h2>

<p>Help support Conservancy even more by sharing a banner on your own page and encourage other people to join you!  We have banners for individuals and member projects below; just copy the code for the version you want into your own site.</p>

<h3>Individual Supporter Banner</h3>

<pre><code>  &lt;div style="margin: 0 auto; max-width: 1200px;"&gt;

    <a href="https://sfconservancy.org/supporter">

      <img src="https://sfconservancy.org/img/banners/2018-individual.jpg"

           alt="Conservancy is a proponent for community driven free software projects.

                Will you join me in supporting them? Donate today!">

    </a>

  </div>

</code></pre>

<div style="margin: 0 auto; max-width: 1200px;">

  <a href="https://sfconservancy.org/supporter">

    <img src="/img/banners/2018-individual.jpg"

         alt="Conservancy is a proponent for community driven free software projects.

              Will you join me in supporting them? Donate today!">

  </a>

</div>

<h3>Member Project Banner</h3>

<pre><code>  &lt;div style="margin: 0 auto; max-width: 1200px;"&gt;

    <a href="https://sfconservancy.org/supporter">

      <img src="https://sfconservancy.org/img/banners/2018-project.jpg"

           alt="Conservancy helps make our work possible.

                Please donate to them today to support community-driven free software projects!"

    </a>

  </div>

</code></pre>

<div style="margin: 0 auto; max-width: 1200px;">

  <a href="https://sfconservancy.org/supporter">

    <img src="/img/banners/2018-project.jpg"

         alt="Conservancy helps make our work possible.

              Please donate to them today to support community-driven free software projects!"

  </a>

</div>

</div>

{% endblock %}