List Row

Associated Files: styles.css

Examples

Without Image

Page Title This is a description or summary which comes from the new "Summary" field located in Spinternet on the page it describes. If there is nothing in this field this item does not show. View More
Page Title This is a description or summary which comes from the new "Summary" field located in Spinternet on the page it describes. If there is nothing in this field this item does not show. View More
Page Title This is a description or summary which comes from the new "Summary" field located in Spinternet on the page it describes. If there is nothing in this field this item does not show. View More

With Image

Page Title This is a description or summary which comes from the new "Summary" field located in Spinternet on the page it describes. If there is nothing in this field this item does not show. View More
Page Title This is a description or summary which comes from the new "Summary" field located in Spinternet on the page it describes. If there is nothing in this field this item does not show. View More
Page Title This is a description or summary which comes from the new "Summary" field located in Spinternet on the page it describes. If there is nothing in this field this item does not show. View More

HTML


						
<h3>Without Image</h3>
<ul class="list list_row clearfix">
  <li class="inner">
    <span class="li-text">
      <a href="#" class="li-head">Page Title</a>
      <span class="li-summary">This is a description or summary which comes from the new "Summary" field located in Spinternet on the page it describes. If there is nothing in this field this item does not show. </span>
      <a href="#" class="li-action">View More</a>
    </span>
  </li>
  <li class="inner">
    <span class="li-text">
      <a href="#" class="li-head">Page Title</a>
      <span class="li-summary">This is a description or summary which comes from the new "Summary" field located in Spinternet on the page it describes. If there is nothing in this field this item does not show. </span>
      <a href="#" class="li-action">View More</a>
    </span>
  </li>
  <li class="inner">
    <span class="li-text">
      <a href="#" class="li-head">Page Title</a>
      <span class="li-summary">This is a description or summary which comes from the new "Summary" field located in Spinternet on the page it describes. If there is nothing in this field this item does not show. </span>
      <a href="#" class="li-action">View More</a>
    </span>
  </li>
</ul>

<h3>With Image</h3>
<ul class="list list_row clearfix">
  <li class="inner">
    <span class="li-img"><img alt="Another Test Article" src="http://placehold.it/164x164"> </span>
    <span class="li-text">
      <a href="#" class="li-head">Page Title</a>
      <span class="li-summary">This is a description or summary which comes from the new "Summary" field located in Spinternet on the page it describes. If there is nothing in this field this item does not show. </span>
      <a href="#" class="li-action">View More</a>
    </span>
  </li>
  <li class="inner">
    <span class="li-img"><img alt="Another Test Article" src="http://placehold.it/164x164"> </span>
    <span class="li-text">
      <a href="#" class="li-head">Page Title</a>
      <span class="li-summary">This is a description or summary which comes from the new "Summary" field located in Spinternet on the page it describes. If there is nothing in this field this item does not show. </span>
      <a href="#" class="li-action">View More</a>
    </span>
  </li>
  <li class="inner">
    <span class="li-img"><img alt="Another Test Article" src="http://placehold.it/164x164"> </span>
    <span class="li-text">
      <a href="#" class="li-head">Page Title</a>
      <span class="li-summary">This is a description or summary which comes from the new "Summary" field located in Spinternet on the page it describes. If there is nothing in this field this item does not show. </span>
      <a href="#" class="li-action">View More</a>
    </span>
  </li>
</ul>