Acorn Timeline

acorn-timeline.html

<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
  <tr>
    <td style="padding: 32px 24px;">
      <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
        <tr>
          <td class="col" width="96" style="padding: 0 8px;">
            <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
              <tr>
                <td class="pt-sm-0" style="font-size: 14px; padding-top: 32px;">2007 - 2008</td>
              </tr>
            </table>
          </td>
          <td class="hide-sm" align="center" width="48">
            <img src="https://i.imgur.com/evrIM2o.png" alt="" width="35" style="max-width: 35px; width: 100%;">
          </td>
          <td class="col" width="376" style="padding: 0 8px;">
            <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
              <tr>
                <td class="py-sm-8" style="padding-top: 32px;">
                  <h4 style="margin: 0 0 15px;">Massachusetts Institute of Technology</h4>
                  <p style="margin: 0;">Co-wrote a book on the Semantic Web and Best Practices for Developers.</p>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
      <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
        <tr>
          <td class="col" width="96" style="padding: 0 8px;">
            <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
              <tr>
                <td style="font-size: 14px; padding-top: 32px;">2004 - 2006</td>
              </tr>
            </table>
          </td>
          <td class="hide-sm" align="center" width="48">
            <img src="https://i.imgur.com/evrIM2o.png" alt="" width="35" style="max-width: 35px; width: 100%;">
          </td>
          <td class="col" width="376" style="padding: 0 8px;">
            <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
              <tr>
                <td class="py-sm-8" style="padding-top: 32px;">
                  <h4 style="margin: 0 0 15px;">Parsons School of Design</h4>
                  <p style="margin: 0;">Awarded Best Designer of the Year voted by student and teacher body.</p>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
      <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
        <tr>
          <td class="col" width="96" style="padding: 0 8px;">
            <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
              <tr>
                <td style="font-size: 14px; padding-top: 32px;">2002 - 2004</td>
              </tr>
            </table>
          </td>
          <td class="hide-sm" align="center" width="48">
            <img src="https://i.imgur.com/evrIM2o.png" alt="" width="35" style="max-width: 35px; width: 100%;">
          </td>
          <td class="col" width="376" style="padding: 0 8px;">
            <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
              <tr>
                <td class="py-sm-8" style="padding-top: 32px;">
                  <h4 style="margin: 0 0 15px;">Berkley College</h4>
                  <p style="margin: 0;">Two year program with a focus on design principles and Javascript development. Won National Student Design Competition for Application Design.</p>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>