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

  • Another Test Article 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
  • Another Test Article 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
  • Another Test Article 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>