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

121
static/Vvvebjs/demo/landing/sections/footer/footer-1.html Normal file
View File

@@ -0,0 +1,121 @@
<footer class="footer-1" title="footer-1" data-v-save-global="index.html,.footer-1">
<div class="container" data-v-component-menu="footer" data-v-slug="main-footer">
<div class="row" data-v-menu-items>
<div class="col-md">
<div data-v-component-site>
<img src="demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
<img src="demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
</div>
</div>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<div class="h6" data-v-menu-item-name>Vvveb</div>
<nav data-v-menu-item-recursive>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="https://themes.vvveb.com/" data-v-menu-item-url>
<span data-v-menu-item-name>Themes</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="https://plugins.vvveb.com/" data-v-menu-item-url>
<span data-v-menu-item-name>Plugins</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="content/index.html" data-v-menu-item-url>
<span data-v-menu-item-name>Blog</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="product/index.html" data-v-menu-item-url>
<span data-v-menu-item-name>Shop</span>
</a>
</div>
</nav>
</div>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<div class="h6" data-v-menu-item-name>Resources</div>
<nav data-v-menu-item-recursive>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="https://github.com/givanz/VvvebJs/wiki" data-v-menu-item-url>
<span data-v-menu-item-name>User documentation</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="https://github.com/givanz/VvvebJs/wiki" data-v-menu-item-url>
<span data-v-menu-item-name>Developer documentation</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="pricing.html" data-v-menu-item-url>
<span data-v-menu-item-name>Pricing</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="services.html" data-v-menu-item-url>
<span data-v-menu-item-name>Services</span>
</a>
</div>
</nav>
</div>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<div class="h6" data-v-menu-item-name>Contact</div>
<nav data-v-menu-item-recursive>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="" href="contact.html">Contact us</a>
<a href="" href="portfolio.html">Portfolio</a>
<a href="" href="about.html">About us</a>
<a href="" href="user/return-form.html">Return form</a>
</div>
</nav>
</div>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<div class="h6" data-v-menu-item-name>My account</div>
<nav data-v-menu-item-recursive>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="" href="user/order-tracking.html">Order tracking</a>
<a href="" href="user/wishlist.html">Wishlist</a>
<a href="" href="user/orders.html">Orders</a>
<a href="" href="cart/compare.html">Compare</a>
</div>
</nav>
</div>
</div>
<!--
<div class="row justify-content-end">
<div class="col-md-3 text-muted text-small mt-5">
&copy; <span data-v-global-current_year>2025</span> <span data-v-sitename>Vvveb</span>. Powered by <a href="https://vvveb.com" target="_blank">Vvveb</a>
</div>
</div>
-->
</div>
<div class="footer-copyright">
<div class="container">
<div class="d-flex flex-column flex-md-row">
<div class="text-muted flex-grow-1">
<a class="btn-link text-muted" href="/page/terms-conditions">Terms and conditions</a> |
<a class="btn-link text-muted" href="/page/privacy-policy">Privacy Policy</a>
</div>
<div class="text-muted">
&copy; <span data-v-global-current_year>2025</span>
<span data-v-global-site.description.title>Vvveb</span>. <span>Powered by</span>
<a href="https://vvveb.com" class="btn-link text-muted" target="_blank">Vvveb</a>
</div>
</div>
</div>
</div>
</footer>

290
static/Vvvebjs/demo/landing/sections/footer/footer-10.html Normal file
View File

@@ -0,0 +1,290 @@
<footer class="py-4 py-md-5 bg-dark text-white footer-10" aria-label="footer-10" data-v-save-global="index.html,.footer-10" data-bs-theme="dark">
<div>
<div class="container border-bottom pb-3 pb-md-4">
<div class="row gy-3 align-items-center">
<div class="col-12 col-sm-6x col-md-4 col-xl-3">
<div class="footer-logo-wrapper">
<div data-v-component-site>
<img src="demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
<img src="demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
</div>
</div>
</div>
<div class="col-12 col-sm-6x col-md-8 col-xl-9">
<div class="link-wrapper">
<ul class="m-0 list-unstyled d-flex gap-2 gap-sm-3 gap-md-4">
<li>
<a href="#" class="fw-bold link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light link-opacity-75">
Platform
</a>
</li>
<li>
<a href="#" class="fw-bold link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light link-opacity-75">
Solutions
</a>
</li>
<li>
<a href="#" class="fw-bold link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light link-opacity-75">
Resources
</a>
</li>
<li>
<a href="#" class="fw-bold link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light link-opacity-75">
Pricing
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<section class="py-4 py-md-5 py-xl-6 py-xxl-8">
<div class="container">
<div class="row gy-3">
<div class="col-6 col-md-3">
<div class="link-wrapper">
<h4 class="mb-3 fw-bold fs-6">Platform</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Overview
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Framer
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Extensions
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Connected
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Building
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Data
</a>
</li>
</ul>
</div>
</div>
<div class="col-6 col-md-3">
<div class="link-wrapper">
<h4 class="mb-3 fw-bold fs-6">Solutions</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Operations
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Marketing
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Documents
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Product
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Finance
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Sales
</a>
</li>
</ul>
</div>
</div>
<div class="col-6 col-md-3">
<div class="link-wrapper">
<h4 class="mb-3 fw-bold fs-6">Learn</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Events
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Integrations
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Learning
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Webinars
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Customer
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Webinars
</a>
</li>
</ul>
</div>
</div>
<div class="col-6 col-md-3">
<div class="link-wrapper">
<h4 class="mb-3 fw-bold fs-6">Company</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
About
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Blog
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Careers
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Services
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Newsroom
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Developers
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<div class="pb-4">
<div class="container">
<div class="row align-items-sm-center gy-3">
<div class="col-12 col-sm-6">
<div class="link-wrapper">
<ul class="m-0 list-unstyled d-flex gap-3 gap-xl-4">
<li>
<a href="#" class="fs-8 link-light text-decoration-none link-opacity-75-hover">
Legal
</a>
</li>
<li>
<a href="#" class="fs-8 link-light text-decoration-none link-opacity-75-hover">
Status
</a>
</li>
<li>
<a href="#" class="fs-8 link-light text-decoration-none link-opacity-75-hover">
Security
</a>
</li>
<li>
<a href="#" class="fs-8 link-light text-decoration-none link-opacity-75-hover">
Cookies
</a>
</li>
</ul>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="social-media-wrapper">
<ul class="m-0 list-unstyled d-flex justify-content-sm-end gap-3 gap-xl-4">
<li>
<a href="#" class="link-opacity-75-hover link-light">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z" />
</svg>
</a>
</li>
<li>
<a href="#" class="link-opacity-75-hover link-light">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951" />
</svg>
</a>
</li>
<li>
<a href="#" class="link-opacity-75-hover link-light">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334q.002-.211-.006-.422A6.7 6.7 0 0 0 16 3.542a6.7 6.7 0 0 1-1.889.518 3.3 3.3 0 0 0 1.447-1.817 6.5 6.5 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.32 9.32 0 0 1-6.767-3.429 3.29 3.29 0 0 0 1.018 4.382A3.3 3.3 0 0 1 .64 6.575v.045a3.29 3.29 0 0 0 2.632 3.218 3.2 3.2 0 0 1-.865.115 3 3 0 0 1-.614-.057 3.28 3.28 0 0 0 3.067 2.277A6.6 6.6 0 0 1 .78 13.58a6 6 0 0 1-.78-.045A9.34 9.34 0 0 0 5.026 15" />
</svg>
</a>
</li>
<li>
<a href="#" class="link-opacity-75-hover link-light">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z" />
</svg>
</a>
</li>
<li>
<a href="#" class="link-opacity-75-hover link-light">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334" />
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="container border-top pt-3 pt-md-4">
<div class="row">
<div class="col-12 col-lg-6 order-1 order-lg-0">
<div class="small d-block mb-1 text-body">
&copy; <span data-v-global-current_year>2025</span>
<span data-v-global-site.description.title>Vvveb</span>
</div>
<div class="small d-block text-body">
<span>Powered by</span>
<a href="https://vvveb.com" class="link-opacity-0 link-opacity-75-hover link-light text-decoration-none" target="_blank">Vvveb</a>
</div>
</div>
</div>
</div>
</div>
</footer>

371
static/Vvvebjs/demo/landing/sections/footer/footer-11.html Normal file
View File

