gistfile1.html

<!-- Hero Row //start -->
<table class="row">
  <tr>
    <td class="wrapper last">
      <table class="twelve columns">
        <tr>
          <!-- Hero Row: Hero //start -->
          <center>
            <td class="panel">
              <center>
                <img class="center" src="http://placehold.it/580x300&text=Hero" width="580" height="300">
              </center>
              <!-- Hero Info: //start -->
              <table class="twelve columns">
                <tr>
                  <!-- Hero Title: //start -->
                  <td class="eight sub-columns">
                    Hero Product title
                  </td>
                  <!-- Hero Title: //end -->
                  <td class="four sub-columns last">
                    <!-- Hero Button: //start -->
                    <table class="button">
                      <tr>
                        <td>
                          <a href="#">Button Label</a>
                        </td>
                      </tr>
                    </table>
                    <!-- Hero Button: //end -->
                  </td>
                  <td class="expander"></td>
                </tr>
              </table>
              <!-- Hero Info: //end -->
              
            </td>
          </center>
          <!-- Hero Row: Hero //end -->
          <td class="expander"></td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<!-- Hero Row //end -->