layout: default
title: Front Page
stitle: front_page
---

<style>
@media (max-width: 1350px){
	.w3-display-container>img{max-width:95vw !important;}
}
@media (max-width: 992px){
	.w3-display-container>img{max-width:92vw !important;} 
	.full-calendar{display: none !important;} 
	.agenda-calendar{width: 100% !important}
	.w3-xlarge {font-size: 16px !important;}
}
@media (max-width: 600px){
	.w3-display-container>img{max-width:88vw !important;}
	.w3-xlarge {font-size: 8px !important;}
}
</style>	

<div class="w3-container w3-padding-32 w3-center">
  <h1>All Things Drake MTB</h1> 
</div>

<div style="text-align: center;">
<div class="w3-display-container w3-animate-opacity" style="width: 85%; display:inline-block;">
  <img class="testimg" src="images/2021_DHS_MTB_team_pic.png" alt="Drake MTB 2021 Team Picture" style="width: 100%; max-width: 97vw;">
  <div class="w3-container w3-display-bottomleft w3-margin-bottom">
    <button onClick="window.location.href = 'http://drakemtb.org/about/'" class="w3-btn w3-xlarge w3-theme w3-hover-teal" title="About the Drake MTB Team">Drake HS MTB 2021</button>
  </div>
</div>
</div>

<!-- Container -->
<div class="w3-container w3-padding-32 w3-center">
<h2>Welcome to the online home of the Drake Pirates MTB Team</h2>
<p>8X California State Champs, 2009 - 2012, 2015-2018 and 10X NorCal High School Mountain Bike League Champs (2004, 2006, 2009 through 2017)</p>
	
<hr>
	
<!--google calendar(s) here-->
<div class="w3-quarter agenda-calendar">
	<iframe src="https://calendar.google.com/calendar/embed?src=drakemtbdirector%40gmail.com&ctz=America/Los_Angeles&mode=AGENDA" style="border: 0" width="100%" height="500px" frameborder="0" scrolling="no"></iframe>
</div>
<div class="w3-threequarter full-calendar">
	<iframe src="https://calendar.google.com/calendar/embed?src=drakemtbdirector%40gmail.com&ctz=America/Los_Angeles" style="border: 0" width="100%" height="500px" frameborder="0" scrolling="no"></iframe>
</div>

<!-- Row -->
<!--
<div class="w3-row-padding w3-padding-64 w3-theme-l1">

<div class="w3-quarter">
  <h2>Our Story</h2>
  <p>It was a spring day in 2002, when a Drake High sophomore and Drake teacher found themselves competing against
  each other unexpectedly at a race infamously known as Billy Cross. It was a classic match-up of student versus
  master every bit as great as Vader vs. Kenobi. They fought, struggled, and even trash-talked to gain cycling
  supremacy at Drake High, the only high school in the country to produce not one but two national collegiate
  cycling champions. The stakes were high and what happened on that day is the stuff of legend. Some will say
  that the kid showed up the master by beating him to the line. Others deny, saying the kid only had to do two laps,
  and the old timer, three. Not a fair comparison, perhaps.</p>
	<a href="{{site.baseurl}}/about/">&#9;VIEW MORE...</a>
</div>

<div class="w3-quarter">
  <div class="w3-card-2 w3-white">
    <a href="{{ site.baseurl }}/jim_miller"><img src="images/jmiller.jpg" alt="jim-miller" style="width:100%"></a>
      <div class="w3-container">
        <h3><a href="{{ site.baseurl }}/jim_miller">Jim Miller Fund</a></h3>
        <h4>Find out more about how to keep Jim Miller's generosity going!</h4>
      </div>
  </div>
</div>

<div class="w3-quarter">
  <div class="w3-card-2 w3-white">
    <a href="{{ site.baseurl }}/girls"><img src="images/girls.JPG" alt="Drake Girls" style="width:100%"></a>
    <div class="w3-container">
      <h3><a href="{{ site.baseurl }}/girls">50% by 2025</a></h3>
      <h4>Find out more about the strengths, community, and goals of #DrakeMTBGirls!</h4>
    </div>
  </div>
</div>

<div class="w3-quarter">
  <div class="w3-card-2 w3-white">
    <a href="{{ site.baseurl }}/captains"><img src="images/captains.jpg" alt="Three Captains from our 2018 team" style="width:100%"></a>
    <div class="w3-container">
      <h3><a href="{{ site.baseurl }}/captains">Team Captains</a></h3>
      <h4>Check out our amazing peer team leaders for the 2019 season!</h4>
    </div>
  </div>
</div>

</div>
-->

<div><br>

<div class="w3-quarter">
  <a href="http://www.norcalmtb.org/"><img src="images/nor-cal.jpg" alt="Boss" style="width:45%" class="w3-square w3-hover-opacity"></a>
  <h3><a href="http://www.norcalmtb.org/">Nor Cal Racing</a></h3>
  <p>Information on our racing league</p>
</div>

<div class="w3-quarter">
  <a href="http://www.nationalmtb.org/"><img src="images/nica.png" alt="Boss" style="width:45%" class="w3-square w3-hover-opacity"></a>
  <h3><a href="http://www.nationalmtb.org/">NICA</a></h3>
  <p>Developing mountain bike leagues across the US</p>
</div>

<div class="w3-quarter">
  <a href="{{ site.baseurl }}/media"><img src="images/news.png" alt="Boss" style="width:45%" class="w3-square w3-hover-opacity"></a>
  <h3><a href="{{ site.baseurl }}/media">News Feed</a></h3>
  <p>Info on the Team</p>
</div>

<div class="w3-quarter">
  <a href="{{ site.baseurl }}/sponsors"><img src="images/drakeMTBlogo.png" alt="Boss" style="width:45%" class="w3-square w3-hover-opacity"></a>
  <h3><a href="{{ site.baseurl }}/sponsors">Sponsors</a></h3>
  <p>Our Sponsors Thank You!</p>
</div>

</div>
</div>