@@ -0,0 +1,371 @@
<footer class="py-4 py-md-5 bg-dark text-white footer-11" aria-label="footer-11" data-v-save-global="index.html,.footer-11" data-bs-theme="dark">
<div class="py-3 py-md-4 py-xl-5 border-bottom">
<div class="container">
<div class="row gy-3 gy-sm-0 align-items-sm-center">
<div class="col-12 col-sm-6">
<div class="footer-logo-wrapper">
<div data-v-component-site>
<img src="demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
<img src="demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
</div>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="social-media-wrapper">
<ul class="m-0 list-unstyled d-flex justify-content-sm-end gap-3">
<li>
<a href="#" class="link-opacity-50-hover link-secondary">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z" />
</svg>
</a>
</li>
<li>
<a href="#" class="link-opacity-50-hover link-secondary">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951" />
</svg>
</a>
</li>
<li>
<a href="#" class="link-opacity-50-hover link-secondary">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334q.002-.211-.006-.422A6.7 6.7 0 0 0 16 3.542a6.7 6.7 0 0 1-1.889.518 3.3 3.3 0 0 0 1.447-1.817 6.5 6.5 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.32 9.32 0 0 1-6.767-3.429 3.29 3.29 0 0 0 1.018 4.382A3.3 3.3 0 0 1 .64 6.575v.045a3.29 3.29 0 0 0 2.632 3.218 3.2 3.2 0 0 1-.865.115 3 3 0 0 1-.614-.057 3.28 3.28 0 0 0 3.067 2.277A6.6 6.6 0 0 1 .78 13.58a6 6 0 0 1-.78-.045A9.34 9.34 0 0 0 5.026 15" />
</svg>
</a>
</li>
<li>
<a href="#" class="link-opacity-50-hover link-secondary">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z" />
</svg>
</a>
</li>
<li>
<a href="#" class="link-opacity-50-hover link-secondary">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334" />
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<section class="py-4 py-md-5 py-xl-6">
<div class="container">
<div class="row gy-3">
<div class="col-6 col-md-3">
<div class="link-wrapper mb-3 mb-md-4 mb-xl-5">
<h4 class="mb-2 fw-bold fs-6">Product</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
AI
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Docs
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Wikis
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Projects
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
What's New
</a>
</li>
</ul>
</div>
<div class="link-wrapper">
<h4 class="mb-2 fw-bold fs-6">Solutions</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Enterprise
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Startups
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Education
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Nonprofits
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Managers
</a>
</li>
</ul>
</div>
</div>
<div class="col-6 col-md-3">
<div class="link-wrapper mb-3 mb-md-4 mb-xl-5">
<h4 class="mb-2 fw-bold fs-6">Download</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
iOS & Android
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Mac & Windows
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Calendar
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Web Clipper
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
What's New
</a>
</li>
</ul>
</div>
<div class="link-wrapper">
<h4 class="mb-2 fw-bold fs-6">Build</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Integrations
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Templates
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
API Docs
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Guides & Tutorials
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Hire a Consultant
</a>
</li>
</ul>
</div>
</div>
<div class="col-6 col-md-3">
<div class="link-wrapper mb-3 mb-md-4 mb-xl-5">
<h4 class="mb-2 fw-bold fs-6">Get started</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Miro
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Sketch
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Framer
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Adobe XD
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Invision Studio
</a>
</li>
</ul>
</div>
<div class="link-wrapper">
<h4 class="mb-2 fw-bold fs-6">Resources</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Pricing
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
About Us
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Careers
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Media kit
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Email Us
</a>
</li>
</ul>
</div>
</div>
<div class="col-6 col-md-3">
<div class="link-wrapper mb-3 mb-md-4 mb-xl-5">
<h4 class="mb-2 fw-bold fs-6">Learn</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Customer Stories
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Help Center
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Webinars
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Blog
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Community
</a>
</li>
</ul>
</div>
<div class="link-wrapper">
<h4 class="mb-2 fw-bold fs-6">Explore</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1 link-secondary">
Blog
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Best practice
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Color wheel
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Support
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1
link-secondary">
Developers
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<div class="py-3 py-md-4 py-xl-5 border-top">
<div class="container">
<div class="row">
<div class="col-12 col-lg-6 order-1 order-lg-0">
<div class="small d-block mb-1 text-body">
&copy; <span data-v-global-current_year>2025</span>
<span data-v-global-site.description.title>Vvveb</span>
</div>
<div class="small d-block text-body">
<span>Powered by</span>
<a href="https://vvveb.com" class="link-opacity-0 link-opacity-75-hover link-light text-decoration-none" target="_blank">Vvveb</a>
</div>
</div>
</div>
</div>
</div>
</footer>

205
static/Vvvebjs/demo/landing/sections/footer/footer-12.html Normal file
View File

@@ -0,0 +1,205 @@
<footer class="py-4 py-md-5 footer-12" aria-label="footer-12" data-v-save-global="index.html,.footer-12">
<div>
<div class="container">
<div class="row gy-3 align-items-center">
<div class="col-12 col-sm-5 col-md-4 col-lg-3">
<div class="footer-logo-wrapper text-start">
<div data-v-component-site>
<img src="demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
<img src="demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
</div>
</div>
</div>
<div class="col-12 col-sm-7 col-md-8 col-lg-9">
<div class="social-media-wrapper">
<ul class="m-0 list-unstyled d-flex justify-content-start gap-4">
<li>
<a href="#" class="link-opacity-75-hover link-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z" />
</svg>
</a>
</li>
<li>
<a href="#" class="link-opacity-75-hover link-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951" />
</svg>
</a>
</li>
<li>
<a href="#" class="link-opacity-75-hover link-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16">
<path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z" />
</svg>
</a>
</li>
<li>
<a href="#" class="link-opacity-75-hover link-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z" />
</svg>
</a>
</li>
<li>
<a href="#" class="link-opacity-75-hover link-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334" />
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<section class="py-4 py-md-5 py-xl-6">
<div class="container">
<div class="row gy-3">
<div class="col-12 col-lg-7 col-xl-6">
<div class="widget">
<h4 class="mb-3">Subscribe to Our Newsletter</h4>
<p class="mb-4">
Don't miss out on the opportunity to be part of something great.
<br>
Subscribe now and let the journey begin!
</p>
<form action="#">
<div class="row gy-4">
<div class="col-12 col-md-8">
<div class="input-group">
<span class="input-group-text" id="email-newsletter-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">
<path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z" />
</svg>
</span>
<input type="email" class="form-control" id="email-newsletter" value="" placeholder="Email Address" aria-label="email-newsletter" aria-describedby="email-newsletter-addon" required>
</div>
</div>
<div class="col-12 col-lg-8">
<div class="d-grid mb-3 mb-lg-0">
<button class="btn btn-primary" type="submit">Subscribe</button>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="col-6 col-lg-2 col-xl-2">
<div class="link-wrapper">
<ul class="m-0 list-unstyled">
<li class="mb-3">
<a href="#" class="link-secondary text-decoration-none link-opacity-75-hover">
Our Values
</a>
</li>
<li class="mb-3">
<a href="#" class="link-secondary text-decoration-none link-opacity-75-hover">
Sustainability Efforts
</a>
</li>
<li class="mb-3">
<a href="#" class="link-secondary text-decoration-none link-opacity-75-hover">
CSR Initiatives
</a>
</li>
<li class="mb-3">
<a href="#" class="link-secondary text-decoration-none link-opacity-75-hover">
Environmental Impact
</a>
</li>
<li class="mb-3">
<a href="#" class="link-secondary text-decoration-none link-opacity-75-hover">
Community Outreach
</a>
</li>
<li>
<a href="#" class="link-secondary text-decoration-none link-opacity-75-hover">
Diversity & Inclusion
</a>
</li>
</ul>
</div>
</div>
<div class="col-6 col-lg-3 col-xl-4">
<div class="link-wrapper">
<ul class="m-0 list-unstyled">
<li class="mb-3">
<a href="#" class="link-secondary text-decoration-none link-opacity-75-hover">
Shipping & Returns
</a>
</li>
<li class="mb-3">
<a href="#" class="link-secondary text-decoration-none link-opacity-75-hover">
Refund Policy
</a>
</li>
<li class="mb-3">
<a href="#" class="link-secondary text-decoration-none link-opacity-75-hover">
Warranty Information
</a>
</li>
<li>
<a href="#" class="link-secondary text-decoration-none link-opacity-75-hover">
Privacy Practices
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<div class="py-3 py-md-4 py-xl-5 bg-body-tertiary ">
<div class="container">
<div class="row g-3 align-items-center">
<div class="col-12 col-lg-6 order-1 order-lg-0">
<div class="small d-block mb-1 text-body">
&copy; <span data-v-global-current_year>2025</span>
<span data-v-global-site.description.title>Vvveb</span>
</div>
<div class="small d-block text-body">
<span>Powered by</span>
<a href="https://vvveb.com" class="link-opacity-0 link-opacity-75-hover link-secondary text-decoration-none" target="_blank">Vvveb</a>
</div>
</div>
<div class="col-12 col-lg-6 order-0 order-lg-1">
<div class="link-wrapper">
<ul class="m-0 list-unstyled d-flex justify-content-center justify-content-lg-end gap-2 gap-md-3">
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary fs-8 d-flex align-items-center pe-2 pe-md-3">
Shipping
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary fs-8 d-flex align-items-center pe-2 pe-md-3">
Refund
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary fs-8 d-flex align-items-center pe-2 pe-md-3">
Warranty
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary fs-8 d-flex align-items-center pe-2 pe-md-3">
Privacy
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary fs-8 d-flex align-items-center">
Security
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>

