71 lines
3.4 KiB
HTML
71 lines
3.4 KiB
HTML
|
<section class="posts-6 py-5" aria-label="posts-6">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row justify-content-center text-center mb-2 mb-md-3">
|
||
|
|
<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-6" data-v-limit="2" data-v-page="1" data-v-categories="1" data-v-image_size="large">
|
||
|
|
|
||
|
|
<div data-v-post>
|
||
|
|
<div class="row align-items-center gy-md-5 mt-4 mt-md-0" data-aos="fade-up" data-aos-delay="{$index}00" data-v-if="index % 2 = 0">
|
||
|
|
<div class="col-md-6">
|
||
|
|
<img alt="" class="img-fluid rounded my-md-0 my-4" src="demo/img/team-1.jpg" data-v-post-image>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6">
|
||
|
|
<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>
|
||
|
|
|
||
|
|
<h2 class="fw-semibold my-1">
|
||
|
|
<a class="text-decoration-none text-dark" href="" data-v-post-url>
|
||
|
|
<span data-v-post-name>Lorem ipsum dolor sit amet</span>
|
||
|
|
</a>
|
||
|
|
</h2>
|
||
|
|
<div class="text-muted" data-v-post-created_at_formatted>
|
||
|
|
10.10.2026
|
||
|
|
</div>
|
||
|
|
<p class="my-4" 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>
|
||
|
|
<a class="btn-link" href="" data-v-post-url>
|
||
|
|
<span>Read more</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row align-items-center gy-md-5 mt-4 mt-md-0" data-aos="fade-up" data-aos-delay="{$index}00" data-v-if="index % 2 = 1">
|
||
|
|
<div class="col-md-6">
|
||
|
|
<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>
|
||
|
|
|
||
|
|
<h2 class="fw-semibold my-1">
|
||
|
|
<a class="text-decoration-none text-dark" href="" data-v-post-url>
|
||
|
|
<span data-v-post-name>Lorem ipsum dolor sit amet</span>
|
||
|
|
</a>
|
||
|
|
</h2>
|
||
|
|
<div class="text-muted" data-v-post-created_at_formatted>
|
||
|
|
10.10.2026
|
||
|
|
</div>
|
||
|
|
<p class="my-4">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>
|
||
|
|
<a class="btn-link" href="">Read more</a>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6">
|
||
|
|
<img alt="" class="img-fluid rounded my-md-0 my-4" src="demo/img/team-1.jpg" data-v-post-image>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|