{% extends "layouts/base.html" %}
{% block title %}
SRCT | Docs | Logos
{% endblock %}

{% block content %}
<div class="page-header" id="banner">
  <div class="row">
    <div class="col-lg-12 text-center">
      <h1><strong>Logos</strong></h1>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-sm-10">

  <div class="text-center smidge">
    This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/deed.en_US">Creative Commons Attribution-ShareAlike 4.0 International License</a>. <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/deed.en_US"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a>
  </div>

  <legend>Rectangular SRCT Logo</legend>
    <div class="col-sm-4 smidge text-center"><strong>
      <a href="#">
      SVG</a></strong></div>
    <div class="col-sm-4 smidge text-center"><strong>
      <a href="#">
      PNG (Large)</a></strong></div>
    <div class="col-sm-4 smidge text-center"><strong>
      <a href="#">
      PNG (Small)</a></strong></div>
  <legend>Square SRCT Logo</legend>
    <div class="col-sm-4 text-center"><strong>
      <a href="#">
      SVG</a></strong></div>
    <div class="col-sm-4 text-center"><strong>
      <a href="#">
      PNG (Large)</a></strong></div>
    <div class="col-sm-4 text-center"><strong>
      <a href="#">
      PNG (Small)</a></strong></div>

  </div> 
 
  <div class="col-sm-2 hidden-xs">

    <h4 id="nav-pills"><strong>Documents</strong></h4>
    <div class="bs-example">
      <ul class="nav nav-pills">
        <li><a href="/documents/constitution">Constitution</a></li>
        <li><a href="/documents/usage_policy">Usage Policy</a></li>
        <li><a href="/documents/terms_of_service">Terms of Service</a></li>
        <li><a href="/documents/privacy_policy">Privacy Policy</a></li>
        <li><a href="/documents/intellectual_property">Intellectual Property</a></li>
        <li><a href="/documents/software_freedom">Software Freedom</a></li>
        <li class="active"><a href="/documents/logos">Logos</a></li>
      </ul>
    </div>

  </div>

</div>

{% endblock %}