index.html

<!DOCTYPE HTML>
<html>

  <head>

    <meta charset="utf-8">
    <title>ComoRichWeb Workshops</title>


    <meta name="description" content="ComoRichWeb Workshops">
    <meta name="author" content="Brian Grinstead, ComoRichWeb">

    <link href="css/homepage.css" rel="stylesheet" />
    <link href="favicon.ico" rel="icon" type="image/x-icon" />

  </head>
  <body>

    <div class='container-fluid'>
      <div class='content'>

        <div class='inner-content'>
      <hr />
      <h1>ComoRichWeb Workshops</h1>
      <hr />

      <h2>September 26th, 2012 (that's a Wednesday)</h2>
      <p>
  <a href='http://comorichweb.posterous.com'>ComoRichWeb</a> will be hosting a workshop night with a focus on getting local developers together for training / learning about specific topics.
  We will offer 3 tracks from local professionals, with two sessions each lasting  30-45 minutes, allowing attendees to attend 2.
      </p>

      <h2>Where? Reynolds Journalism Institute</h2>
  <p>

  <a href='https://maps.google.com/maps?q=Reynolds+Journalism+Institute&hl=en&hq=Reynolds+Journalism+Institute&hnear=Columbia,+Boone,+Missouri&t=h&ie=UTF8&z=19&vpsrc=0&iwloc=A&cid=4331821347201969180'>RJI is located</a> on 9th street, just across from Chipotle.

  It's on the MU campus.
  Come in the main entrance on 9th street - we are meeting in the fishbowl room right in front.
  </p>

      <h2>Who can come?</h2>
      <p>
         Anyone in the Columbia MO area who wants to learn about web technologies. Attendance is free.
      </p>

      <h2>Sponsors</h2>
      <p>
        We have some great local companies sponsoring the venue and other costs:

        <ul>
        <li><a href='http://foliotek.com'>Foliotek</a></li>
        <li><a href='http://www.veteransunited.com/'>Veterans United Home Loans</a></li>
        </ul>
        Interested in sponsoring?  <a href='http://twitter.com/ComoRichWeb' target='_blank'>Contact us!</a>
      </p>

      <h2>Topics</h2>

      <p>
        We are offering 3 topics, and you can go to 2 of them over the course of the night.  Pick whichever ones you are most interested in and skip the other, it won't hurt our feelings.
      </p>
      <ul id="topics">
        <li>
          <div class='clearfix'>
            <div class='pull-left'>
              <h3>Backbone.js</h3>
              <h4>By: Ted Han (<a href='http://twitter.com/knowtheory'>@knowtheory</a>)</h4>
            </div>
            <div class='pull-right'>
              <img src='https://si0.twimg.com/profile_images/2248978066/hat_shot_300px_reasonably_small.jpg' width='50' style='float:right;' />
            </div>
          </div>
          <hr />

          <p>

          <p>
          <p>

          </p>
        </li>
        <li>
          <div class='clearfix'>
            <div class='pull-left'>
              <h3>Python / Django</h3>
              <h4>By: Greg Aker (<a href='http://twitter.com/gaker'>@gaker</a>)</h4>
            </div>
            <div class='pull-right'>
              <img src='https://si0.twimg.com/profile_images/1752641615/greg_reasonably_small.png' width='50' style='float:right;' />
            </div>
          </div>
          <hr />

          <p>
            Come learn the basics of Python and get started developing websites with Django. At the end of the session, you'll be well on your way to creating applications with this fun and powerful web framework.
          <p>
          <p>
            <strong>If you'd like to follow along</strong>, you just need your laptop with Python installed, a <em>text editor</em> a <em>web browser</em> and be somewhat comfortable with basic terminal commands.
          </p>
          <p>
            <a href='https://github.com/CoMoRichWebGroup/squak/'>View Workshop Content Online</a> &nbsp;
            <a href='https://github.com/CoMoRichWebGroup/squak/zipball/master' class='btn'>Download .zip to follow along!</a>
          </p>
        </li>
        <li>
          <div class='clearfix'>
            <div class='pull-left'>
              <h3>HTML5</h3>
              <h4>By: Brian Grinstead (<a href='http://twitter.com/bgrins'>@bgrins</a>)</h4>
            </div>
            <div class='pull-right'>
              <img src='https://lh3.googleusercontent.com/-umXVva8U-0A/AAAAAAAAAAI/AAAAAAAAAMM/qkegYyUlITQ/s250-c-k/photo.jpg' width='50' style='float:right;' />
            </div>
          </div>
          <hr />

          <p>
            Come learn how to build a nice looking HTML5 site using new of techniques and tools.  Covering topics such as HTML5 Boilerplate, Web Fonts, Twitter Bootstrap, CSS3, CSS Sprites, and other stuff!
          <p>
          <p>
            <strong>If you'd like to follow along</strong>, you just need your laptop with a <em>text editor</em> and <em>Google Chrome</em> installed as we will use their integrated developer tools as we go through the workshop.
            <br />
          </p>
          <p>
            <a href='http://bgrins.github.com/html5-workshop/'>View Workshop Content Online</a> &nbsp;
            <a href='https://github.com/bgrins/html5-workshop/zipball/master' class='btn'>Download .zip to follow along!</a>
          </p>
        </li>
      </ul>

      <h2>Schedule</h2>
        <p><strong>5:30PM</strong> - Show up, meet people, eat</p>
        <p><strong>6:00 - 6:45</strong> - First session (pick 1 out of 3)</p>
        <p><strong>7:00 - 7:45</strong> - Second session  (pick another one)</p>
        <p><strong>After</strong> - Drinkup across the street at The Heidelberg</p>

    </div>

    <div id="stage">
      <div id="rotate">
        <img src='img/comorichweb-logo.png' id='center' />

        <div id="ring-0" class="ring backward"></div>
        <div id="ring-1" class="ring forward"></div>
        <div id="ring-2" class="ring backward"></div>
        <div id="ring-3" class="ring forward"></div>
        <div id="ring-4" class="ring backward"></div>
      </div>

      <div id="nonmad">
        <img src='img/comorichweb-logo.png' id='center' />
      </div>

    </div>

    <a href="#" id="stop-the-madness">STOP THE MADNESS!</a>

  </div>

  <script type="text/javascript" src="js/jquery-1.8.0.js"></script>
  <script type="text/javascript" src="js/prefixfree.js"></script>
  <script type="text/javascript" src="js/homepage.js"></script>

  </body>
</html>