index.html

---
layout: default
root: true
description: The South Eugene Robotics Team is a robotics team competing in the FIRST
  Robotics Competition (FRC).
javascript:
- slider.js
---

<section id="slider" class="main special">
    <div class="slider"></div>
</section>

<!-- Introduction -->
<section class="main">
    <a id="anchor-intro"></a>
    <div class="spotlight">
        <div class="content">
            <header class="major">
                <h2>Who are we?</h2>
            </header>
                    
            <p>The South Eugene Robotics Team is the only FIRST Robotics Competition (FRC) team in the Eugene/Springfield area. We build the big bots! And we're are also <a href="https://sert2521.org/blog/2018/9/14/2018-world-championship-semi-finalists">2018 World Championship semi-finalists</a>!</p>

            <p>SERT is open to any high school student interested in robotics – no experience necessary. We teach you what you need to know about fabrication, electronics, engineering and programming so you can help build a robot that will compete in a fun, arena-style game.</p> 

            <p>We currently count among our members students from Churchill, Sheldon, A3 in Springfield, and home-schooled students. If you want to learn and are willing to contribute, we have a place for you!</p>
          
            <iframe width="560" height="315" src="https://www.youtube.com/embed/b8gdIKgqUfY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
          
            <ul class="actions">
                <li><a href="about" class="button">Learn More</a></li>
            </ul>
        </div>
        <span class="image"><img src="assets/images/about.jpg" alt="" /></span>
    </div>
</section>

<!-- Social Section -->
<a id="anchor-social"></a>
<section id="social" class="main special">
    <header class="major">
        <h2>Contact</h2>
        <p>Get in touch or checkout SERT on social media!</p>
        <ul class="icons">
            {% for media in site.data.social %}
            <li>
                <a href="{{media.profile}}" class="icon">
                    <span class="icon {{media.type}} alt"></span>
                </a>
            </li>
            {% endfor %}
        </ul>
    </header>
</section>

<!-- Stats Section -->
<a id="anchor-stats"></a>
<section id="stats" class="main special">
    <header class="major">
        <h2>Statistics</h2>
    </header>
    <ul class="statistics">
        <li class="style1">
            <span class="icon fas fa-users"></span>
            <strong>{{site.data.stats.members}}</strong> Members
        </li>
        <li class="style2">
            <span class="icon fas fa-user"></span>
            <strong>{{site.data.stats.mentors}}</strong> Mentors
        </li>
        <li class="style3">
            <span class="icon fas fa-clock"></span>
            <strong>{{'now' | date: "%Y" | minus: "2007"}}</strong> Seasons
        </li>
    </ul>
</section>

<!-- Blog Section -->
<a id="anchor-blog"></a>
<section id="blog" class="main special">
    <header class="major">
        <h2>Latest Blog Posts</h2>
        <ul class="latest">
            {% for post in site.posts limit:3 %}
            <small>{{ post.date | date: "%B %e, %Y" }}</small>
            <a href="{{ post.url }}">
                <h3><strong>{{ post.title }}</strong></h3>
            </a>
            {% endfor %}
        </ul>
    </header>
</section>