145 lines
5.9 KiB
Vue
145 lines
5.9 KiB
Vue
<template>
|
|
<section class="blog-recent">
|
|
<div class="header">
|
|
<h3>Latest Articles</h3>
|
|
<div class="all-articles">
|
|
<a href="javascript:void(0)">All articles</a>
|
|
</div>
|
|
</div>
|
|
<div class="list">
|
|
<ul class="blog-items">
|
|
<li class="blog-item">
|
|
<img
|
|
class="article-image"
|
|
src="//via.placeholder.com/128"
|
|
alt="Article Topic"
|
|
/>
|
|
<div class="article-text">
|
|
<h4 class="article-title">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing.
|
|
</h4>
|
|
<span class="article-date">March 8, 2021</span>
|
|
</div>
|
|
</li>
|
|
<li class="blog-item">
|
|
<img
|
|
class="article-image"
|
|
src="//via.placeholder.com/128"
|
|
alt="Article Topic"
|
|
/>
|
|
<div class="article-text">
|
|
<h4 class="article-title">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing.
|
|
</h4>
|
|
<span class="article-date">March 8, 2021</span>
|
|
</div>
|
|
</li>
|
|
<li class="blog-item">
|
|
<img
|
|
class="article-image"
|
|
src="//via.placeholder.com/128"
|
|
alt="Article Topic"
|
|
/>
|
|
<div class="article-text">
|
|
<h4 class="article-title">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing.
|
|
</h4>
|
|
<span class="article-date">March 8, 2021</span>
|
|
</div>
|
|
</li>
|
|
<li class="blog-item">
|
|
<img
|
|
class="article-image"
|
|
src="//via.placeholder.com/128"
|
|
alt="Article Topic"
|
|
/>
|
|
<div class="article-text">
|
|
<h4 class="article-title">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing.
|
|
</h4>
|
|
<span class="article-date">March 8, 2021</span>
|
|
</div>
|
|
</li>
|
|
<li class="blog-item">
|
|
<img
|
|
class="article-image"
|
|
src="//via.placeholder.com/128"
|
|
alt="Article Topic"
|
|
/>
|
|
<div class="article-text">
|
|
<h4 class="article-title">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing.
|
|
</h4>
|
|
<span class="article-date">March 8, 2021</span>
|
|
</div>
|
|
</li>
|
|
<li class="blog-item">
|
|
<img
|
|
class="article-image"
|
|
src="//via.placeholder.com/128"
|
|
alt="Article Topic"
|
|
/>
|
|
<div class="article-text">
|
|
<h4 class="article-title">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing.
|
|
</h4>
|
|
<span class="article-date">March 8, 2021</span>
|
|
</div>
|
|
</li>
|
|
<li class="blog-item">
|
|
<img
|
|
class="article-image"
|
|
src="//via.placeholder.com/128"
|
|
alt="Article Topic"
|
|
/>
|
|
<div class="article-text">
|
|
<h4 class="article-title">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing.
|
|
</h4>
|
|
<span class="article-date">March 8, 2021</span>
|
|
</div>
|
|
</li>
|
|
<li class="blog-item">
|
|
<img
|
|
class="article-image"
|
|
src="//via.placeholder.com/128"
|
|
alt="Article Topic"
|
|
/>
|
|
<div class="article-text">
|
|
<h4 class="article-title">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing.
|
|
</h4>
|
|
<span class="article-date">March 8, 2021</span>
|
|
</div>
|
|
</li>
|
|
<li class="blog-item">
|
|
<img
|
|
class="article-image"
|
|
src="//via.placeholder.com/128"
|
|
alt="Article Topic"
|
|
/>
|
|
<div class="article-text">
|
|
<h4 class="article-title">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing.
|
|
</h4>
|
|
<span class="article-date">March 8, 2021</span>
|
|
</div>
|
|
</li>
|
|
<li class="blog-item">
|
|
<img
|
|
class="article-image"
|
|
src="//via.placeholder.com/128"
|
|
alt="Article Topic"
|
|
/>
|
|
<div class="article-text">
|
|
<h4 class="article-title">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing.
|
|
</h4>
|
|
<span class="article-date">March 8, 2021</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
</template>
|