website/conservancy/templates/supporter/banners.html

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

{% block subtitle %}Sustainer Banners - {% endblock %}
{% block category %}sustainer{% endblock %}

{% block content %}
<div class="singleColumn">
<h2>Conservancy Sustainer 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 Sustainer Banner</h3>

<pre><code>  &lt;div style="margin: 0 auto; max-width: 1200px;"&gt;
    &lt;a href="https://sfconservancy.org/sustainer"&gt;
      &lt;img style="width: 100%;"
           src="https://sfconservancy.org/static/img/banners/2019-individuals-banner.png"
           alt="Conservancy is a proponent for community driven free software projects.
                Will you join me in supporting them? Donate today!"&gt;
    &lt;/a&gt;
  &lt;/div&gt;
</code></pre>

<div style="margin: 0 auto; max-width: 1200px;">
  <a href="https://sfconservancy.org/sustainer">
    <img style="width: 100%;"
         src="/static/img/banners/2019-individuals-banner.png"
         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;
    &lt;a href="https://sfconservancy.org/sustainer"&gt;
      &lt;img style="width: 100%;"
           src="https://sfconservancy.org/static/img/banners/2019-member-projects-banner.png"
           alt="Conservancy helps make our work possible.
                Please donate to them today to support community-driven free software projects!"
    &lt;/a&gt;
  &lt;/div&gt;
</code></pre>

<div style="margin: 0 auto; max-width: 1200px;">
  <a href="https://sfconservancy.org/sustainer">
    <img style="width: 100%;"
         src="/static/img/banners/2019-member-projects-banner.png"
         alt="Conservancy helps make our work possible.
              Please donate to them today to support community-driven free software projects!"
  </a>
</div>

</div>
{% endblock %}