{% extends 'base.html' %}

{%block body-id%}home{% endblock %}

{% block content %}
  <!--Carousel-->
      <div class="carousel" role="marquee">
        <ul class="nivo-slider-main" role="menubar">
          <li role="button">1</li>
          <li role="button">2</li>
          <li role="button">3</li>
        </ul>
        <div class="nivo-slider">
          <img src="/media/carousel_home_01.jpg" alt="Image : Leave your mark on the mountain" width="1024" height="300" /><!--Adapt tag to carousel script-->
          <!--Optional Overlay content-->
        </div>
      </div>
  <!--End Carousel-->

<!--MAIN-->
    <div id="main" role="main">
        <aside>
          <h2>Team</h2>
          <img src="/media/team_home_352x180.jpg" width="352" height="180" />
          <div class="text-wrapper">
						<h3>Objectively plagiarize B2B</h3>
            <p>Authoritatively integrate stand-alone communities vis-a-vis distinctive infrastructures. Credibly monetize cross-media networks before diverse outsourcing. Monotonectally develop high standards in relationships and unique testing procedures. Professionally maintain goal-oriented e-business after innovative web-readiness. Dynamically evisculate high-quality.</p>
            <h4>Team Kombi</h4>
            <ul class="cols-2"><!--Non semantic class, sorry-->
              <li>Beau Bishop</li><li>Cam Schuster</li> <li>Charles Stevens</li> <li>Chris Turpin</li> <li>Corey Vanular</li> <li>Dave Fortin</li> <li>Gab Dussault</li> <li>Ian Cosco</li> <li>Jessica Sobolowski</li> <li>Joe Schuster</li> <li>John Emberly</li> <li>Justin Dorey</li> <li>Logan Dobson</li> <li>Logan Imlach</li> <li>Mack Jones</li> <li>Matt Annetts</li> <li>Megan Gunning</li> <li>Mike Osachuk</li> <li>Nate Wood</li> <li>Noah Bowman</li> <li>Noah Morrison</li>  <li>Ryland Bell</li> <li>Sandy Boville</li> <li>Steph Just</li> <li>Wiley Miller</li>
            </ul>
  <!--Bouton jaune (template)-->
            <a class="cta-button" href="http://"><span>Link Text</span></a>
          </div>
        </aside>
      <!--Main Content Region-->
        <div role="region"><!--For clarity, region could have an id-->
           <article class="half-width" role="article"><!--Non-semantic classes, sorry-->
           <h2>Technology</h2>
           <p>Phosfluorescently exploit bleeding-edge deliverables through competitive process improvements. Efficiently streamline market-driven outsourcing without timely metrics. Energistically brand leading-edge web services.</p>
           <a class="cta-button" href="http://"><span>Link Text</span></a>
           <img src="/media/tech_home_291x180.jpg" width="291" height="180" />
           </article>
           <article class="half-width" role="article">
           <h2>Socks</h2>
           <p>Seamlessly envisioneer granular markets after granular growth strategies. Quickly target team building deliverables whereas client-centric e-markets. Appropriately underwhelm focused total.</p>
           <a class="cta-button" href="http://"><span>Link Text</span></a>
           <img src="/media/Socks_home_291x180.jpg" width="291" height="180" />
           </article>
           <article class="full-width" role="article"><!--This one is not essential, kept for clarity-->
           <h2>Base Layer</h2>
           <p>Collaboratively leverage existing backend testing procedures for sticky products. Uniquely embrace front-end applications vis-a-vis progressive interfaces. Rapidiously deliver functional resources with integrated manufactured products. Continually provide access to front-end total linkage without performance based.</p>
           <a class="cta-button" href="http://"><span>Link Text</span></a>
           </article>
        </div>
      <!--End Main Content Region-->
    </div>
<!--END MAIN-->
{% endblock %}

{% block page-scripts %}
{% endblock %}