115 lines
5.3 KiB
HTML
115 lines
5.3 KiB
HTML
|
<section class="posts-4 py-5" aria-label="posts-4">
|
||
|
|
<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">Lorem 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-4" data-v-limit="5" data-v-page="1" data-v-categories="1" data-v-image_size="large">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div data-aos="fade-up" data-aos-delay="{$index}00" data-v-post>
|
||
|
|
<div class="card border-0" data-v-if="index = 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">
|
||
|
|
|
||
|
|
<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>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum congue risus sit amet dictum malesuada. Vestibulum viverra iaculis turpis, vitae varius lectus imperdiet at. Sed ultrices, ante vitae maximus laoreet, magna quam tincidunt ex, non faucibus justo dui commodo libero.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-6" data-aos="fade-up" data-aos-delay="{$index}00" data-v-post data-v-if="index > 0">
|
||
|
|
|
||
|
|
<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">
|
||
|
|
|
||
|
|
<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">
|
||
|
|
<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>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="col-6" data-aos="fade-up" data-aos-delay="{$index}00" data-v-post>
|
||
|
|
<div class="card border-0">
|
||
|
|
<a href="">
|
||
|
|
<img alt="" class="img-fluid rounded" src="demo/img/team-1.jpg" data-v-post-image>
|
||
|
|
</a>
|
||
|
|
<div class="card-body px-0">
|
||
|
|
<a class="text-primary fw-semibold text-decoration-none" href="">Category</a>
|
||
|
|
<h3 class="fw-semibold">
|
||
|
|
<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>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-6" data-aos="fade-up" data-aos-delay="{$index}00" data-v-post>
|
||
|
|
<div class="card border-0">
|
||
|
|
<a href="">
|
||
|
|
<img alt="" class="img-fluid rounded" src="demo/img/team-1.jpg" data-v-post-image>
|
||
|
|
</a>
|
||
|
|
<div class="card-body px-0">
|
||
|
|
<a class="text-primary fw-semibold text-decoration-none" href="">Category</a>
|
||
|
|
<h3 class="fw-semibold">
|
||
|
|
<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>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-6" data-aos="fade-up" data-aos-delay="{$index}00" data-v-post>
|
||
|
|
<div class="card border-0">
|
||
|
|
<a href="">
|
||
|
|
<img alt="" class="img-fluid rounded" src="demo/img/team-1.jpg" data-v-post-image>
|
||
|
|
</a>
|
||
|
|
<div class="card-body px-0">
|
||
|
|
<a class="text-primary fw-semibold text-decoration-none" href="">Category</a>
|
||
|
|
<h3 class="fw-semibold">
|
||
|
|
<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>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|