198
static/Vvvebjs/demo/landing/sections/footer/footer-13.html Normal file
View File

@@ -0,0 +1,198 @@
<footer class="py-4 py-md-5 bg-dark text-white footer-13" aria-label="footer-13" data-v-save-global="index.html,.footer-13" data-bs-theme="dark">
<div class="container border-bottom border-dark pb-4">
<div class="row gy-3 align-items-sm-center">
<div class="col-12 col-sm-6">
<div class="footer-logo-wrapper text-start">
<div data-v-component-site>
<img src="demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
<img src="demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
</div>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="social-media-wrapper">
<ul class="m-0 list-unstyled d-flex justify-content-sm-end gap-2">
<li>
<a href="#" class="btn btn-outline-lightbtn btn-outline-secondary rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="30" fill="currentColor" class="bi bi-facebook text-lightx" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-outline-lightbtn btn-outline-secondary rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="30" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16">
<path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-outline-lightbtn btn-outline-secondary rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="30" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-outline-lightbtn btn-outline-secondary rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="30" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-outline-lightbtn btn-outline-secondary rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="30" fill="currentColor" class="bi bi-reddit" viewBox="0 0 16 16">
<path d="M6.167 8a.83.83 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.23.23 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83s.83-.381.83-.83a.831.831 0 0 0-1.66 0z" />
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.2.2 0 0 0-.153.028.2.2 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224q-.03.17-.029.353c0 1.795 2.091 3.256 4.669 3.256s4.668-1.451 4.668-3.256c0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-outline-lightbtn btn-outline-secondary rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="30" fill="currentColor" class="bi bi-dribbble" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 0C3.584 0 0 3.584 0 8s3.584 8 8 8c4.408 0 8-3.584 8-8s-3.592-8-8-8m5.284 3.688a6.8 6.8 0 0 1 1.545 4.251c-.226-.043-2.482-.503-4.755-.217-.052-.112-.096-.234-.148-.355-.139-.33-.295-.668-.451-.99 2.516-1.023 3.662-2.498 3.81-2.69zM8 1.18c1.735 0 3.323.65 4.53 1.718-.122.174-1.155 1.553-3.584 2.464-1.12-2.056-2.36-3.74-2.551-4A7 7 0 0 1 8 1.18m-2.907.642A43 43 0 0 1 7.627 5.77c-3.193.85-6.013.833-6.317.833a6.87 6.87 0 0 1 3.783-4.78zM1.163 8.01V7.8c.295.01 3.61.053 7.02-.971.199.381.381.772.555 1.162l-.27.078c-3.522 1.137-5.396 4.243-5.553 4.504a6.82 6.82 0 0 1-1.752-4.564zM8 14.837a6.8 6.8 0 0 1-4.19-1.44c.12-.252 1.509-2.924 5.361-4.269.018-.009.026-.009.044-.017a28.3 28.3 0 0 1 1.457 5.18A6.7 6.7 0 0 1 8 14.837m3.81-1.171c-.07-.417-.435-2.412-1.328-4.868 2.143-.338 4.017.217 4.251.295a6.77 6.77 0 0 1-2.924 4.573z" />
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="py-4 py-md-5">
<div class="container" data-v-component-menu="footer" data-v-slug="main-footer">
<div class="row" data-v-menu-items>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<h6 class="mb-3 fw-bold text-light" data-v-menu-item-name>Vvveb</h6>
<nav data-v-menu-item-recursive>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="https://themes.vvveb.com/" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Themes</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="https://plugins.vvveb.com/" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Plugins</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="content/index.html" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Blog</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="product/index.html" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Shop</span>
</a>
</div>
</nav>
</div>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<h6 class="mb-3 fw-bold text-light" data-v-menu-item-name>Resources</h6>
<nav data-v-menu-item-recursive>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="https://github.com/givanz/VvvebJs/wiki" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>User documentation</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="https://github.com/givanz/VvvebJs/wiki" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Developer documentation</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="pricing.html" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Pricing</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="services.html" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Services</span>
</a>
</div>
</nav>
</div>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<h6 class="mb-3 fw-bold text-light" data-v-menu-item-name>Contact</h6>
<nav data-v-menu-item-recursive>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="contact.html">Contact us</a>
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="portfolio.html">Portfolio</a>
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="about.html">About us</a>
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="user/return-form.html">Return form</a>
</div>
</nav>
</div>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<h6 class="mb-3 fw-bold text-light" data-v-menu-item-name>My account</h6>
<nav data-v-menu-item-recursive>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="user/order-tracking.html">Order tracking</a>
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="user/wishlist.html">Wishlist</a>
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="user/orders.html">Orders</a>
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="cart/compare.html">Compare</a>
</div>
</nav>
</div>
</div>
</div>
</div>
<div class="container border-top border-dark pt-4">
<div class="row gy-3 align-items-lg-center">
<div class="col-12 col-lg-6 order-1 order-lg-0">
<div class="small d-block mb-1 text-body">
&copy; <span data-v-global-current_year>2025</span>
<span data-v-global-site.description.title>Vvveb</span>
</div>
<div class="small d-block text-body">
<span>Powered by</span>
<a href="https://vvveb.com" class="link-opacity-0 link-opacity-75-hover link-light text-decoration-none" target="_blank">Vvveb</a>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="link-wrapper">
<ul class="m-0 list-unstyled d-flex justify-content-centerX justify-content-lg-end gap-2 gap-md-3">
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-offset-1 link-light d-flex align-items-center pe-2 pe-md-3">
Shipping
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-offset-1 link-light d-flex align-items-center pe-2 pe-md-3">
Refund
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-offset-1 link-light d-flex align-items-center pe-2 pe-md-3">
Warranty
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-offset-1 link-light d-flex align-items-center pe-2 pe-md-3">
Privacy
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-offset-1 link-light d-flex align-items-center">
Security
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>

198
static/Vvvebjs/demo/landing/sections/footer/footer-14.html Normal file
View File

