init
This commit is contained in:
231
static/Vvvebjs/demo/landing/sections/posts/posts-1.html
Normal file
231
static/Vvvebjs/demo/landing/sections/posts/posts-1.html
Normal file
@@ -0,0 +1,231 @@
|
||||
<section class="posts-1" aria-label="latest-post-1">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="section-heading text-center">
|
||||
<h2 class="text-center display-6 mb-1 fw-bold">Latest Posts</h2>
|
||||
<p class="lead text-center text-muted mb-4">Fresh updates from the industry.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div data-v-component-posts="posts-1" data-v-limit="3" data-v-image_size="medium">
|
||||
<div class="row">
|
||||
|
||||
|
||||
|
||||
<div class="col-12 col-lg-4 mb-2" data-aos="fade-up" data-aos-delay="{$index}00" data-v-post>
|
||||
|
||||
<article class="card post h-100 shadow-sm border">
|
||||
<div class="card-img-top" data-v-if="post.image">
|
||||
<img src="demo/img/video-1.webp" alt="" class="w-100" loading="lazy" data-v-size="thumb" data-v-post-image>
|
||||
</div>
|
||||
<!-- Post Title -->
|
||||
<a data-v-post-url>
|
||||
<div class="card-body p-4">
|
||||
<div class="post-title card-title">
|
||||
<h3 class="h4" data-v-post-name>
|
||||
Vivamus sed nunc in arcu cursus mollis quis et orci. Interdum et malesuada
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="post-meta text-start mb-3 small">
|
||||
|
||||
<li class="post-author meta-wrapper">
|
||||
<span class="meta-icon">
|
||||
<span class="screen-reader-text">Post author</span>
|
||||
<i class="la la-user"></i>
|
||||
</span>
|
||||
<span class="meta-text">
|
||||
By <a href="content/post.html" data-v-post-author-url>
|
||||
<span data-v-post-display_name>admin</span>
|
||||
</a>
|
||||
</span>
|
||||
</li>
|
||||
|
||||
<li class="post-date meta-wrapper">
|
||||
<span class="meta-icon">
|
||||
<span class="screen-reader-text">Post date</span>
|
||||
|
||||
<i class="la la-calendar"></i>
|
||||
</span>
|
||||
<span class="meta-text">
|
||||
<a href="content/post.html" data-v-post-url>
|
||||
<!-- <span data-v-post-created_at data-filter-friendly_date>December 31, 2020</span> -->
|
||||
<span data-v-post-created_at_formatted>December 31, 2020</span>
|
||||
</a>
|
||||
</span>
|
||||
</li>
|
||||
<!--
|
||||
<li class="post-comment-link meta-wrapper">
|
||||
<span class="meta-icon">
|
||||
<i class="la la-comment"></i>
|
||||
</span>
|
||||
<span class="meta-text">
|
||||
<a href="#comments" data-v-post-comments-url><span data-v-post-comment_text>0 Comments</span></a>
|
||||
</span>
|
||||
</li>
|
||||
-->
|
||||
</ul>
|
||||
|
||||
<p class="card-text text-muted" 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>
|
||||
<button title="{$post.name}" role="button" class="btn btn-link px-0">
|
||||
<span>Read more</span>
|
||||
<i class="la la-angle-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="col-12 col-lg-4 mb-2" data-aos="fade-up" data-aos-delay="{$index}00" data-v-post>
|
||||
|
||||
<article class="card post h-100 shadow-sm border">
|
||||
<div class="card-img-top" data-v-if="post.image">
|
||||
<img src="demo/img/video-1.webp" alt="" class="w-100" loading="lazy" data-v-size="thumb" data-v-post-image>
|
||||
</div>
|
||||
<!-- Post Title -->
|
||||
<a data-v-post-url>
|
||||
<div class="card-body p-4">
|
||||
<div class="post-title card-title">
|
||||
<h3 class="h4" data-v-post-name>
|
||||
Vivamus sed nunc in arcu cursus mollis quis et orci. Interdum et malesuada
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="post-meta text-start mb-3 small">
|
||||
|
||||
<li class="post-author meta-wrapper">
|
||||
<span class="meta-icon">
|
||||
<span class="screen-reader-text">Post author</span>
|
||||
<i class="la la-user"></i>
|
||||
</span>
|
||||
<span class="meta-text">
|
||||
By <a href="content/post.html" data-v-post-author-url>
|
||||
<span data-v-post-display_name>admin</span>
|
||||
</a>
|
||||
</span>
|
||||
</li>
|
||||
|
||||
<li class="post-date meta-wrapper">
|
||||
<span class="meta-icon">
|
||||
<span class="screen-reader-text">Post date</span>
|
||||
|
||||
<i class="la la-calendar"></i>
|
||||
</span>
|
||||
<span class="meta-text">
|
||||
<a href="content/post.html" data-v-post-url>
|
||||
<!-- <span data-v-post-created_at data-filter-friendly_date>December 31, 2020</span> -->
|
||||
<span data-v-post-created_at_formatted>December 31, 2020</span>
|
||||
</a>
|
||||
</span>
|
||||
</li>
|
||||
<!--
|
||||
<li class="post-comment-link meta-wrapper">
|
||||
<span class="meta-icon">
|
||||
<i class="la la-comment"></i>
|
||||
</span>
|
||||
<span class="meta-text">
|
||||
<a href="#comments" data-v-post-comments-url><span data-v-post-comment_text>0 Comments</span></a>
|
||||
</span>
|
||||
</li>
|
||||
-->
|
||||
</ul>
|
||||
|
||||
<p class="card-text text-muted" 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>
|
||||
<button title="{$post.name}" role="button" class="btn btn-link px-0">
|
||||
<span>Read more</span>
|
||||
<i class="la la-angle-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="col-12 col-lg-4 mb-2" data-aos="fade-up" data-aos-delay="{$index}00" data-v-post>
|
||||
|
||||
<article class="card post h-100 shadow-sm border">
|
||||
<div class="card-img-top" data-v-if="post.image">
|
||||
<img src="demo/img/video-1.webp" alt="" class="w-100" loading="lazy" data-v-size="thumb" data-v-post-image>
|
||||
</div>
|
||||
<!-- Post Title -->
|
||||
<a data-v-post-url>
|
||||
<div class="card-body p-4">
|
||||
<div class="post-title card-title">
|
||||
<h3 class="h4" data-v-post-name>
|
||||
Vivamus sed nunc in arcu cursus mollis quis et orci. Interdum et malesuada
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="post-meta text-start mb-3 small">
|
||||
|
||||
<li class="post-author meta-wrapper">
|
||||
<span class="meta-icon">
|
||||
<span class="screen-reader-text">Post author</span>
|
||||
<i class="la la-user"></i>
|
||||
</span>
|
||||
<span class="meta-text">
|
||||
By <a href="content/post.html" data-v-post-author-url>
|
||||
<span data-v-post-display_name>admin</span>
|
||||
</a>
|
||||
</span>
|
||||
</li>
|
||||
|
||||
<li class="post-date meta-wrapper">
|
||||
<span class="meta-icon">
|
||||
<span class="screen-reader-text">Post date</span>
|
||||
|
||||
<i class="la la-calendar"></i>
|
||||
</span>
|
||||
<span class="meta-text">
|
||||
<a href="content/post.html" data-v-post-url>
|
||||
<!-- <span data-v-post-created_at data-filter-friendly_date>December 31, 2020</span> -->
|
||||
<span data-v-post-created_at_formatted>December 31, 2020</span>
|
||||
</a>
|
||||
</span>
|
||||
</li>
|
||||
<!--
|
||||
<li class="post-comment-link meta-wrapper">
|
||||
<span class="meta-icon">
|
||||
<i class="la la-comment"></i>
|
||||
</span>
|
||||
<span class="meta-text">
|
||||
<a href="#comments" data-v-post-comments-url><span data-v-post-comment_text>0 Comments</span></a>
|
||||
</span>
|
||||
</li>
|
||||
-->
|
||||
</ul>
|
||||
|
||||
<p class="card-text text-muted" 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>
|
||||
<button title="{$post.name}" role="button" class="btn btn-link px-0">
|
||||
<span>Read more</span>
|
||||
<i class="la la-angle-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
151
static/Vvvebjs/demo/landing/sections/posts/posts-2.html
Normal file
151
static/Vvvebjs/demo/landing/sections/posts/posts-2.html
Normal file
@@ -0,0 +1,151 @@
|
||||
<section class="pt-5 pb-5" aria-label="posts-2">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3 class="mb-3">News sections</h3>
|
||||
</div>
|
||||
<div class="col-6 text-end">
|
||||
<a class="btn btn-outline-primary mb-3 me-1" href="#carouselPosts2" role="button" data-bs-slide="prev">
|
||||
<i class="la la-arrow-left"></i>
|
||||
</a>
|
||||
<a class="btn btn-outline-primary mb-3 " href="#carouselPosts2" role="button" data-bs-slide="next">
|
||||
<i class="la la-arrow-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div id="carouselPosts2" class="carousel slide" data-bs-ride="carousel">
|
||||
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active" data-v-component-posts="slide1" data-v-limit="3" data-v-page="1" data-v-image_size="medium">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-4 mb-3" data-aos="fade-up" data-aos-delay="{$index}00" data-v-post>
|
||||
<div class="card">
|
||||
<img class="img-fluid" loading="lazy" alt="day67-dog" src="demo/img/team-1.jpg" data-v-post-image>
|
||||
<div class="card-body">
|
||||
<a href="content/post.html" data-v-post-url>
|
||||
<h4 class="card-title" data-v-post-name>Interdum et malesuada</h4>
|
||||
</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 mb-3" data-aos="fade-up" data-aos-delay="{$index}00" data-v-post>
|
||||
<div class="card">
|
||||
<img class="img-fluid" loading="lazy" alt="day22-owl" src="demo/img/team-2.jpg" data-v-post-image>
|
||||
<div class="card-body">
|
||||
<a href="content/post.html" data-v-post-url>
|
||||
<h4 class="card-title" data-v-post-name>Interdum et malesuada</h4>
|
||||
</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 mb-3" data-aos="fade-up" data-aos-delay="{$index}00" data-v-post>
|
||||
<div class="card">
|
||||
<img class="img-fluid" loading="lazy" alt="day68-happy-cat" src="demo/img/team-1.jpg" data-v-post-image>
|
||||
<div class="card-body">
|
||||
<a href="content/post.html" data-v-post-url>
|
||||
<h4 class="card-title" data-v-post-name>Interdum et malesuada</h4>
|
||||
</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>
|
||||
<div class="carousel-item" data-v-component-posts="slide2" data-v-limit="3" data-v-page="2">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-4 mb-3" data-v-post>
|
||||
<div class="card">
|
||||
<img class="img-fluid" loading="lazy" alt="day79-coffee" src="demo/img/team-1.jpg" data-v-post-image>
|
||||
<div class="card-body">
|
||||
<a href="content/post.html" data-v-post-url>
|
||||
<h4 class="card-title" data-v-post-name>Interdum et malesuada</h4>
|
||||
</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 mb-3" data-v-post>
|
||||
<div class="card">
|
||||
<img class="img-fluid" loading="lazy" alt="109-map-location" src="demo/img/team-2.jpg" data-v-post-image>
|
||||
<div class="card-body">
|
||||
<a href="content/post.html" data-v-post-url>
|
||||
<h4 class="card-title" data-v-post-name>Interdum et malesuada</h4>
|
||||
</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 mb-3" data-v-post>
|
||||
<div class="card">
|
||||
<img class="img-fluid" loading="lazy" alt="107-healthy" src="demo/img/team-1.jpg" data-v-post-image>
|
||||
<div class="card-body">
|
||||
<a href="content/post.html" data-v-post-url>
|
||||
<h4 class="card-title" data-v-post-name>Interdum et malesuada</h4>
|
||||
</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>
|
||||
<div class="carousel-item" data-v-component-posts="slide3" data-v-limit="3" data-v-page="3">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-4 mb-3" data-v-post>
|
||||
<div class="card">
|
||||
<img class="img-fluid" loading="lazy" alt="126-namaste-no-hand-shake" src="demo/img/team-1.jpg" data-v-post-image>
|
||||
<div class="card-body">
|
||||
<a href="content/post.html" data-v-post-url>
|
||||
<h4 class="card-title" data-v-post-name>Interdum et malesuada</h4>
|
||||
</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 mb-3" data-v-post>
|
||||
<div class="card">
|
||||
<img class="img-fluid" loading="lazy" alt="104-dumbbell" src="demo/img/team-2.jpg" data-v-post-image>
|
||||
<div class="card-body">
|
||||
<a href="content/post.html" data-v-post-url>
|
||||
<h4 class="card-title" data-v-post-name>Interdum et malesuada</h4>
|
||||
</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 mb-3" data-v-post>
|
||||
<div class="card">
|
||||
<img class="img-fluid" loading="lazy" alt="day50-pirahna" src="demo/img/team-1.jpg" data-v-post-image>
|
||||
<div class="card-body">
|
||||
<a href="content/post.html" data-v-post-url>
|
||||
<h4 class="card-title" data-v-post-name>Interdum et malesuada</h4>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
75
static/Vvvebjs/demo/landing/sections/posts/posts-3.html
Normal file
75
static/Vvvebjs/demo/landing/sections/posts/posts-3.html
Normal file
@@ -0,0 +1,75 @@
|
||||
<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 data-v-component-posts="posts-3" data-v-limit="3" data-v-page="1" data-v-image_size="medium">
|
||||
<div class="row mt-4">
|
||||
|
||||
<div class="col-md-4" data-aos="fade-up" data-aos-delay="{$index}00" 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" data-v-post-created_at_formatted>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-aos="fade-up" data-aos-delay="{$index}00" 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" data-v-post-created_at_formatted>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-aos="fade-up" data-aos-delay="{$index}00" 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" data-v-post-created_at_formatted>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>
|
||||
</div>
|
||||
</section>
|
||||
115
static/Vvvebjs/demo/landing/sections/posts/posts-4.html
Normal file
115
static/Vvvebjs/demo/landing/sections/posts/posts-4.html
Normal file
@@ -0,0 +1,115 @@
|
||||
<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>
|
||||
94
static/Vvvebjs/demo/landing/sections/posts/posts-5.html
Normal file
94
static/Vvvebjs/demo/landing/sections/posts/posts-5.html
Normal file
@@ -0,0 +1,94 @@
|
||||
<section class="posts-5 py-5" aria-label="posts-5">
|
||||
<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-5" data-v-limit="3" data-v-page="1" data-v-categories="1" data-v-image_size="large">
|
||||
|
||||
<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-post>
|
||||
<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-post>
|
||||
<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">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>
|
||||
|
||||
<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-post>
|
||||
<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">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>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
71
static/Vvvebjs/demo/landing/sections/posts/posts-6.html
Normal file
71
static/Vvvebjs/demo/landing/sections/posts/posts-6.html
Normal file
@@ -0,0 +1,71 @@
|
||||
<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>
|
||||
107
static/Vvvebjs/demo/landing/sections/posts/posts-7.html
Normal file
107
static/Vvvebjs/demo/landing/sections/posts/posts-7.html
Normal file
@@ -0,0 +1,107 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user