107 lines
5.0 KiB
HTML
107 lines
5.0 KiB
HTML
<section class="posts-7 py-5" aria-label="posts-7">
|
|
<div class="container">
|
|
<div class="row justify-content-center text-center mb-4 mb-md-5">
|
|
<div class="col-xl-9 col-xxl-8">
|
|
<span class="text-muted">Read More</span>
|
|
<h2 class="display-5 fw-bold">Our Blog</h2>
|
|
<p class="lead">
|
|
<p data-v-post-excerpt> ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
|
|
</div>
|
|
</div>
|
|
<div data-v-component-posts="posts-7" data-v-limit="4" data-v-page="1" data-v-categories="1" data-v-image_size="large">
|
|
<div class="row">
|
|
<div class="col-md-6" data-aos="fade-up" data-aos-delay="{$index}00" data-v-post>
|
|
<div class="card border-0">
|
|
<a href="" data-v-post-url>
|
|
<img alt="" class="img-fluid rounded" src="demo/img/team-1.jpg" data-v-post-image>
|
|
</a>
|
|
<div class="card-body px-0 mb-3">
|
|
<div data-v-categories>
|
|
<div data-v-categories-cat>
|
|
<a class="text-primary fw-semibold text-decoration-none" href="" data-v-categories-cat-url>
|
|
<span data-v-categories-cat-name>Category</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<h3 class="fw-semibold my-2">
|
|
<a class="text-decoration-none text-dark" href="" data-v-post-url>
|
|
<span data-v-post-name>Lorem ipsum dolor sit amet</span>
|
|
</a>
|
|
</h3>
|
|
<p data-v-post-excerpt> ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tristique nec sapien vel bibendum.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6" data-aos="fade-up" data-aos-delay="{$index}00" data-v-post>
|
|
<div class="card border-0">
|
|
<a href="" data-v-post-url>
|
|
<img alt="" class="img-fluid rounded" src="demo/img/team-1.jpg" data-v-post-image>
|
|
</a>
|
|
<div class="card-body px-0 mb-3">
|
|
<div data-v-categories>
|
|
<div data-v-categories-cat>
|
|
<a class="text-primary fw-semibold text-decoration-none" href="" data-v-categories-cat-url>
|
|
<span data-v-categories-cat-name>Category</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<h3 class="fw-semibold my-2">
|
|
<a class="text-decoration-none text-dark" href="" data-v-post-url>
|
|
<span data-v-post-name>Lorem ipsum dolor sit amet</span>
|
|
</a>
|
|
</h3>
|
|
<p data-v-post-excerpt> ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tristique nec sapien vel bibendum.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6" data-aos="fade-up" data-aos-delay="{$index}00" data-v-post>
|
|
<div class="card border-0">
|
|
<a href="" data-v-post-url>
|
|
<img alt="" class="img-fluid rounded" src="demo/img/team-1.jpg" data-v-post-image>
|
|
</a>
|
|
<div class="card-body px-0 mb-3">
|
|
<div data-v-categories>
|
|
<div data-v-categories-cat>
|
|
<a class="text-primary fw-semibold text-decoration-none" href="" data-v-categories-cat-url>
|
|
<span data-v-categories-cat-name>Category</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<h3 class="fw-semibold my-2">
|
|
<a class="text-decoration-none text-dark" href="" data-v-post-url>
|
|
<span data-v-post-name>Lorem ipsum dolor sit amet</span>
|
|
</a>
|
|
</h3>
|
|
<p data-v-post-excerpt> ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tristique nec sapien vel bibendum.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6" data-aos="fade-up" data-aos-delay="{$index}00" data-v-post>
|
|
<div class="card border-0">
|
|
<a href="" data-v-post-url>
|
|
<img alt="" class="img-fluid rounded" src="demo/img/team-1.jpg" data-v-post-image>
|
|
</a>
|
|
<div class="card-body px-0 mb-3">
|
|
<div data-v-categories>
|
|
<div data-v-categories-cat>
|
|
<a class="text-primary fw-semibold text-decoration-none" href="" data-v-categories-cat-url>
|
|
<span data-v-categories-cat-name>Category</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<h3 class="fw-semibold my-2">
|
|
<a class="text-decoration-none text-dark" href="" data-v-post-url>
|
|
<span data-v-post-name>Lorem ipsum dolor sit amet</span>
|
|
</a>
|
|
</h3>
|
|
<p data-v-post-excerpt> ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tristique nec sapien vel bibendum.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="d-grid col-md-2 mx-auto">
|
|
<a class="btn btn-outline-primary" href="/blog">Read more</a>
|
|
</div>
|
|
</div>
|
|
</section> |