@@ -0,0 +1,198 @@
<footer class="py-4 py-md-5 bg-dark text-white footer-14" aria-label="footer-14" data-v-save-global="index.html,.footer-14" data-bs-theme="dark">
<div class="container border-bottom border-dark pb-4">
<div class="row gy-3 align-items-sm-center">
<div class="col-12 col-sm-6">
<div class="footer-logo-wrapper text-start">
<div data-v-component-site>
<img src="demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
<img src="demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
</div>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="social-media-wrapper">
<ul class="m-0 list-unstyled d-flex justify-content-sm-end gap-2">
<li>
<a href="#" class="btn btn-outline-lightbtn btn-outline-secondary rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="30" fill="currentColor" class="bi bi-facebook text-lightx" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-outline-lightbtn btn-outline-secondary rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="30" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16">
<path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-outline-lightbtn btn-outline-secondary rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="30" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-outline-lightbtn btn-outline-secondary rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="30" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-outline-lightbtn btn-outline-secondary rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="30" fill="currentColor" class="bi bi-reddit" viewBox="0 0 16 16">
<path d="M6.167 8a.83.83 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.23.23 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83s.83-.381.83-.83a.831.831 0 0 0-1.66 0z" />
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.2.2 0 0 0-.153.028.2.2 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224q-.03.17-.029.353c0 1.795 2.091 3.256 4.669 3.256s4.668-1.451 4.668-3.256c0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-outline-lightbtn btn-outline-secondary rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="30" fill="currentColor" class="bi bi-dribbble" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 0C3.584 0 0 3.584 0 8s3.584 8 8 8c4.408 0 8-3.584 8-8s-3.592-8-8-8m5.284 3.688a6.8 6.8 0 0 1 1.545 4.251c-.226-.043-2.482-.503-4.755-.217-.052-.112-.096-.234-.148-.355-.139-.33-.295-.668-.451-.99 2.516-1.023 3.662-2.498 3.81-2.69zM8 1.18c1.735 0 3.323.65 4.53 1.718-.122.174-1.155 1.553-3.584 2.464-1.12-2.056-2.36-3.74-2.551-4A7 7 0 0 1 8 1.18m-2.907.642A43 43 0 0 1 7.627 5.77c-3.193.85-6.013.833-6.317.833a6.87 6.87 0 0 1 3.783-4.78zM1.163 8.01V7.8c.295.01 3.61.053 7.02-.971.199.381.381.772.555 1.162l-.27.078c-3.522 1.137-5.396 4.243-5.553 4.504a6.82 6.82 0 0 1-1.752-4.564zM8 14.837a6.8 6.8 0 0 1-4.19-1.44c.12-.252 1.509-2.924 5.361-4.269.018-.009.026-.009.044-.017a28.3 28.3 0 0 1 1.457 5.18A6.7 6.7 0 0 1 8 14.837m3.81-1.171c-.07-.417-.435-2.412-1.328-4.868 2.143-.338 4.017.217 4.251.295a6.77 6.77 0 0 1-2.924 4.573z" />
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="py-4 py-md-5">
<div class="container" data-v-component-menu="footer" data-v-slug="main-footer">
<div class="row" data-v-menu-items>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<h6 class="mb-3 fw-bold text-light" data-v-menu-item-name>Vvveb</h6>
<nav data-v-menu-item-recursive>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="https://themes.vvveb.com/" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Themes</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="https://plugins.vvveb.com/" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Plugins</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="content/index.html" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Blog</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="product/index.html" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Shop</span>
</a>
</div>
</nav>
</div>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<h6 class="mb-3 fw-bold text-light" data-v-menu-item-name>Resources</h6>
<nav data-v-menu-item-recursive>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="https://github.com/givanz/VvvebJs/wiki" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>User documentation</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="https://github.com/givanz/VvvebJs/wiki" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Developer documentation</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="pricing.html" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Pricing</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="services.html" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Services</span>
</a>
</div>
</nav>
</div>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<h6 class="mb-3 fw-bold text-light" data-v-menu-item-name>Contact</h6>
<nav data-v-menu-item-recursive>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="contact.html">Contact us</a>
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="portfolio.html">Portfolio</a>
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="about.html">About us</a>
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="user/return-form.html">Return form</a>
</div>
</nav>
</div>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<h6 class="mb-3 fw-bold text-light" data-v-menu-item-name>My account</h6>
<nav data-v-menu-item-recursive>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="user/order-tracking.html">Order tracking</a>
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="user/wishlist.html">Wishlist</a>
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="user/orders.html">Orders</a>
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="cart/compare.html">Compare</a>
</div>
</nav>
</div>
</div>
</div>
</div>
<div class="container border-top border-dark pt-4">
<div class="row gy-3 align-items-lg-center">
<div class="col-12 col-lg-6 order-1 order-lg-0">
<div class="small d-block mb-1 text-body">
&copy; <span data-v-global-current_year>2025</span>
<span data-v-global-site.description.title>Vvveb</span>
</div>
<div class="small d-block text-body">
<span>Powered by</span>
<a href="https://vvveb.com" class="link-opacity-0 link-opacity-75-hover link-light text-decoration-none" target="_blank">Vvveb</a>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="link-wrapper">
<ul class="m-0 list-unstyled d-flex justify-content-centerX justify-content-lg-end gap-2 gap-md-3">
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-offset-1 link-light d-flex align-items-center pe-2 pe-md-3">
Shipping
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-offset-1 link-light d-flex align-items-center pe-2 pe-md-3">
Refund
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-offset-1 link-light d-flex align-items-center pe-2 pe-md-3">
Warranty
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-offset-1 link-light d-flex align-items-center pe-2 pe-md-3">
Privacy
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-offset-1 link-light d-flex align-items-center">
Security
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>

198
static/Vvvebjs/demo/landing/sections/footer/footer-15.html Normal file
View File

@@ -0,0 +1,198 @@
<footer class="py-4 py-md-5 bg-dark text-white footer-15" aria-label="footer-15" data-v-save-global="index.html,.footer-15" data-bs-theme="dark">
<div class="container border-bottom border-dark pb-4">
<div class="row gy-3 align-items-sm-center">
<div class="col-12 col-sm-6">
<div class="footer-logo-wrapper text-start">
<div data-v-component-site>
<img src="demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
<img src="demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
</div>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="social-media-wrapper">
<ul class="m-0 list-unstyled d-flex justify-content-sm-end gap-2">
<li>
<a href="#" class="btn btn-outline-lightbtn btn-outline-secondary rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="30" fill="currentColor" class="bi bi-facebook text-lightx" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-outline-lightbtn btn-outline-secondary rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="30" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16">
<path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-outline-lightbtn btn-outline-secondary rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="30" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-outline-lightbtn btn-outline-secondary rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="30" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-outline-lightbtn btn-outline-secondary rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="30" fill="currentColor" class="bi bi-reddit" viewBox="0 0 16 16">
<path d="M6.167 8a.83.83 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.23.23 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83s.83-.381.83-.83a.831.831 0 0 0-1.66 0z" />
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.2.2 0 0 0-.153.028.2.2 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224q-.03.17-.029.353c0 1.795 2.091 3.256 4.669 3.256s4.668-1.451 4.668-3.256c0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-outline-lightbtn btn-outline-secondary rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="30" fill="currentColor" class="bi bi-dribbble" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 0C3.584 0 0 3.584 0 8s3.584 8 8 8c4.408 0 8-3.584 8-8s-3.592-8-8-8m5.284 3.688a6.8 6.8 0 0 1 1.545 4.251c-.226-.043-2.482-.503-4.755-.217-.052-.112-.096-.234-.148-.355-.139-.33-.295-.668-.451-.99 2.516-1.023 3.662-2.498 3.81-2.69zM8 1.18c1.735 0 3.323.65 4.53 1.718-.122.174-1.155 1.553-3.584 2.464-1.12-2.056-2.36-3.74-2.551-4A7 7 0 0 1 8 1.18m-2.907.642A43 43 0 0 1 7.627 5.77c-3.193.85-6.013.833-6.317.833a6.87 6.87 0 0 1 3.783-4.78zM1.163 8.01V7.8c.295.01 3.61.053 7.02-.971.199.381.381.772.555 1.162l-.27.078c-3.522 1.137-5.396 4.243-5.553 4.504a6.82 6.82 0 0 1-1.752-4.564zM8 14.837a6.8 6.8 0 0 1-4.19-1.44c.12-.252 1.509-2.924 5.361-4.269.018-.009.026-.009.044-.017a28.3 28.3 0 0 1 1.457 5.18A6.7 6.7 0 0 1 8 14.837m3.81-1.171c-.07-.417-.435-2.412-1.328-4.868 2.143-.338 4.017.217 4.251.295a6.77 6.77 0 0 1-2.924 4.573z" />
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="py-4 py-md-5">
<div class="container" data-v-component-menu="footer" data-v-slug="main-footer">
<div class="row" data-v-menu-items>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<h6 class="mb-3 fw-bold text-light" data-v-menu-item-name>Vvveb</h6>
<nav data-v-menu-item-recursive>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="https://themes.vvveb.com/" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Themes</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="https://plugins.vvveb.com/" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Plugins</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="content/index.html" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Blog</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="product/index.html" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Shop</span>
</a>
</div>
</nav>
</div>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<h6 class="mb-3 fw-bold text-light" data-v-menu-item-name>Resources</h6>
<nav data-v-menu-item-recursive>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="https://github.com/givanz/VvvebJs/wiki" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>User documentation</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="https://github.com/givanz/VvvebJs/wiki" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Developer documentation</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="pricing.html" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Pricing</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="services.html" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Services</span>
</a>
</div>
</nav>
</div>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<h6 class="mb-3 fw-bold text-light" data-v-menu-item-name>Contact</h6>
<nav data-v-menu-item-recursive>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="contact.html">Contact us</a>
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="portfolio.html">Portfolio</a>
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="about.html">About us</a>
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="user/return-form.html">Return form</a>
</div>
</nav>
</div>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<h6 class="mb-3 fw-bold text-light" data-v-menu-item-name>My account</h6>
<nav data-v-menu-item-recursive>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="user/order-tracking.html">Order tracking</a>
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="user/wishlist.html">Wishlist</a>
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="user/orders.html">Orders</a>
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="cart/compare.html">Compare</a>
</div>
</nav>
</div>
</div>
</div>
</div>
<div class="container border-top border-dark pt-4">
<div class="row gy-3 align-items-lg-center">
<div class="col-12 col-lg-6 order-1 order-lg-0">
<div class="small d-block mb-1 text-body">
&copy; <span data-v-global-current_year>2025</span>
<span data-v-global-site.description.title>Vvveb</span>
</div>
<div class="small d-block text-body">
<span>Powered by</span>
<a href="https://vvveb.com" class="link-opacity-0 link-opacity-75-hover link-light text-decoration-none" target="_blank">Vvveb</a>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="link-wrapper">
<ul class="m-0 list-unstyled d-flex justify-content-centerX justify-content-lg-end gap-2 gap-md-3">
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-offset-1 link-light d-flex align-items-center pe-2 pe-md-3">
Shipping
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-offset-1 link-light d-flex align-items-center pe-2 pe-md-3">
Refund
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-offset-1 link-light d-flex align-items-center pe-2 pe-md-3">
Warranty
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-offset-1 link-light d-flex align-items-center pe-2 pe-md-3">
Privacy
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-offset-1 link-light d-flex align-items-center">
Security
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>

