nudoragon/vvveb-cms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
nudoragon
2026-05-17 21:09:32 +08:00
commit 1870400c47
1564 changed files with 544713 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

151
static/Vvvebjs/demo/landing/sections/posts/posts-2.html Normal file
View 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>