<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>