90
static/Vvvebjs/demo/landing/sections/footer/footer-2.html Normal file
View File

@@ -0,0 +1,90 @@
<footer class="footer-2" title="footer-2" data-v-save-global="index.html,.footer-2">
<div class="container py-5">
<div class="row py-4">
<div class="col-md">
<div data-v-component-site>
<img src="demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
<img src="demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
</div>
<p class="font-italic text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
<ul class="list-inline mt-4">
<li class="list-inline-item">
<a target="_blank" title="twitter">
<i class="la la-twitter"></i>
</a>
</li>
<li class="list-inline-item">
<a target="_blank" title="facebook">
<i class="la la-facebook"></i>
</a>
</li>
<li class="list-inline-item">
<a target="_blank" title="instagram">
<i class="la la-instagram"></i>
</a>
</li>
<li class="list-inline-item">
<a target="_blank" title="pinterest">
<i class="la la-pinterest"></i>
</a>
</li>
<li class="list-inline-item">
<a target="_blank" title="vimeo">
<i class="la la-vimeo"></i>
</a>
</li>
</ul>
</div>
<div class="col-md">
<h6 class="text-uppercase font-weight-bold mb-4">Shop</h6>
<ul class="list-unstyled mb-0">
<li class="mb-2">
<a class="text-muted">For Women</a>
</li>
<li class="mb-2">
<a class="text-muted">For Men</a>
</li>
<li class="mb-2">
<a class="text-muted">Stores</a>
</li>
<li class="mb-2">
<a class="text-muted">Our Blog</a>
</li>
</ul>
</div>
<div class="col-md">
<h6 class="text-uppercase font-weight-bold mb-4">Company</h6>
<ul class="list-unstyled mb-0">
<li class="mb-2">
<a class="text-muted">Login</a>
</li>
<li class="mb-2">
<a class="text-muted">Register</a>
</li>
<li class="mb-2">
<a class="text-muted">Wishlist</a>
</li>
<li class="mb-2">
<a class="text-muted">Our Products</a>
</li>
</ul>
</div>
<div class="col-lg-4 col-md-6 mb-lg-0">
<h6 class="text-uppercase font-weight-bold mb-4">Newsletter</h6>
<p class="text-muted mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. At itaque temporibus.</p>
<div class="p-1 rounded border">
<div class="input-group">
<input type="email" placeholder="Enter your email address" aria-describedby="button-addon1" class="form-control border-0 shadow-0">
<div class="input-group-append">
<button id="button-addon1" type="submit" class="btn btn-link">
<i class="la la-paper-plane"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>

122
static/Vvvebjs/demo/landing/sections/footer/footer-3.html Normal file
View File

@@ -0,0 +1,122 @@
<footer class="footer-3 bg-dark text-white" title="footer-3" data-v-save-global="index.html,.footer-3" data-bs-theme="dark">
<div class="container" data-v-component-menu="footer" data-v-slug="main-footer">
<div class="row" data-v-menu-items>
<div class="col-md">
<div data-v-component-site>
<img src="demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
<img src="demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
</div>
</div>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<div class="h6" data-v-menu-item-name>Vvveb</div>
<nav data-v-menu-item-recursive>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="https://themes.vvveb.com/" data-v-menu-item-url>
<span data-v-menu-item-name>Themes</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="https://plugins.vvveb.com/" data-v-menu-item-url>
<span data-v-menu-item-name>Plugins</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="content/index.html" data-v-menu-item-url>
<span data-v-menu-item-name>Blog</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="product/index.html" data-v-menu-item-url>
<span data-v-menu-item-name>Shop</span>
</a>
</div>
</nav>
</div>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<div class="h6" data-v-menu-item-name>Resources</div>
<nav data-v-menu-item-recursive>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="https://github.com/givanz/VvvebJs/wiki" data-v-menu-item-url>
<span data-v-menu-item-name>User documentation</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="https://github.com/givanz/VvvebJs/wiki" data-v-menu-item-url>
<span data-v-menu-item-name>Developer documentation</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="pricing.html" data-v-menu-item-url>
<span data-v-menu-item-name>Pricing</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="services.html" data-v-menu-item-url>
<span data-v-menu-item-name>Services</span>
</a>
</div>
</nav>
</div>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<div class="h6" data-v-menu-item-name>Contact</div>
<nav data-v-menu-item-recursive>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="" href="contact.html">Contact us</a>
<a href="" href="portfolio.html">Portfolio</a>
<a href="" href="about.html">About us</a>
<a href="" href="user/return-form.html">Return form</a>
</div>
</nav>
</div>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<div class="h6" data-v-menu-item-name>My account</div>
<nav data-v-menu-item-recursive>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="" href="user/order-tracking.html">Order tracking</a>
<a href="" href="user/wishlist.html">Wishlist</a>
<a href="" href="user/orders.html">Orders</a>
<a href="" href="cart/compare.html">Compare</a>
</div>
</nav>
</div>
</div>
<!--
<div class="row justify-content-end">
<div class="col-md-3 text-muted text-small mt-5">
&copy; <span data-v-global-current_year>2025</span> <span data-v-sitename>Vvveb</span>. Powered by <a href="https://vvveb.com" target="_blank">Vvveb</a>
</div>
</div>
-->
</div>
<div class="footer-copyright">
<div class="container">
<div class="d-flex flex-column flex-md-row">
<div class="text-muted flex-grow-1">
<a class="btn-link text-muted" href="/page/terms-conditions">Terms and conditions</a> |
<a class="btn-link text-muted" href="/page/privacy-policy">Privacy Policy</a>
</div>
<div class="text-muted">
&copy; <span data-v-global-current_year>2025</span>
<span data-v-global-site.description.title>Vvveb</span>. <span>Powered by</span>
<a href="https://vvveb.com" class="btn-link text-muted" target="_blank">Vvveb</a>
</div>
</div>
</div>
</div>
</footer>

198
static/Vvvebjs/demo/landing/sections/footer/footer-4.html Normal file
View File

