sponsors.html

---
layout: single_page
title: Sponsors
permalink: /sponsors/
redirect_from:
 - sponsor
 - sponsor/
---

<style>
@media screen and (min-width: 600px){
  .smallsponsors {
    display: none;
  }
  .normalsponsors {
    display: table;
  }
}

@media screen and (max-width: 600px) {
  .smallsponsors {
    display: table;
  }
  .normalsponsors {
    display: none;
  }
}
</style>

<a href="/support-us/sponsor/"><div class="button hover_animate" align="center">Support Us!</div></a>

<br>

<div class="normalsponsors">
{% for level in site.data.sponsor_levels %}
{% if level.show %}
	<table width="100%" border="0px" cellpadding="0px" cellspacing="0px">
		<tr width="100%">
			<div style="padding: 10px; text-align: center;background: {{ level.color }}; color: white; height: 100%"><span><h1>{{ level.name }} Sponsors</h1></span></div>
		</tr>

		{% for sponsor in site.data.sponsors %}
			{% if level.name == sponsor.level %}
				<tr width="100%" height="200px">
          <td class="sponsor hover_animate" onClick="javascript:location.href='{{ sponsor.link }}'">
            <table cellpadding="15px" width="100%">
              <tr>
  					   <td width="35%">
  		             <img src="{{ sponsor.logo }}"></img>
  					    </td>

  					    <td width="65%">
    						  <h3>{{ sponsor.name }}</h3>
    			        {{ sponsor.description }}
  					    </td>
              </tr>
            </table>
          </td>
				</tr>
			{% endif %}
		{% endfor %}
	</table>
{% endif %}
{% endfor %}
</div>

<div class="smallsponsors">
{% for level in site.data.sponsor_levels %}
{% if level.show %}
	<table width="100%" border="0px" cellpadding="0px" cellspacing="0px">
		<tr width="100%">
			<div style="padding: 10px; text-align: center;background: {{ level.color }}; color: white; height: 100%"><span><h1>{{ level.name }} Sponsors</h1></span></div>
		</tr>

		{% for sponsor in site.data.sponsors %}
			{% if level.name == sponsor.level %}
				<tr width="100%" height="200px">
          <td class="sponsor hover_animate" onClick="javascript:location.href='{{ sponsor.link }}'">
            <table cellpadding="15px" width="100%">
              <tr>
                <td width="100%">
                  <img src="{{ sponsor.logo }}"></img>
      					</td>
      				</tr>

              <tr>
      					<td width="100%">
      						<h2>{{ sponsor.name }}</h2>
      						{{ sponsor.description }}
      					</td>
      				</tr>
            </table>
          </td>
        </tr>
			{% endif %}
		{% endfor %}
	</table>
{% endif %}
{% endfor %}
</div>

<br>
<br>

<h3>Looking to sponsor Team 3128?</h3>
By sponsoring our team, you can help our team to continue to realize our dreams and allow our students to learn valuable skills.
<br>
<br>
<a href="/support-us/sponsor/"><div class="button hover_animate" align="center">Learn More</div></a>