Всем привет!
Подскажите каким образом можно вывести новости с постраничной разбивкой новостей вот с таким выводом новостей в верстке

<div class="row news-page page">
	<div class="col-md-6">
		<div class="row">
			<div class="col-md-6">
				<a href="#" class="item-news">
					<div class="img" style="background-image: url(../assets/keddo/img/news/1.jpg);"></div>
					<h2 class="title">Holiday SALE  30% off Get ‘em before they fly away!</h2>
					<div class="date">25 января 2018</div>
				</a>
			</div>
			<div class="col-md-6">
				<a href="#" class="item-news">
					<div class="img" style="background-image: url(../assets/keddo/img/news/2.jpg);"></div>
					<h2 class="title">Holiday SALE  30% off Get ‘em before they fly away!</h2>
					<div class="date">25 января 2018</div>
				</a>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6">
				<a href="#" class="item-news">
					<div class="img" style="background-image: url(../assets/keddo/img/news/3.jpg);"></div>
					<h2 class="title">Holiday SALE  30% off Get ‘em before they fly away!</h2>
					<div class="date">25 января 2018</div>
				</a>
			</div>
			<div class="col-md-6">
				<a href="#" class="item-news">
					<div class="img" style="background-image: url(../assets/keddo/img/news/4.jpg);"></div>
					<h2 class="title">Holiday SALE  30% off Get ‘em before they fly away!</h2>
					<div class="date">25 января 2018</div>
				</a>
			</div>
		</div>
	</div>
	<div class="col-md-6">
		<a href="#" class="item-news">
			<div class="img big" style="background-image: url(../assets/keddo/img/news/5.jpg);"></div>
			<h2 class="title">1Holiday SALE  30% off Get ‘em before they fly away!</h2>
			<div class="date">25 января 2018</div>
		</a>
	</div>
	<div class="col-md-6">
		<a href="#" class="item-news">
			<div class="img big" style="background-image: url(../assets/keddo/img/news/6.jpg);"></div>
			<h2 class="title">Holiday SALE  30% off Get ‘em before they fly away!</h2>
			<div class="date">25 января 2018</div>
		</a>
	</div>
	<div class="col-md-6">
		<div class="row">
			<div class="col-md-6">
				<a href="#" class="item-news">
					<div class="img" style="background-image: url(../assets/keddo/img/news/7.jpg);"></div>
					<h2 class="title">Holiday SALE  30% off Get ‘em before they fly away!</h2>
					<div class="date">25 января 2018</div>
				</a>
			</div>
			<div class="col-md-6">
				<a href="#" class="item-news">
					<div class="img" style="background-image: url(../assets/keddo/img/news/8.jpg);"></div>
					<h2 class="title">Holiday SALE  30% off Get ‘em before they fly away!</h2>
					<div class="date">25 января 2018</div>
				</a>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6">
				<a href="#" class="item-news">
					<div class="img" style="background-image: url(../assets/keddo/img/news/9.jpg);"></div>
					<h2 class="title">Holiday SALE  30% off Get ‘em before they fly away!</h2>
					<div class="date">25 января 2018</div>
				</a>
			</div>
			<div class="col-md-6">
				<a href="#" class="item-news">
					<div class="img" style="background-image: url(../assets/keddo/img/news/10.jpg);"></div>
					<h2 class="title">Holiday SALE  30% off Get ‘em before they fly away!</h2>
					<div class="date">25 января 2018</div>
				</a>
			</div>
		</div>
	</div>
	<nav class="pagination-container">
	  <ul class="pagination">
	    <li class="page-item active"><a class="page-link" href="#">1</a></li>
	    <li class="page-item"><a class="page-link" href="#">2</a></li>
	    <li class="page-item"><a class="page-link" href="#">3</a></li>
	    <li class="page-item">
	      <a class="page-link" href="#" aria-label="Next">
	        <span aria-hidden="true">»</span>
	        <span class="sr-only">Next</span>
	      </a>
	    </li>
	  </ul>
	</nav>
</div>


Никак не могу разобраться с этим.
Для вывод использую pdopgage и pdoresources