<div class="row">
  <div class="col-12">
    
    <div class="tt-listing-post tt-half">
      {openzc:list pagesize="12" imgsizer="300,200" desclen="180"}
      <div class="tt-post">
        
        <div class="tt-post-img"><a href="[field:archives_link/]"><img src="[field:archives_image/]" title="[field:archives_name/]"></a></div>
        <div class="tt-post-content">
          <div class="tt-tag"><a href="[field:categories_link/]">[field:categories_name/]</a></div>
          <h2 class="tt-title"><a href="[field:archives_link/]">[field:archives_name/]</a></h2>
          <div class="tt-description mg-t-0">[field:archives_description/] ... ...</div>
          <div class="tt-meta mg-t-0">
            <div class="tt-autor"> By <span>Openzc</span> on [field:archives_date_added/]</div>
            <div class="tt-comments"><a ><i class="tt-icon icon-f-88"></i> [field:reviews_count/]</a></div>
          </div>
          <div class="tt-btn"><a href="[field:archives_link/]" class="btn btn-outline-primary">READ MORE</a></div>
        </div>
      </div>
      {/openzc:list}
      <!-- <a href="#" class="btn-pagination btn-prev"></a>-->
      <div class="tt-pagination">
        <ul>
         	{openzc:pagelist listitem="prev,list,next" listsize="5"/}
        </ul>
        
      </div>
    </div>
    
  </div>
</div>