website/conservancy/templates/supporter/banners.html

56 lines
2.2 KiB
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 %}