foundation-emails/test/visual/pages/list.html

A framework for responsive emails

<container>

  <row class="feature-list">
    <columns small="12" large="12">

      <h4>Feature Stories</h4>

      <row class="feature-list-item">
        <columns small="12" large="2" class="hide-for-small">
          <img height="40" width="40" src="http://zurb.com/stickers/images/intro-foundation.png" alt="">
        </columns>
        <columns small="12" large="10">
          <h6 class="feature-list-item-header"><a href="#">I realize this is actually a serious technique, but...</a></h6>
          <p class="feature-list-item-info">Barb E. Dahl</p>
        </columns>
      </row>

      <row class="feature-list-item">
        <columns small="12" large="2" class="hide-for-small">
          <img class="feature-list-image" height="40" width="40" src="http://zurb.com/stickers/images/intro-foundation.png" alt="">
        </columns>
        <columns small="12" large="10">
          <h6 class="feature-list-item-header"><a href="#">21 Ways to Dominate Rat Hearding</a></h6>
          <p class="feature-list-item-info">Oren Jellow</p>
        </columns>
      </row>

      <row class="feature-list-item">
        <columns small="12" large="2" class="hide-for-small">
          <img class="feature-list-image" height="40" width="40" src="http://zurb.com/stickers/images/intro-foundation.png" alt="">
        </columns>
        <columns small="12" large="10">
          <h6 class="feature-list-item-header"><a href="#">10 Steps To Successfully Outsourcing Your Your Counciousness</a></h6>
          <p class="feature-list-item-info">Kandi Apple</p>
        </columns>
      </row>

      <row class="feature-list-item">
        <columns small="12" large="2" class="hide-for-small" >
          <img class="feature-list-image" height="40" width="40" src="http://zurb.com/stickers/images/intro-foundation.png" alt="">
        </columns>
        <columns small="12" large="10">
          <h6 class="feature-list-item-header"><a href="#">How to Have a Healthier and More Productive Pancake Breakfast</a></h6>
          <p class="feature-list-item-info">Les Moore</p>
        </columns>
      </row>
      
    </columns>
  </row>

</container>