index.html

---
layout: page
sections:
  - id: features
    title: features
  - id: about
    title: About
  - id: more-info
    title: More Info
---

<header>
    <div class="header-content">
        <div class="header-content-inner" style="position:relative; top: 100px;">
            <a href="http://na.mix.champ.gg" class="btn btn-primary btn-xl wow tada">Play Now!</a>
        </div>
    </div>
</header>
<aside id="features">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2 class="section-heading">Features</h2>
                <hr class="primary">
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-lg-2 col-md-4 text-center">
                <div class="feature-box">
                    <i class="fa fa-4x fa-check wow bounceIn text-primary"></i>
                    <h3>Automatic Teams</h3>
                    <p class="text-muted">Add up to play in a game balanced by our system.</p>
                </div>
            </div>
            <div class="col-lg-2 col-md-4 text-center">
                <div class="feature-box">
                    <i class="fa fa-4x fa-cloud wow bounceIn text-primary"></i>
                    <h3>Game Servers</h3>
                    <p class="text-muted">Play on a server tuned for the optimal experience.</p>
                </div>
            </div>
            <div class="col-lg-2 col-md-4 text-center">
                <div class="feature-box">
                    <i class="fa fa-4x fa-pie-chart wow bounceIn text-primary"></i>
                    <h3>Stats</h3>
                    <p class="text-muted">See your Class stats from Pugs.</p>
                </div>
            </div>
            <div class="col-lg-2 col-md-4 text-center">
                <div class="feature-box">
                    <i class="fa fa-4x fa-sort-amount-desc wow bounceIn text-primary" data-wow-delay=".1s"></i>
                    <h3>All Skills</h3>
                    <p class="text-muted">Add up and play in pugs regardless of skill.</p>
                </div>
            </div>
            <div class="col-lg-2 col-md-4 text-center">
                <div class="feature-box">
                    <i class="fa fa-4x fa-gavel wow bounceIn text-primary" data-wow-delay=".2s"></i>
                    <h3>Moderation</h3>
                    <p class="text-muted">Relax knowing that staff is watching out to fix any problems.</p>
                </div>
            </div>
            <div class="col-lg-2 col-md-4 text-center">
                <div class="feature-box">
                    <i class="fa fa-4x fa-cogs wow bounceIn text-primary" data-wow-delay=".3s"></i>
                    <h3>Automation</h3>
                    <p class="text-muted">Enjoy a smooth journey from start to finish.</p>
                </div>
            </div>
        </div>
    </div>
</aside>
<section class="bg-primary" id="about">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2 text-center">
                <h2 class="section-heading">About</h2>
                <hr class="light">
                <p class="text-faded">MixChamp is a Mix Pug system where two teams are generated from a pool of players. MixChamp is similar to PugChamp but removes the need for Captains. MixChamp is open to players of all skill level and is built to facilitate fun competitive pugs!</p>
                <a href="{{site.github.url}}/about" class="btn btn-default btn-xl">Learn More</a>
            </div>
        </div>
    </div>
</section>


<aside id="more-info">
    <div class="container text-center">
        <div class="more-info">
            <h2>More Info</h2>
            <a href="{{site.github.url}}/rules" class="btn btn-primary btn-xl wow tada">Rules</a>
            <a href="http://champ.gg" class="btn btn-primary btn-xl wow tada">ChampGG</a>
            <a href="{{site.github.url}}/support" class="btn btn-primary btn-xl wow tada">Support Us</a>
        </div>
    </div>
</aside>