logos.html 7.14 KB
Newer Older
Mark Stenglein's avatar
Mark Stenglein committed
1 2 3 4
---
title: "Logos"
permalink: /documents/logos/
---
Daniel W Bond's avatar
Daniel W Bond committed
5

6 7
<div class="row">
  <div class="col-sm-10">
8 9
    <div class="row">
      <div class="col">
10 11 12
        <a href="/assets/media/srct-logos.zip">
         Download collected assets <i class="fa fa-download fa-fw"></i>
        </a>
13 14
      </div>
    </div>
15

16
    <legend>Rectangular Logo</legend>
17

18 19
    <div class="row text-center">
      <div class="col">
20 21
        <img src="/assets/media/SRCT_rectangle.svg"
             class="img-fluid" alt="Responsive image">
22 23
        <p><a href="/assets/media/SRCT_rectangle.svg"
            download="SRCT_rectangle.svg">SVG</a></p>
24 25 26 27 28 29 30 31 32 33
      </div>
    </div>
    <div class="row text-center">
      <div class="col">
        <div class="card">
          <div class="card-header py-1">
            Mason Green
          </div>
          <ul class="list-group list-group-flush">
            <li class="list-group-item py-1">
34 35
              <a href="/assets/media/SRCT_rectangle_green_lg.png"
                 download="SRCT_rectangle_green_lg.png">PNG (Large)</a>
36 37
            </li>
            <li class="list-group-item py-1">
38 39
              <a href="/assets/media/SRCT_rectangle_green_sm.png"
                 download="SRCT_rectangle_green_sm.png">PNG (Small)</a>
40 41 42 43 44 45 46 47 48 49 50
            </li>
          </ul>
        </div>
      </div>
      <div class="col">
        <div class="card">
          <div class="card-header py-1">
            Black
          </div>
          <ul class="list-group list-group-flush">
            <li class="list-group-item py-1">
51 52
              <a href="/assets/media/SRCT_rectangle_black_lg.png"
                 download="SRCT_rectangle_black_lg.png">PNG (Large)</a>
53 54
            </li>
            <li class="list-group-item py-1">
55 56
              <a href="/assets/media/SRCT_rectangle_black_sm.png"
                 download="SRCT_rectangle_black_sm.png">PNG (Small)</a>
57 58 59 60 61 62 63 64 65 66 67
            </li>
          </ul>
        </div>
      </div>
      <div class="col">
        <div class="card">
          <div class="card-header py-1">
            White
          </div>
          <ul class="list-group list-group-flush">
            <li class="list-group-item py-1">
68 69
              <a href="/assets/media/SRCT_rectangle_white_lg.png"
                 download="SRCT_rectangle_white_lg.png">PNG (Large)</a>
70 71
            </li>
            <li class="list-group-item py-1">
72 73
              <a href="/assets/media/SRCT_rectangle_white_sm.png"
                 download="SRCT_rectangle_white_sm.png">PNG (Small)</a>
74 75 76 77 78 79 80 81 82 83
            </li>
          </ul>
        </div>
      </div>
    </div>

    <legend>Rectangular Logo Without Text</legend>

    <div class="row text-center">
      <div class="col">
84 85
        <img src="/assets/media/SRCT_rectangle_wo_text.svg"
             class="img-fluid" alt="Responsive image">
86 87
        <p><a href="/assets/media/SRCT_rectangle_wo_text.svg"
           download="SRCT_rectangle_wo_text.svg">SVG</a></p>
88 89 90 91 92 93 94 95 96 97
      </div>
    </div>
    <div class="row text-center">
      <div class="col">
        <div class="card">
          <div class="card-header py-1">
            Mason Green
          </div>
          <ul class="list-group list-group-flush">
            <li class="list-group-item py-1">
98 99
              <a href="/assets/media/SRCT_rectangle_wo_text_green_lg.png"
                 download="SRCT_rectangle_wo_text_green_lg.png">PNG (Large)</a>
100 101
            </li>
            <li class="list-group-item py-1">
102 103
              <a href="/assets/media/SRCT_rectangle_wo_text_green_sm.png"
                 download="SRCT_rectangle_wo_text_green_sm.png">PNG (Small)</a>
