index.html

---
layout: default
title: Shoes!
---

<div class='jumbotron'>
  <div class='intro row'>
    <div class="col-md-2">
      <img alt='shoes logo' src='/img/shoes-icon.png' class="logo" />
    </div>
    <div class="col-md-10">
      <h1>Shoes!</h1>
      <p>
        Ever wanted to build a GUI? Annoyed that it's so much effort? Shoes
        makes building little graphical programs for Mac, Windows, and Linux <em>super</em> simple.
      </p>
      <p>
        <a class='btn btn-primary btn-lg' href='/tutorials/'>Learn more »</a>
      </p>
    </div>
  </div>
  <div class='center'>
    <img src='/img/screen.jpg' />
    <ul id="os-nav">
      <li><a class="os-link" href="/downloads/"><i class="fa fa-apple os"></i></a></li>
      <li><a class="os-link" href="/downloads/"><i class="fa fa-windows os"></i></a></li>
      <li><a class="os-link" href="/downloads/"><i class="fa fa-linux os"></i></a></li>
    </ul>
    <p>
      GUI Awesomeness across all major platforms!
      <em>Mac OS X</em>, <em>Windows</em> or <em>Linux</em>.
      Shoes loves them all.
    </p>
  </div>
</div>
<div class='row'>
  <div class='col-md-4'>
    <h2><i class="fa fa-mortar-board"></i> Tutorials</h2>

    <p>
      New to Shoes? Great! There are tons of resources available to get
      you started with Shoes.
    </p>
    <p>
      <a class='btn btn-default' href='/tutorials/'>Read More »</a>
    </p>
  </div>
  <div class='col-md-4'>
    <h2><i class="fa fa-rss-square"></i> Blog</h2>

    <p>
      Keep up with the latest developments, see what
      other people are building, and hear about new features as we build
      them!
    </p>
    <p>
      <a class='btn btn-default' href='/blog/'>Check it out »</a>
    </p>
  </div>
  <div class='col-md-4'>
    <h2><i class="fa fa-github"></i> Contribute</h2>

    <p>
      Want to contribute? Fantastic! The Shoes Team is always looking
      for motivated contributers. Help us make Shoes even better.
    </p>
    <p>
      <a class='btn btn-default' href='/contribute/'>See our team »</a>
    </p>
  </div>
</div>