@@ -0,0 +1,198 @@
<footer class="py-4 py-md-5 bg-dark text-white footer-4" aria-label="footer-4" data-v-save-global="index.html,.footer-4" data-bs-theme="dark">
<div class="container border-bottom border-dark pb-4">
<div class="row gy-3 align-items-sm-center">
<div class="col-12 col-sm-6">
<div class="footer-logo-wrapper text-start">
<div data-v-component-site>
<img src="demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
<img src="demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
</div>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="social-media-wrapper">
<ul class="m-0 list-unstyled d-flex justify-content-sm-end gap-2">
<li>
<a href="#" class="btn btn-outline-lightbtn btn-outline-secondary rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="30" fill="currentColor" class="bi bi-facebook text-lightx" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-outline-lightbtn btn-outline-secondary rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="30" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16">
<path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-outline-lightbtn btn-outline-secondary rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="30" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-outline-lightbtn btn-outline-secondary rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="30" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-outline-lightbtn btn-outline-secondary rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="30" fill="currentColor" class="bi bi-reddit" viewBox="0 0 16 16">
<path d="M6.167 8a.83.83 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.23.23 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83s.83-.381.83-.83a.831.831 0 0 0-1.66 0z" />
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.2.2 0 0 0-.153.028.2.2 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224q-.03.17-.029.353c0 1.795 2.091 3.256 4.669 3.256s4.668-1.451 4.668-3.256c0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-outline-lightbtn btn-outline-secondary rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="30" fill="currentColor" class="bi bi-dribbble" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 0C3.584 0 0 3.584 0 8s3.584 8 8 8c4.408 0 8-3.584 8-8s-3.592-8-8-8m5.284 3.688a6.8 6.8 0 0 1 1.545 4.251c-.226-.043-2.482-.503-4.755-.217-.052-.112-.096-.234-.148-.355-.139-.33-.295-.668-.451-.99 2.516-1.023 3.662-2.498 3.81-2.69zM8 1.18c1.735 0 3.323.65 4.53 1.718-.122.174-1.155 1.553-3.584 2.464-1.12-2.056-2.36-3.74-2.551-4A7 7 0 0 1 8 1.18m-2.907.642A43 43 0 0 1 7.627 5.77c-3.193.85-6.013.833-6.317.833a6.87 6.87 0 0 1 3.783-4.78zM1.163 8.01V7.8c.295.01 3.61.053 7.02-.971.199.381.381.772.555 1.162l-.27.078c-3.522 1.137-5.396 4.243-5.553 4.504a6.82 6.82 0 0 1-1.752-4.564zM8 14.837a6.8 6.8 0 0 1-4.19-1.44c.12-.252 1.509-2.924 5.361-4.269.018-.009.026-.009.044-.017a28.3 28.3 0 0 1 1.457 5.18A6.7 6.7 0 0 1 8 14.837m3.81-1.171c-.07-.417-.435-2.412-1.328-4.868 2.143-.338 4.017.217 4.251.295a6.77 6.77 0 0 1-2.924 4.573z" />
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="py-4 py-md-5">
<div class="container" data-v-component-menu="footer" data-v-slug="main-footer">
<div class="row" data-v-menu-items>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<h6 class="mb-3 fw-bold text-light" data-v-menu-item-name>Vvveb</h6>
<nav data-v-menu-item-recursive>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="https://themes.vvveb.com/" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Themes</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="https://plugins.vvveb.com/" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Plugins</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="content/index.html" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Blog</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="product/index.html" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Shop</span>
</a>
</div>
</nav>
</div>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<h6 class="mb-3 fw-bold text-light" data-v-menu-item-name>Resources</h6>
<nav data-v-menu-item-recursive>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="https://github.com/givanz/VvvebJs/wiki" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>User documentation</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="https://github.com/givanz/VvvebJs/wiki" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Developer documentation</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="pricing.html" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Pricing</span>
</a>
</div>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="services.html" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" data-v-menu-item-url>
<span data-v-menu-item-name>Services</span>
</a>
</div>
</nav>
</div>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<h6 class="mb-3 fw-bold text-light" data-v-menu-item-name>Contact</h6>
<nav data-v-menu-item-recursive>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="contact.html">Contact us</a>
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="portfolio.html">Portfolio</a>
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="about.html">About us</a>
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="user/return-form.html">Return form</a>
</div>
</nav>
</div>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<h6 class="mb-3 fw-bold text-light" data-v-menu-item-name>My account</h6>
<nav data-v-menu-item-recursive>
<div data-v-menu-item data-v-if="category.children == 0">
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="user/order-tracking.html">Order tracking</a>
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="user/wishlist.html">Wishlist</a>
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="user/orders.html">Orders</a>
<a href="" class="link-opacity-75 link-opacity-100-hover text-decoration-none link-light" href="cart/compare.html">Compare</a>
</div>
</nav>
</div>
</div>
</div>
</div>
<div class="container border-top border-dark pt-4">
<div class="row gy-3 align-items-lg-center">
<div class="col-12 col-lg-6 order-1 order-lg-0">
<div class="small d-block mb-1 text-body">
&copy; <span data-v-global-current_year>2025</span>
<span data-v-global-site.description.title>Vvveb</span>
</div>
<div class="small d-block text-body">
<span>Powered by</span>
<a href="https://vvveb.com" class="link-opacity-0 link-opacity-75-hover link-light text-decoration-none" target="_blank">Vvveb</a>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="link-wrapper">
<ul class="m-0 list-unstyled d-flex justify-content-centerX justify-content-lg-end gap-2 gap-md-3">
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-offset-1 link-light d-flex align-items-center pe-2 pe-md-3">
Shipping
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-offset-1 link-light d-flex align-items-center pe-2 pe-md-3">
Refund
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-offset-1 link-light d-flex align-items-center pe-2 pe-md-3">
Warranty
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-offset-1 link-light d-flex align-items-center pe-2 pe-md-3">
Privacy
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-offset-1 link-light d-flex align-items-center">
Security
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>

175
static/Vvvebjs/demo/landing/sections/footer/footer-5.html Normal file
View File

@@ -0,0 +1,175 @@
<footer class="py-4 py-md-5 bg-dark text-white footer-5" aria-label="footer-5" data-v-save-global="index.html,.footer-5" data-bs-theme="dark">
<div class="py-3 py-md-5 py-xl-8 py-xxl-10">
<div class="container">
<div class="row gy-4 gy-md-0">
<div class="col-12 col-md-6">
<div class="links">
<ul class="m-0 list-unstyled">
<li>
<a href="#" class="link-opacity-75-hover text-decoration-none link-light fs-1 lh-sm">
Shop
</a>
</li>
<li>
<a href="#" class="link-opacity-75-hover text-decoration-none link-light fs-1 lh-sm">
Products
</a>
</li>
<li>
<a href="#" class="link-opacity-75-hover text-decoration-none link-light fs-1 lh-sm">
Offers
</a>
</li>
<li>
<a href="#" class="link-opacity-75-hover text-decoration-none link-light fs-1 lh-sm">
Deals
</a>
</li>
<li>
<a href="#" class="link-opacity-75-hover text-decoration-none link-light fs-1 lh-sm">
Contact
</a>
</li>
</ul>
</div>
</div>
<div class="col-12 col-md-6">
<section class="mb-4 mb-lg-5 mb-xl-7">
<div class="row">
<div class="col-6">
<div class="address">
<h4 class="mb-3 h5 text-white">Head Office</h4>
<address class="mb-3 fs-7 text-light opacity-75">
West 21st Street Brooklyn NY
<br>
West 21st Street Brooklyn NY
</address>
<p class="m-0">
<a class="fs-7 link-light link-opacity-75 link-opacity-100-hover text-decoration-none" href="tel:+1-479-589-0693">
1-479-589-0693
</a>
</p>
</div>
</div>
<div class="col-6">
<div class="address">
<h4 class="mb-3 h5 text-white">Branch Office</h4>
<address class="mb-3 fs-7 text-light opacity-75">
West 21st Street Brooklyn NY
<br>
West 21st Street Brooklyn NY
</address>
<p class="m-0">
<a class="fs-7 link-light link-opacity-75 link-opacity-100-hover text-decoration-none" href="tel:+540-284-4036">
550 550 505
</a>
</p>
</div>
</div>
</div>
</section>
<section>
<div class="row">
<div class="col-6">
<div class="address">
<h4 class="mb-3 h5 text-white">Warehouse</h4>
<address class="m-0 fs-7 text-light opacity-75">
West 21st Street Brooklyn NY
<br>
West 21st Street Brooklyn NY
</address>
</div>
</div>
<div class="col-6">
<div class="social-media">
<h4 class="mb-3 h5 text-white">Connect</h4>
<ul class="m-0 list-unstyled d-flex justify-content-start gap-3">
<li>
<a href="#" class="link-opacity-75 link-opacity-100-hover link-light">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951" />
</svg>
</a>
</li>
<li>
<a href="#" class="link-opacity-75 link-opacity-100-hover link-light">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334q.002-.211-.006-.422A6.7 6.7 0 0 0 16 3.542a6.7 6.7 0 0 1-1.889.518 3.3 3.3 0 0 0 1.447-1.817 6.5 6.5 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.32 9.32 0 0 1-6.767-3.429 3.29 3.29 0 0 0 1.018 4.382A3.3 3.3 0 0 1 .64 6.575v.045a3.29 3.29 0 0 0 2.632 3.218 3.2 3.2 0 0 1-.865.115 3 3 0 0 1-.614-.057 3.28 3.28 0 0 0 3.067 2.277A6.6 6.6 0 0 1 .78 13.58a6 6 0 0 1-.78-.045A9.34 9.34 0 0 0 5.026 15" />
</svg>
</a>
</li>
<li>
<a href="#" class="link-opacity-75 link-opacity-100-hover link-light">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z" />
</svg>
</a>
</li>
<li>
<a href="#" class="link-opacity-75 link-opacity-100-hover link-light">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334" />
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
<div>
<div class="container border-top border-dark py-3 py-md-5 py-xl-8 py-xxl-10">
<div class="row gy-3 align-items-lg-center">
<div class="col-12 col-lg-6 order-1 order-lg-0">
<div class="small d-block mb-1 text-body">
&copy; <span data-v-global-current_year>2025</span>
<span data-v-global-site.description.title>Vvveb</span>
</div>
<div class="small d-block text-body">
<span>Powered by</span>
<a href="https://vvveb.com" class="link-opacity-0 link-opacity-75-hover link-light text-decoration-none" target="_blank">Vvveb</a>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="link">
<ul class="m-0 list-unstyled d-flex justify-content-center justify-content-lg-end gap-2 gap-md-3">
<li>
<a href="#" class="link-opacity-75 link-underline-opacity-0 link-opacity-100-hover link-underline-opacity-100-hover link-offset-1 link-light fs-8 d-flex align-items-center pe-2 pe-md-3">
Shipping
</a>
</li>
<li>
<a href="#" class="link-opacity-75 link-underline-opacity-0 link-opacity-100-hover link-underline-opacity-100-hover link-offset-1 link-light fs-8 d-flex align-items-center pe-2 pe-md-3">
Refund
</a>
</li>
<li>
<a href="#" class="link-opacity-75 link-underline-opacity-0 link-opacity-100-hover link-underline-opacity-100-hover link-offset-1 link-light fs-8 d-flex align-items-center pe-2 pe-md-3">
Warranty
</a>
</li>
<li>
<a href="#" class="link-opacity-75 link-underline-opacity-0 link-opacity-100-hover link-underline-opacity-100-hover link-offset-1 link-light fs-8 d-flex align-items-center pe-2 pe-md-3">
Privacy
</a>
</li>
<li>
<a href="#" class="link-opacity-75 link-underline-opacity-0 link-opacity-100-hover link-underline-opacity-100-hover link-offset-1 link-light fs-8 d-flex align-items-center">
Security
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>