104 105 106 107 108 109 110 111 112 113 114
            </li>
          </ul>
        </div>
      </div>
      <div class="col">
        <div class="card">
          <div class="card-header py-1">
            Black
          </div>
          <ul class="list-group list-group-flush">
            <li class="list-group-item py-1">
115 116
              <a href="/assets/media/SRCT_rectangle_wo_text_black_lg.png"
                 download="SRCT_rectangle_wo_text_black_lg.png">PNG (Large)</a>
117 118
            </li>
            <li class="list-group-item py-1">
119 120
              <a href="/assets/media/SRCT_rectangle_wo_text_black_sm.png"
                 download="SRCT_rectangle_wo_text_black_sm.png">PNG (Small)</a>
121 122 123 124 125 126 127 128 129 130 131
            </li>
          </ul>
        </div>
      </div>
      <div class="col">
        <div class="card">
          <div class="card-header py-1">
            White
          </div>
          <ul class="list-group list-group-flush">
            <li class="list-group-item py-1">
132 133
              <a href="/assets/media/SRCT_rectangle_wo_text_white_lg.png"
                 download="SRCT_rectangle_wo_text_white_lg.png">PNG (Large)</a>
134 135
            </li>
            <li class="list-group-item py-1">
136 137
              <a href="/assets/media/SRCT_rectangle_wo_text_white_sm.png"
                 download="SRCT_rectangle_wo_text_white_sm.png">PNG (Small)</a>
138 139 140 141 142 143 144 145 146 147
            </li>
          </ul>
        </div>
      </div>
    </div>

    <legend>Square Logo</legend>

    <div class="row text-center">
      <div class="col">
148 149 150 151
        <img src="/assets/media/SRCT_square.svg"
         class="img-fluid" alt="Responsive image">
        <p><a href="/assets/media/SRCT_square.svg"
            download="SRCT_square.svg">SVG</a></p>
152 153 154 155 156 157 158 159 160 161
      </div>
    </div>
    <div class="row text-center">
      <div class="col">
        <div class="card">
          <div class="card-header py-1">
            Mason Green
          </div>
          <ul class="list-group list-group-flush">
            <li class="list-group-item py-1">
162 163
              <a href="/assets/media/SRCT_square_green_lg.png"
                 download="SRCT_square_green_lg.png">PNG (Large)</a>
164 165
            </li>
            <li class="list-group-item py-1">
166 167
             <a href="/assets/media/SRCT_square_green_sm.png"
                download="SRCT_square_green_sm.png">PNG (Small)</a></strong>
168 169 170 171 172 173 174 175 176 177 178
            </li>
          </ul>
        </div>
      </div>
      <div class="col">
        <div class="card">
          <div class="card-header py-1">
            Black
          </div>
          <ul class="list-group list-group-flush">
            <li class="list-group-item py-1">
179 180
              <a href="/assets/media/SRCT_square_black_lg.png"
                 download="SRCT_square_black_lg.png">PNG (Large)</a>
181 182
            </li>
            <li class="list-group-item py-1">
183 184
             <a href="/assets/media/SRCT_square_black_sm.png"
                download="SRCT_square_black_sm.png">PNG (Small)</a></strong>
185 186 187 188 189 190 191 192 193 194 195
            </li>
          </ul>
        </div>
      </div>
      <div class="col">
        <div class="card">
          <div class="card-header py-1">
            White
          </div>
          <ul class="list-group list-group-flush">
            <li class="list-group-item py-1">
196 197
              <a href="/assets/media/SRCT_square_black_lg.png"
                 download="SRCT_square_black_lg.png">PNG (Large)</a>
198 199
            </li>
            <li class="list-group-item py-1">
200 201
             <a href="/assets/media/SRCT_square_black_sm.png"
                download="SRCT_square_black_sm.png">PNG (Small)</a></strong>
202 203 204 205 206 207
            </li>
          </ul>
        </div>
      </div>
    </div>
    <br />
Daniel W Bond's avatar
Daniel W Bond committed
208
  </div>
209

210
  <div class="col-sm-2 hidden-xs">
211
    {% include documents_menu.html %}
212 213
  </div>
</div>