News Uikit only
Component with news list.
Articles
The code to generate the component is this:
<div class="container">
<div class="row mt-5">
<div class="col-12 col-md-8">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Library</a></li>
<li class="breadcrumb-item active">Data</li>
</ol>
<h2 class="section-title"><span>Articles</span></h2>
<article class="article-horizontal" itemscope itemtype="http://schema.org/Article">
<a href="#" title="" itemprop="url" class="ui-box topBottom-leftRightCorner">
<span class="ui-border-element">
<img src="http://placehold.it/640x440" alt="" itemprop="image" class="img-fluid">
</span>
</a>
<div class="post-excerpt">
<h3 itemprop="headline"><a href="#" title="" itemprop="url">Why tech accelerators may soon be as irrelevant as an MBA</a></h3>
<a class="time" href="#" title="Title" itemprop="url">19/09/2018</a>
<p><a href=""itemprop="url">The list of potential Twitter acquirers addition to recent reports that Salesforce and Google are interested in possibly buying the real-time news</a></p>
</div>
</article>
<article class="article-horizontal" itemscope itemtype="http://schema.org/Article">
<a href="#" title="" itemprop="url" class="ui-box topBottom-leftRightCorner">
<span class="ui-border-element">
<img src="http://placehold.it/640x440" alt="" itemprop="image" class="img-fluid">
</span>
</a>
<div class="post-excerpt">
<h3 itemprop="headline"><a href="#" title="" itemprop="url">Why tech accelerators may soon be as irrelevant as an MBA</a></h3>
<a class="time" href="#" title="Title" itemprop="url">19/09/2018</a>
<p><a href=""itemprop="url">The list of potential Twitter acquirers addition to recent reports that Salesforce and Google are interested in possibly buying the real-time news</a></p>
</div>
</article>
<article class="article-horizontal" itemscope itemtype="http://schema.org/Article">
<a href="#" title="" itemprop="url" class="ui-box topBottom-leftRightCorner">
<span class="ui-border-element">
<img src="http://placehold.it/640x440" alt="" itemprop="image" class="img-fluid">
</span>
</a>
<div class="post-excerpt">
<h3 itemprop="headline"><a href="#" title="" itemprop="url">Why tech accelerators may soon be as irrelevant as an MBA</a></h3>
<a class="time" href="#" title="Title" itemprop="url">19/09/2018</a>
<p><a href=""itemprop="url">The list of potential Twitter acquirers addition to recent reports that Salesforce and Google are interested in possibly buying the real-time news</a></p>
</div>
</article>
<ul class="pagination pagination-sm">
<li class="page-item disabled">
<a class="page-link" href="#"><i class="fas fa-angle-left"></i></a>
</li>
<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="#">4</a>
</li>
<li class="page-item">
<a class="page-link" href="#">5</a>
</li>
<li class="page-item">
<a class="page-link" href="#"><i class="fas fa-angle-right"></i></a>
</li>
</ul>
</div>
</div>
</div>