325
static/Vvvebjs/demo/landing/sections/footer/footer-6.html Normal file
View File

@@ -0,0 +1,325 @@
<footer class="py-4 py-md-5 bg-dark text-white footer-6" aria-label="footer-6" data-v-save-global="index.html,.footer-6" data-bs-theme="dark">
<section class="pb-5 pb-md-6 pb-xl-8">
<div class="container">
<div class="row gy-3">
<div class="col-6 col-sm-4 col-lg-2">
<div>
<h4 class="mb-3 fw-bold fs-6">Mission</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light">
Our Values
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light">
Sustainability Efforts
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light">
CSR Initiatives
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light">
Environmental Impact
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light">
Community Outreach
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light">
Diversity & Inclusion
</a>
</li>
</ul>
</div>
</div>
<div class="col-6 col-sm-4 col-lg-2">
<div>
<h4 class="mb-3 fw-bold fs-6">Products</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light">
Product Catalog
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light">
New Arrivals
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light">
Best Sellers
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light">
Product Reviews
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light">
Product Comparison
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light">
Request a Demo
</a>
</li>
</ul>
</div>
</div>
<div class="col-6 col-sm-4 col-lg-2">
<div>
<h4 class="mb-3 fw-bold fs-6">Services</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light">
Offerings
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light">
Packages
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light">
Service Areas
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light">
Pricing
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light">
Testimonials
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light">
Request a Quote
</a>
</li>
</ul>
</div>
</div>
<div class="col-6 col-sm-4 col-lg-2">
<div>
<h4 class="mb-3 fw-bold fs-6">Information</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1 link-light">
Blog
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1 link-light">
Resources
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1 link-light">
Case Studies
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light">
Whitepapers
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light">
Guides & Tutorials
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light">
Infographics
</a>
</li>
</ul>
</div>
</div>
<div class="col-6 col-sm-4 col-lg-2">
<div>
<h4 class="mb-3 fw-bold fs-6">Support</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1 link-light">
Help Center
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1 link-light">
FAQ
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1 link-light">
Troubleshooting
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light">
Report a Problem
</a>
</li>
</ul>
</div>
</div>
<div class="col-6 col-sm-4 col-lg-2">
<div>
<h4 class="mb-3 fw-bold fs-6">Connect</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1 link-light">
Social Media
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1 link-light">
Live Chat
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1 link-light">
Feedback
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light">
Newsletter
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<div class="pb-3">
<div class="container">
<div class="row gy-3 align-items-center">
<div class="col-12 col-sm-6">
<div class="footer-logo text-center text-sm-start">
<div data-v-component-site>
<img src="demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
<img src="demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
</div>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="social-media">
<ul class="m-0 list-unstyled d-flex justify-content-center justify-content-sm-end gap-2">
<li>
<a href="#" class="btn btn-dark rounded-circle link-opacity-75-hover link-light">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-dark rounded-circle link-opacity-75-hover link-light">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16">
<path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-dark rounded-circle link-opacity-75-hover link-light">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-dark rounded-circle link-opacity-75-hover link-light">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-dark rounded-circle link-opacity-75-hover link-light">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-reddit" viewBox="0 0 16 16">
<path d="M6.167 8a.83.83 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.23.23 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83s.83-.381.83-.83a.831.831 0 0 0-1.66 0z" />
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.2.2 0 0 0-.153.028.2.2 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224q-.03.17-.029.353c0 1.795 2.091 3.256 4.669 3.256s4.668-1.451 4.668-3.256c0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-dark rounded-circle link-opacity-75-hover link-light">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dribbble" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 0C3.584 0 0 3.584 0 8s3.584 8 8 8c4.408 0 8-3.584 8-8s-3.592-8-8-8m5.284 3.688a6.8 6.8 0 0 1 1.545 4.251c-.226-.043-2.482-.503-4.755-.217-.052-.112-.096-.234-.148-.355-.139-.33-.295-.668-.451-.99 2.516-1.023 3.662-2.498 3.81-2.69zM8 1.18c1.735 0 3.323.65 4.53 1.718-.122.174-1.155 1.553-3.584 2.464-1.12-2.056-2.36-3.74-2.551-4A7 7 0 0 1 8 1.18m-2.907.642A43 43 0 0 1 7.627 5.77c-3.193.85-6.013.833-6.317.833a6.87 6.87 0 0 1 3.783-4.78zM1.163 8.01V7.8c.295.01 3.61.053 7.02-.971.199.381.381.772.555 1.162l-.27.078c-3.522 1.137-5.396 4.243-5.553 4.504a6.82 6.82 0 0 1-1.752-4.564zM8 14.837a6.8 6.8 0 0 1-4.19-1.44c.12-.252 1.509-2.924 5.361-4.269.018-.009.026-.009.044-.017a28.3 28.3 0 0 1 1.457 5.18A6.7 6.7 0 0 1 8 14.837m3.81-1.171c-.07-.417-.435-2.412-1.328-4.868 2.143-.338 4.017.217 4.251.295a6.77 6.77 0 0 1-2.924 4.573z" />
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="container pt-3 border-top border-light-subtle">
<div class="row gy-3 align-items-lg-center">
<div class="col-12 col-lg-6 order-1 order-lg-0">
<div class="small d-block mb-1 text-body">
&copy; <span data-v-global-current_year>2025</span>
<span data-v-global-site.description.title>Vvveb</span>
</div>
<div class="small d-block text-body">
<span>Powered by</span>
<a href="https://vvveb.com" class="link-opacity-0 link-opacity-75-hover link-light text-decoration-none" target="_blank">Vvveb</a>
</div>
</div>
<div class="col-12 col-lg-6 order-0 order-lg-1">
<div>
<ul class="m-0 list-unstyled d-flex justify-content-center justify-content-lg-end gap-2 gap-md-3">
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary fs-8 d-flex align-items-center pe-2 pe-md-3">
Shipping
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary fs-8 d-flex align-items-center pe-2 pe-md-3">
Refund
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary fs-8 d-flex align-items-center pe-2 pe-md-3">
Warranty
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary fs-8 d-flex align-items-center pe-2 pe-md-3">
Privacy
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary fs-8 d-flex align-items-center">
Security
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>

216
static/Vvvebjs/demo/landing/sections/footer/footer-7.html Normal file
View File

