73 lines
3.6 KiB
HTML
73 lines
3.6 KiB
HTML
<section class="posts-3 py-5" aria-label="posts-3">
|
|
<div class="container">
|
|
|
|
<div class="row justify-content-center">
|
|
|
|
<div class="col-md-8 text-center">
|
|
<h2 class="text-center display-6 mb-1 fw-bold">From Our Blog</h2>
|
|
<p class="lead text-center text-muted mb-4">Vivamus sed nunc in arcu cursus mollis quis et orci. Interdum et malesuada.</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row mt-4" data-v-component-posts="posts-3" data-v-limit="3" data-v-page="1" data-v-image_size="medium">
|
|
|
|
<div class="col-md-4" data-v-post>
|
|
<div class="card position-relative shadow border-0 mb-4" data-bs-theme="dark">
|
|
<img class="card-img" src="demo/img/product.webp" loading="lazy" alt="product" data-v-post-image>
|
|
<div class="card-img-overlay overflow-hidden">
|
|
<div class="d-flex align-items-center">
|
|
<span class="badge bg-primary text-white px-3 py-1 font-weight-normal">New</span>
|
|
<div class="ms-2">
|
|
<span class="ms-2 small">Jan 21, 2024</span>
|
|
</div>
|
|
</div>
|
|
<a href="content/post.html" class="text-body" data-v-post-url>
|
|
<h5 class="card-title my-3 font-weight-normal" data-v-post-name>Interdum et malesuada</h5>
|
|
</a>
|
|
<p class="card-text" data-v-post-excerpt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce enim nulla, mollis eu metus in, sagittis fringilla tortor. Phasellus purus dignissim convallis.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-4" data-v-post>
|
|
<div class="card position-relative shadow border-0 mb-4" data-bs-theme="dark">
|
|
<img class="card-img" src="demo/img/product.webp" loading="lazy" alt="product" data-v-post-image>
|
|
<div class="card-img-overlay overflow-hidden">
|
|
<div class="d-flex align-items-center">
|
|
<span class="badge bg-primary text-white px-3 py-1 font-weight-normal">New</span>
|
|
<div class="ms-2">
|
|
<span class="ms-2 small">Jan 21, 2024</span>
|
|
</div>
|
|
</div>
|
|
<a href="content/post.html" class="text-body" data-v-post-url>
|
|
<h5 class="card-title my-3 font-weight-normal" data-v-post-name>Interdum et malesuada</h5>
|
|
</a>
|
|
<p class="card-text" data-v-post-excerpt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce enim nulla, mollis eu metus in, sagittis fringilla tortor. Phasellus purus dignissim convallis.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-4" data-v-post>
|
|
<div class="card position-relative shadow border-0 mb-4" data-bs-theme="dark">
|
|
<img class="card-img" src="demo/img/product.webp" loading="lazy" alt="product" data-v-post-image>
|
|
<div class="card-img-overlay overflow-hidden">
|
|
<div class="d-flex align-items-center">
|
|
<span class="badge bg-primary text-white px-3 py-1 font-weight-normal">New</span>
|
|
<div class="ms-2">
|
|
<span class="ms-2 small">Jan 21, 2024</span>
|
|
</div>
|
|
</div>
|
|
<a href="content/post.html" class="text-body" data-v-post-url>
|
|
<h5 class="card-title my-3 font-weight-normal" data-v-post-name>Interdum et malesuada</h5>
|
|
</a>
|
|
<p class="card-text" data-v-post-excerpt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce enim nulla, mollis eu metus in, sagittis fringilla tortor. Phasellus purus dignissim convallis.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section> |