@@ -0,0 +1,216 @@
<footer class="py-4 py-md-5 bg-dark text-white footer-7" aria-label="footer-7" data-v-save-global="index.html,.footer-7" data-bs-theme="dark">
<div>
<div class="container">
<div class="row gy-3">
<div class="col-12">
<div class="footer-logo-wrapper">
<div data-v-component-site>
<img src="demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
<img src="demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="py-4 pb-md-6 pb-xl-7 pb-xxl-10">
<div class="container">
<div class="row gy-3">
<div class="col-6 col-md-3">
<div class="link-wrapper">
<h4 class="mb-2 fs-10 fw-light text-secondary">Company</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
About Us
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Our Team
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Company Culture
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Contact Us
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Careers
</a>
</li>
</ul>
</div>
</div>
<div class="col-6 col-md-3">
<div class="link-wrapper">
<h4 class="mb-2 fs-10 fw-light text-secondary">Products</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Product Catalog
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
New Arrivals
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Best Sellers
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Product Reviews
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Sample products
</a>
</li>
</ul>
</div>
</div>
<div class="col-6 col-md-3">
<div class="link-wrapper">
<h4 class="mb-2 fs-10 fw-light text-secondary">Information</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Blog
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Resources
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Documentation
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Tutorials
</a>
</li>
</ul>
</div>
</div>
<div class="col-6 col-md-3">
<div class="link-wrapper">
<h4 class="mb-2 fs-10 fw-light text-secondary">Support</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Feedback
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Help Desk
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Support center
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<div class="pb-3">
<div class="container">
<div class="row gy-2">
<div class="col-12 col-sm-9">
<div class="link-wrapper">
<ul class="m-0 list-unstyled d-flex justify-content-start gap-2 gap-md-3">
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary fs-8 d-flex align-items-center pe-2 pe-md-3">
Privacy
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary fs-8 d-flex align-items-center pe-2 pe-md-3">
Terms
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary fs-8 d-flex align-items-center pe-2 pe-md-3">
Disclaimer
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary fs-8 d-flex align-items-center">
Compliance
</a>
</li>
</ul>
</div>
</div>
<div class="col-12 col-sm-3">
<div class="social-wrapper">
<ul class="m-0 list-unstyled d-flex justify-content-start justify-content-sm-end gap-2">
<li>
<a href="#" class="btn btn-dark rounded-circle rounded-circle-xs link-opacity-75-hover link-light">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-dark rounded-circle rounded-circle-xs link-opacity-75-hover link-light">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16">
<path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-dark rounded-circle rounded-circle-xs link-opacity-75-hover link-light">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z" />
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="container border-top border-light-subtle pt-3">
<div class="row">
<div class="col-12 col-lg-6 order-1 order-lg-0">
<div class="small d-block mb-1 text-body">
&copy; <span data-v-global-current_year>2025</span>
<span data-v-global-site.description.title>Vvveb</span>
</div>
<div class="small d-block text-body">
<span>Powered by</span>
<a href="https://vvveb.com" class="link-opacity-0 link-opacity-75-hover link-light text-decoration-none" target="_blank">Vvveb</a>
</div>
</div>
</div>
</div>
</div>
</footer>

221
static/Vvvebjs/demo/landing/sections/footer/footer-8.html Normal file
View File

@@ -0,0 +1,221 @@
<footer class="py-4 py-md-5 bg-dark text-white footer-8" aria-label="footer-8" data-v-save-global="index.html,.footer-8" data-bs-theme="dark">
<div>
<div class="container">
<div class="row gy-3">
<div class="col-12">
<div class="footer-logo-wrapper">
<div data-v-component-site>
<img src="demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
<img src="demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="py-4 pb-md-6 pb-xl-7 pb-xxl-10">
<div class="container">
<div class="row gy-3">
<div class="col-6 col-md-3">
<div class="link-wrapper">
<h4 class="mb-2 fs-10 fw-light text-secondary text-uppercase">Company</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
About Us
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Our Team
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Mission & Values
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Company Culture
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Contact Us
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Careers
</a>
</li>
</ul>
</div>
</div>
<div class="col-6 col-md-3">
<div class="link-wrapper">
<h4 class="mb-2 fs-10 fw-light text-secondary text-uppercase">Products</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Product Catalog
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
New Arrivals
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Best Sellers
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Product Reviews
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Request a Demo
</a>
</li>
</ul>
</div>
</div>
<div class="col-6 col-md-3">
<div class="link-wrapper">
<h4 class="mb-2 fs-10 fw-light text-secondary text-uppercase">Information</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Blog
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Resources
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Whitepapers
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Infographics
</a>
</li>
</ul>
</div>
</div>
<div class="col-6 col-md-3">
<div class="link-wrapper">
<h4 class="mb-2 fs-10 fw-light text-secondary text-uppercase">Support</h4>
<ul class="m-0 list-unstyled">
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-50-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Feedback
</a>
</li>
<li class="mb-1">
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Help Desk
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light fw-medium">
Live Chat
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<div class="pb-3">
<div class="container">
<div class="row gy-2">
<div class="col-12 col-sm-9">
<div class="link-wrapper">
<ul class="m-0 list-unstyled d-flex justify-content-start gap-2 gap-md-3">
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary fs-8 d-flex align-items-center pe-2 pe-md-3">
Privacy
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary fs-8 d-flex align-items-center pe-2 pe-md-3">
Terms
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary fs-8 d-flex align-items-center pe-2 pe-md-3">
Disclaimer
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary fs-8 d-flex align-items-center">
Compliance
</a>
</li>
</ul>
</div>
</div>
<div class="col-12 col-sm-3">
<div class="social-wrapper">
<ul class="m-0 list-unstyled d-flex justify-content-start justify-content-sm-end gap-2">
<li>
<a href="#" class="btn btn-dark rounded-circle rounded-circle-xs link-opacity-75-hover link-light">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-dark rounded-circle rounded-circle-xs link-opacity-75-hover link-light">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16">
<path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z" />
</svg>
</a>
</li>
<li>
<a href="#" class="btn btn-dark rounded-circle rounded-circle-xs link-opacity-75-hover link-light">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z" />
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="container border-top border-light-subtle pt-3">
<div class="row">
<div class="col-12 col-lg-6 order-1 order-lg-0">
<div class="small d-block mb-1 text-body">
&copy; <span data-v-global-current_year>2025</span>
<span data-v-global-site.description.title>Vvveb</span>
</div>
<div class="small d-block text-body">
<span>Powered by</span>
<a href="https://vvveb.com" class="link-opacity-0 link-opacity-75-hover link-light text-decoration-none" target="_blank">Vvveb</a>
</div>
</div>
</div>
</div>
</div>
</footer>

87
static/Vvvebjs/demo/landing/sections/footer/footer-9.html Normal file
View File

@@ -0,0 +1,87 @@
<footer class="py-4 py-md-5 bg-dark text-white footer-9" aria-label="footer-9" data-v-save-global="index.html,.footer-9" data-bs-theme="dark">
<div class="py-6 py-md-8 py-xl-10">
<div class="container">
<div class="row gy-3">
<div class="col-12">
<div class="footer-logo-wrapper text-center">
<div data-v-component-site>
<img src="demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
<img src="demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
</div>
</div>
</div>
<div class="col-12">
<div class="link-wrapper">
<ul class="m-0 list-unstyled d-flex justify-content-center gap-3">
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light link-opacity-75 fs-7">
Platform
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light link-opacity-75 fs-7">
Solutions
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light link-opacity-75 fs-7">
Resources
</a>
</li>
<li>
<a href="#" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-light link-opacity-75 fs-7">
Pricing
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="container">
<div class="row gy-3 gy-sm-0 align-items-sm-center">
<div class="col-sm-6">
<div class="small d-block mb-1 text-body">
&copy; <span data-v-global-current_year>2025</span>
<span data-v-global-site.description.title>Vvveb</span>
</div>
<div class="small d-block text-body">
<span>Powered by</span>
<a href="https://vvveb.com" class="link-opacity-0 link-opacity-75-hover link-light text-decoration-none" target="_blank">Vvveb</a>
</div>
</div>
<div class="col-sm-6">
<div class="social-media-wrapper">
<ul class="m-0 list-unstyled d-flex justify-content-center justify-content-sm-end gap-3">
<li>
<a href="#" class="link-opacity-75-hover link-light">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z" />
</svg>
</a>
</li>
<li>
<a href="#" class="link-opacity-75-hover link-light">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951" />
</svg>
</a>
</li>
<li>
<a href="#" class="link-opacity-75-hover link-light">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334q.002-.211-.006-.422A6.7 6.7 0 0 0 16 3.542a6.7 6.7 0 0 1-1.889.518 3.3 3.3 0 0 0 1.447-1.817 6.5 6.5 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.32 9.32 0 0 1-6.767-3.429 3.29 3.29 0 0 0 1.018 4.382A3.3 3.3 0 0 1 .64 6.575v.045a3.29 3.29 0 0 0 2.632 3.218 3.2 3.2 0 0 1-.865.115 3 3 0 0 1-.614-.057 3.28 3.28 0 0 0 3.067 2.277A6.6 6.6 0 0 1 .78 13.58a6 6 0 0 1-.78-.045A9.34 9.34 0 0 0 5.026 15" />
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>