VvebOIDC/public/themes/blog-default/search/index.html

1201 lines
53 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<base href="../">
<title>Search - Vvveb Default Blog Template</title>
<link id="blog-default-css" href="css/style.css" rel="stylesheet">
<link id="fonts-css" href="css/fonts.css" rel="stylesheet" media="screen">
<link id="vvvebjs-css" href="css/custom.css" rel="stylesheet" media="screen">
<link rel="sitemap" type="application/xml" title="Sitemap" href="/feed/index">
<link rel="alternate" type="application/rss+xml" title="Feed" href="/feed/posts" />
<link rel="alternate" type="application/rss+xml" title="Comments Feed" href="/feed/comments" />
<link rel="alternate" type="application/rss+xml" title="Products" href="/feed/products" />
<link rel="icon" type="image/x-icon" href="media/favicon.ico" data-v-global-site.favicon>
<link rel="manifest" href="/manifest.webmanifest">
<link rel="alternate" hreflang="" href="" />
<link rel="stylesheet" href="js/aos.css">
<noscript>
<style type="text/css">
[data-aos] {
opacity: 1 !important;
transform: translate(0) scale(1) !important;
}
</style>
</noscript>
</head>
<body class="search-page">
<header id="main-header" data-v-save-global="index.html,#main-header">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg p-4">
<div class="d-flex justify-content-between w-100" data-v-component-site>
<!-- hidden spacer to center brand on mobile -->
<span class="d-lg-none d-block">
</span>
<div>
<a class="navbar-brand d-lg-inline-block pb-0" href="index.html" data-url data-v-url-params='{"host":"*.*.*"}'>
<img src="img/logo.png" class="logo-default" data-v-site-logo>
<img src="img/logo.png" class="logo-sticky" data-v-site-logo-sticky>
<img src="img/logo-white.png" class="logo-default-dark" data-v-site-logo-dark>
<img src="img/logo-white.png" class="logo-default-dark-sticky" data-v-site-logo-dark-sticky>
<span data-v-site-description-title>Vvveb Blog</span>
</a>
<small class="d-block text-muted" data-v-site-description-description>minimal blog template</small>
</div>
<div class="text-end">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</div>
<div class="collapse navbar-collapse flex-grow-1 text-end" id="navbar" data-v-component-menu="header" data-v-slug="main-menu">
<ul class="navbar-nav ms-auto flex-nowrap" data-v-menu-items>
<li class="nav-item dropdown position-static" data-v-menu-item data-v-class-if-has-dropdown="category.children > 0" data-v-class-if-position-static="category.has-text">
<a class="nav-link dropdown-toggle" href="#" data-v-class-if-dropdown-toggle="category.children > 0" data-v-class-if-active="category.active" aria-expanded="false" data-v-menu-item-url>
<span data-v-menu-item-name data-v-if-not="category.type = 'text'"></span>
<span data-v-menu-item-content>
<p>
<img src="/media/vvveb.svg" height="24" alt="" class="me-2">Mega menu
</p>
</span>
</a>
<div class="dropdown-menu" data-v-menu-item-recursive>
<div data-v-menu-item class="nav-item" data-v-class-if-dropdown="category.children > 0">
<a class="dropdown-item" data-v-class-if-active="category.active" href="https://github.com/givanz/VvvebJs/wiki" data-v-menu-item-url>
<span data-v-menu-item-name data-v-if-not="category.type = 'text'"></span>
<span data-v-menu-item-content>
<div class="row">
<div class="col-6 align-self-center">
<img src="img/demo/video-1.jpg" alt="Post" width="250" loading="lazy" class="rounded img-fluid">
</div>
<div class="col-6">
<h4>Features</h4>
<p class="text-muted">Just a few mentions, but there is more</p>
<ul class="list-unstyled">
<li class="text-primary">Page builder</li>
<li class="text-primary">Mega menu</li>
<li class="text-primary">Multi language</li>
<li class="text-primary">Advanced SEO</li>
<li class="text-primary">Ecommerce</li>
</ul>
</div>
</div>
</span>
</a>
</div>
<div data-v-menu-item class="nav-item" data-v-class-if-dropdown="category.children > 0">
<a class="dropdown-item" href="https://github.com/givanz/VvvebJs/wiki" data-v-class-if-active="category.active" data-v-menu-item-url>
<span data-v-menu-item-name data-v-if-not="category.type = 'text'">Developer Documentation</span>
<span data-v-menu-item-content></span>
</a>
</div>
</div>
</li>
<li class="nav-item dropdown position-static" data-v-menu-item data-v-class-if-has-dropdown="category.children > 0" data-v-class-if-position-static="category.has-text">
<a class="nav-link" href="https://themes.vvveb.com" data-v-if="category.children <= 0" data-v-menu-item-url>
<span data-v-menu-item-name>Pages</span>
</a>
<a class="nav-link dropdown-toggle" href="#" data-v-if="category.children > 0" data-bs-toggle="dropdown" aria-expanded="false" data-v-menu-item-url>
<span data-v-menu-item-name>Pages</span>
</a>
<div class="dropdown-menu" data-v-menu-item-recursive>
<div data-v-menu-item class="nav-item" data-v-menu-item data-v-class-if-dropdown="category.children > 0">
<a class="dropdown-item" href="index-no-sidebar.html" data-v-menu-item-url>
<span data-v-menu-item-name>Blog no sidebar</span>
</a>
</div>
<div data-v-menu-item class="nav-item" data-v-menu-item data-v-class-if-dropdown="category.children > 0">
<a class="dropdown-item" href="content/index.html" data-v-menu-item-url>
<span data-v-menu-item-name>Blog with sidebar</span>
</a>
</div>
<div data-v-menu-item class="nav-item" data-v-menu-item data-v-class-if-dropdown="category.children > 0">
<a class="dropdown-item" href="content/index-excerpts.html" data-v-menu-item-url>
<span data-v-menu-item-name>Blog with excerpts</span>
</a>
</div>
<div data-v-menu-item class="nav-item" data-v-menu-item data-v-class-if-dropdown="category.children > 0">
<a class="dropdown-item" href="content/post-image-header.html" data-v-menu-item-url>
<span data-v-menu-item-name>Post image header</span>
</a>
</div>
<div data-v-menu-item class="nav-item" data-v-menu-item data-v-class-if-dropdown="category.children > 0">
<a class="dropdown-item" href="content/post-image-hero.html" data-v-menu-item-url>
<span data-v-menu-item-name>Post image hero</span>
</a>
</div>
<div data-v-menu-item class="nav-item" data-v-menu-item data-v-class-if-dropdown="category.children > 0">
<a class="dropdown-item" href="content/post.html" data-v-menu-item-url>
<span data-v-menu-item-name>Post</span>
</a>
</div>
<div data-v-menu-item class="nav-item" data-v-menu-item data-v-class-if-dropdown="category.children > 0">
<a class="dropdown-item" href="content/page.html" data-v-menu-item-url>
<span data-v-menu-item-name>Page</span>
</a>
</div>
<div data-v-menu-item class="nav-item" data-v-menu-item data-v-class-if-dropdown="category.children > 0">
<a class="dropdown-item" href="content/archive.html" data-v-menu-item-url>
<span data-v-menu-item-name>Archive</span>
</a>
</div>
<div data-v-menu-item class="nav-item" data-v-menu-item data-v-class-if-dropdown="category.children > 0">
<a class="dropdown-item" href="content/tag.html" data-v-menu-item-url>
<span data-v-menu-item-name>Tag</span>
</a>
</div>
<div data-v-menu-item class="nav-item" data-v-menu-item data-v-class-if-dropdown="category.children > 0">
<a class="dropdown-item" href="content/category.html" data-v-menu-item-url>
<span data-v-menu-item-name>Category</span>
</a>
</div>
<div data-v-menu-item class="nav-item" data-v-menu-item data-v-class-if-dropdown="category.children > 0">
<a class="dropdown-item" href="content/user.html" data-v-menu-item-url>
<span data-v-menu-item-name>User</span>
</a>
</div>
</div>
</li>
<li class="nav-item" data-v-menu-item>
<a class="nav-link" href="content/index.html" data-v-menu-item-url>
<span data-v-menu-item-name>Blog</span>
</a>
</li>
<li class="nav-item" data-v-menu-item>
<a class="nav-link" href="contact.html" data-v-menu-item-url>
<span data-v-menu-item-name>Contact</span>
</a>
</li>
<li class="nav-item dropdown has-dropdown" data-v-menu-item>
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-expanded="false" data-v-menu-item-url>
<span data-v-menu-item-name>Resources</span>
</a>
<div class="dropdown-menu" data-v-menu-item-recursive>
<div data-v-menu-item class="nav-item" data-v-menu-item data-v-class-if-dropdown="category.children > 0">
<a class="dropdown-item" 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 class="nav-item" data-v-menu-item data-v-class-if-dropdown="category.children > 0">
<a class="dropdown-item" href="https://github.com/givanz/VvvebJs/wiki" data-v-menu-item-url>
<span data-v-menu-item-name>Developer Documentation</span>
</a>
</div>
</div>
</li>
<li class="nav-item" data-v-menu-item>
<a class="nav-link" href="content/page.html" data-v-menu-item-url>
<span data-v-menu-item-name>About us</span>
</a>
</li>
<li class="nav-item ms-3">
<a id="color-theme-switch" class="nav-link" href="#" role="button" title="Switch sidebar color theme">
<i class="la la-sun la-lg"></i>
</a>
</li>
<li>
<div class="dropdown nav-item">
<a class="dropdown-toggle nav-link " href role="button" id="user-dropdown" data-bs-toggle="dropdown" aria-expanded="false" data-v-url="user/index">
<i class="la la-lg la-user"></i>
<span class="visually-hidden">User</span>
</a>
<div class="dropdown-menu dropdown-menu-end login-box user-box p-4" aria-labelledby="user-dropdown">
<div data-v-component-user>
<div class="notifications" data-v-notifications>
<div class="alert alert-danger d-flex alert-dismissable" role="alert" data-v-notification-error data-v-type="login">
<div class="icon align-middle me-2">
<i class="align-middle la la-2x lh-1 la-exclamation-triangle"></i>
</div>
<div class="flex-grow-1 align-self-center text-small">
<div>
<div data-v-notification-text>
This is a placeholder for a notification message.
</div>
</div>
</div>
<button type="button" class="btn-close align-middle" data-bs-dismiss="alert" aria-label="Close">
<span aria-hidden="true">
</span>
</button>
</div>
<div class="alert alert-success d-flex alert-dismissable d-flex" role="alert" data-v-notification-success data-v-type="login">
<div class="icon align-middle me-2">
<i class="align-middle la la-2x lh-1 la-check-circle"></i>
</div>
<div class="flex-grow-1 align-self-center align-middle" data-v-notification-text>
This is a placeholder for a success message.
</div>
<button type="button" class="btn-close align-middle" data-bs-dismiss="alert" aria-label="Close">
<span aria-hidden="true">
</span>
</button>
</div>
<div class="alert alert-primary d-flex alert-dismissable d-flex" role="alert" data-v-notification-info data-v-type="login">
<div class="icon align-middle me-2">
<i class="align-middle la la-2x lh-1 la-info-circle"></i>
</div>
<div class="flex-grow-1 align-self-center" data-v-notification-text>
This is a placeholder for a info message.
</div>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
<span aria-hidden="true">
</span>
</button>
</div>
</div>
<form action method="post" enctype="multipart/form-data" data-v-url="user/login/index" data-v-vvveb-action="login" data-v-vvveb-on="submit" class="login-form">
<input type="hidden" name="csrf" data-v-csrf>
<div class="login-form" data-v-if-not="component.user_id">
<div class="mb-3">
<label class="form-label" for="input-email">E-Mail Address</label>
<input type="email" name="email" value placeholder="E-Mail Address" id="user-email" class="form-control" data-v-user-email required>
</div>
<div class="mb-3">
<label class="form-label" for="input-password">Password</label>
<div class="input-group">
<input type="password" minlength="4" autocorrect="off" autocomplete="current-password" class="form-control" placeholder="Password" id="user-password" name="password" value="" aria-label="Password" required>
<div class="input-group-append">
<button class="btn px-3 border border-start-0" type="button" onclick="togglePasswordInput(this, 'user-password')">
<i class="la la-eye-slash"></i>
</button>
</div>
</div>
</div>
<button type="submit" value="Login" class="btn btn-primary btn-login w-100">
<span class="loading d-none">
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true">
</span>
<span>Authenticating</span>...
</span>
<span class="button-text">
Login <i class="la la-arrow-right float-end ms-2"></i>
</span>
</button>
<div class="my-2"></div>
<a href="/user/reset" data-v-url="user/reset/index" class="my-2">Forgotten Password</a>
<div class="my-2"></div>
<hr>
<span>Dont have an account?</span>
<br>
<a href="/user/signup" data-v-url="user/signup/index">Register Account</a>
<span class="text-body-tertiary">|</span>
<a href="/user/login" data-v-url="user/login/index">Login</a>
</div>
<div class="user-form" data-v-if="component.user_id">
<div class="text-center" data-v-if="user.first_name">Welcome <b data-v-user-first_name data-filter-capitalize>John</b>
<b data-v-user-last_name data-filter-capitalize>Doe</b>
</div>
<div class="text-center" data-v-if-not="user.first_name">Welcome <b data-v-user-username>johndoe</b>
</div>
<div class="dropdown-divider opacity-50 my-3"></div>
<ul class="m-3 list-unstyled">
<li>
<a href="user" data-v-url="user/index">
<i class="la la-user la-lg text-muted m-1"></i>
<span>My account</span>
</a>
</li>
<li>
<a href="user/comments" data-v-url="user/comments/index">
<i class="la la-comment la-lg text-muted m-1"></i>
<span>Comments</span>
</a>
</li>
<li>
<a href="user/orders" data-v-url="user/orders/index">
<i class="la la-shopping-bag la-lg text-muted m-1"></i>
<span>Orders</span>
</a>
</li>
<li>
<a href="user/downloads" data-v-url="user/downloads/index">
<i class="la la-hand-holding-heart la-lg text-muted m-1"></i>
<span>Downloads</span>
</a>
</li>
<li>
<a href="user/wishlist" data-v-url="user/wishlist/index">
<i class="la la-download la-lg text-muted m-1"></i>
<span>Wishlist</span>
</a>
</li>
<li>
<a href="user/profile" data-v-url="user/profile/index">
<i class="la la-cogs la-lg text-muted m-1"></i>
<span>Profile</span>
</a>
</li>
</ul>
<input type="hidden" name="logout">
<button type="submit" value="logout" class="btn btn-sm btn-primary w-100">
<span class="loading d-none">
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true">
</span>
<span>Loading ...</span>...
</span>
<span class="button-text">
<i class="la la-sign-out-alt la-lg m-1"></i>
<span>Log out</span>
</a>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
</li>
</ul>
<button class="btn btn-outline-secondary border-0" type="submit" title="Search" data-bs-toggle="modal" data-bs-target="#searchModal">
<div class="la-flip-horizontal">
<i class="la la-search la-lg" aria-hidden="true"></i>
</div>
</button>
</div>
</nav>
</div>
</header>
<main id="site-content" role="main">
<!-- Page Content -->
<div class="container">
<div class="row">
<!-- Blog Entries Column -->
<div class="col-md-7 col-lg-8 col-xl-9">
<div class="breadcumb_area bg-img" style="background-image: url(img/bg-img/breadcumb.jpg);">
<div class="container">
<div class="row">
<div class="col-12">
<div class="page-title text-center">
<h2 class="fs-normal" data-v-if="this.search != ''">Results for: <strong data-v-search>term</strong>
</h2>
<h2 class="fs-normal" data-v-if="this.search == ''">No search query provided!</h2>
</div>
</div>
</div>
</div>
</div>
<div>
<div data-v-component-products data-v-limit="6" data-v-search="url" data-v-page="url" data-v-type="" data-v-taxonomy_item_id="url" data-v-image_size="medium" data-v-site_id="0">
<div data-v-component-posts data-v-limit="6" data-v-search="url" data-v-type="" data-v-site_id="0">
<nav>
<div class="nav nav-tabs" id="nav-search" role="tablist">
<button class="nav-link" id="nav-products-tab" data-bs-toggle="tab" data-bs-target="#nav-products" type="button" role="tab" aria-controls="nav-products" aria-selected="true" data-v-if="this.type == 'product' || products.count > 0">
<span>Products</span>
<span class="badge bg-body-tertiary border text-body" data-v-products-count>0</span>
</button>
<button class="nav-link" id="nav-posts-tab" data-bs-toggle="tab" data-bs-target="#nav-posts" type="button" role="tab" aria-controls="nav-posts" aria-selected="false" data-v-if="this.type == 'post' || posts.count > 0">
<span>Posts</span>
<span class="badge bg-body-tertiary border text-body" data-v-posts-count>0</span>
</button>
</div>
</nav>
<div class="tab-content" id="nav-searchContent">
<div class="tab-pane" id="nav-products" role="tabpanel" aria-labelledby="nav-products-tab" tabindex="0" data-v-if="this.type == 'product' || products.count > 0">
<div class="row g-3 my-3">
<div class="col-md-6 col-xl-4" data-v-product>
<div class="product">
<article class="single-product-wrapper">
<!-- Product Image -->
<a href="product/product.html" data-v-product-url> </a>
<div class="product-image">
<a href="product/product.html" data-v-product-url>
<img src="https://placehold.co/200x300" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-product-image />
</a>
</div>
<!-- Product Description -->
<div class="product-content">
<a href="product/product.html" class="text-body" data-v-product-url>
<h6 data-v-product-name>Product 8</h6>
</a>
<p class="product-price" data-v-product-price_tax_formatted>100.0000</p>
<!-- Hover Content -->
<div class="hover-content">
<!-- Add to Cart -->
<div class="add-to-cart-btn">
<input type="hidden" name="product_id" value="" data-v-product-product_id />
<a href="" class="btn btn-primary w-100" data-v-product-add_cart_url data-v-vvveb-action="addToCart" data-product_id="1">
<span class="loading d-none">
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true"> </span>
<span>Add to cart</span>...
</span>
<span class="button-text">
Add to cart
</span>
</a>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
<div data-pagination data-v-parent-component="products" data-v-parent-index="0" data-v-parameters='{
"type":"product"
}'>
<nav data-v-if="pagecount > 1">
<ul class="pagination pagination-sm justify-content-center pt-2 mt-2" style="border-top: 1px solid var(--bs-border-color);">
<!--
<li class="page-item pager-first" data-first>
<a class="page-link" title="First page" href="#" data-page-url data-v-if="current_page > 1">
<span aria-hidden="true" class="la la-angle-double-left"></span>
<span class="sr-only">First</span>
</a>
</li>
-->
<li class="page-item pager-prev" data-prev>
<a class="page-link" href="#" aria-label="Previous" title="Previous page" data-page-url data-v-if="current_page > 1">
<span aria-hidden="true" class="la la-arrow-left la-lg"></span>
<!-- <span>Newer Posts</span> -->
</a>
</li>
<li class="page-item" data-page>
<a class="page-link" href="#" data-page-no data-page-url>1</a>
</li>
<li class="page-item" data-page>
<a class="page-link" href="#" data-page-no data-page-url>2</a>
</li>
<li class="page-item" data-page>
<a class="page-link" href="#" data-page-no data-page-url>3</a>
</li>
<li class="page-item" data-page>
<a class="page-link" href="#" data-page-no data-page-url>4</a>
</li>
<li class="page-item" data-page>
<a class="page-link" href="#" data-page-no data-page-url>5</a>
</li>
<li class="page-item pager-next" data-next>
<a class="page-link" href="#" aria-label="Next" title="Next page" data-page-url data-v-if="current_page < pagecount">
<!-- <span>Older Posts</span> -->
<span aria-hidden="true" class="la la-arrow-right la-lg"></span>
</a>
</li>
<!--
<li class="page-item pager-last" data-last>
<a class="page-link" title="Last page" href="#" data-page-url data-v-if="current_page < pagecount">
<span aria-hidden="true" class="la la-angle-double-right"></span>
<span class="sr-only">Last</span>
</a>
</li>
-->
</ul>
</nav>
</div>
</div>
<div class="tab-pane" id="nav-posts" role="tabpanel" aria-labelledby="nav-posts-tab" tabindex="0" data-v-if="this.type == '' || this.type == 'post'">
<div class="row g-3 my-3">
<div class="col-12 col-lg-4 mb-2" data-v-post>
<article class="card h-100">
<div class="card-img-top" data-v-if="post.image">
<img src="https://placehold.co/200x300" alt="" class="w-100" loading="lazy" data-v-size="thumb" data-v-post-image>
</div>
<!-- Post Title -->
<div class="card-body">
<div class="post-title card-title">
<a href="#" data-v-post-url>
<h3 data-v-post-name>
Vivamus sed nunc in arcu cursus mollis quis et orci. Interdum et malesuada
</h3>
</a>
</div>
<!-- Hover Content -->
<p class="card-text text-muted" data-v-post-excerpt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce enim nulla, mollis eu metus in, sagittis fringilla tortor. Phasellus purus dignissim convallis.</p>
<a href="#" data-v-post-url>
<span>Read more</span>
<i class="la la-angle-right"></i>
</a>
</div>
</article>
</div>
</div>
<div data-pagination data-v-parent-component="posts" data-v-parent-index="0" data-v-parameters='{
"type":"post"
}'>
<nav data-v-if="pagecount > 1">
<ul class="pagination pagination-sm justify-content-center pt-2 mt-2" style="border-top: 1px solid var(--bs-border-color);">
<!--
<li class="page-item pager-first" data-first>
<a class="page-link" title="First page" href="#" data-page-url data-v-if="current_page > 1">
<span aria-hidden="true" class="la la-angle-double-left"></span>
<span class="sr-only">First</span>
</a>
</li>
-->
<li class="page-item pager-prev" data-prev>
<a class="page-link" href="#" aria-label="Previous" title="Previous page" data-page-url data-v-if="current_page > 1">
<span aria-hidden="true" class="la la-arrow-left la-lg"></span>
<!-- <span>Newer Posts</span> -->
</a>
</li>
<li class="page-item" data-page>
<a class="page-link" href="#" data-page-no data-page-url>1</a>
</li>
<li class="page-item" data-page>
<a class="page-link" href="#" data-page-no data-page-url>2</a>
</li>
<li class="page-item" data-page>
<a class="page-link" href="#" data-page-no data-page-url>3</a>
</li>
<li class="page-item" data-page>
<a class="page-link" href="#" data-page-no data-page-url>4</a>
</li>
<li class="page-item" data-page>
<a class="page-link" href="#" data-page-no data-page-url>5</a>
</li>
<li class="page-item pager-next" data-next>
<a class="page-link" href="#" aria-label="Next" title="Next page" data-page-url data-v-if="current_page < pagecount">
<!-- <span>Older Posts</span> -->
<span aria-hidden="true" class="la la-arrow-right la-lg"></span>
</a>
</li>
<!--
<li class="page-item pager-last" data-last>
<a class="page-link" title="Last page" href="#" data-page-url data-v-if="current_page < pagecount">
<span aria-hidden="true" class="la la-angle-double-right"></span>
<span class="sr-only">Last</span>
</a>
</li>
-->
</ul>
</nav>
</div>
</div>
</div>
<div data-v-if="products.count < 1 && posts.count < 1">
<h3 class="text-center py-4 bg-body-tertiary">No matching results!</h3>
</div>
</div>
</div>
</div>
</div>
<!-- Sidebar Widgets Column -->
<aside class="col-md-5 col-lg-4 col-xl-3 sidebar" role="sidebar" data-v-save-global="content/index.html,aside.sidebar">
<div class="sidebar-sticky">
<!-- Search Widget -->
<div class="card">
<!-- h6 class="card-header">Search</h6 -->
<div class="card-body">
<form method="get" action="/search">
<input type="hidden" name="type" class="posts">
<div class="input-group">
<input type="text" name="search" class="form-control" placeholder="Search for...">
<button class="btn btn-secondary" type="submit">
<div class="la-flip-horizontal">
<i class="la la-search la-flip-horizontal"></i>
</div>
</button>
</div>
</form>
</div>
</div>
<!-- About Widget -->
<div class="card" data-v-component-site>
<h6 class="card-header">About</h6>
<div class="card-body" data-v-site-description-description>
Powerful and easy to use drag and drop website builder for blogs, presentation or ecommerce stores.
</div>
</div>
<!-- Recent posts Widget -->
<div class="card archives-widget" data-v-component-posts="recent-posts-sidebar" data-v-page="1" data-v-limit="4">
<div>
<h6 class="card-header">Recent posts</h6>
<div class="card-body">
<div data-v-post>
<i class="la la-comment"></i>
<a href="content/post.html" data-v-post-url>
<span data-v-post-name>January 2021</span>
</a>
</div>
<div data-v-post>
<i class="la la-comment"></i>
<a href="content/post.html" data-v-post-url>
<span data-v-post-name>January 2021</span>
</a>
</div>
</div>
</div>
</div>
<!-- Recent comments Widget -->
<div class="card archives-widget" data-v-component-comments="recent-comments-sidebar" data-v-page="1" data-v-limit="4" data-v-post_title="true" data-v-order="desc">
<div>
<h6 class="card-header">Recent comments</h6>
<div class="card-body">
<div data-v-comment>
<span data-v-comment-author>John Doe</span>
<span>on</span>
<a href="content/post.html#comments" data-v-comment-url>
<span data-v-comment-name>Post name</span>
</a>
</div>
<div data-v-comment>
<span data-v-comment-author>John Doe</span> on
<a href="content/post.html#comments" data-v-comment-url>
<span data-v-comment-name>Post name</span>
</a>
</div>
</div>
</div>
</div>
<!-- Categories Widget -->
<div class="card categories-widget" data-v-component-content-categories="sidebar" data-v-type="categories" data-v-post_type="post">
<div>
<h6 class="card-header">Categories</h6>
<div class="card-body">
<ul data-v-cats>
<li data-v-cat>
<a href="content/category.html" data-v-cat-url data-v-cat-name>Web Design</a>
</li>
<li data-v-cat>
<a href="content/category.html" data-v-cat-url data-v-cat-name>HTML</a>
</li>
<li data-v-cat>
<a href="content/category.html" data-v-cat-url data-v-cat-name>Freebies</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Archives Widget -->
<div class="card archives-widget" data-v-component-content-archives="sidebar">
<div>
<h6 class="card-header">Archives</h6>
<div class="card-body">
<ul data-v-archives>
<li data-v-archive>
<a href="content/archive.html" data-v-archive-url>
<span data-v-archive-name>January 2021</span>
</a>
</li>
<li data-v-archive>
<a href="content/archive.html" data-v-archive-url>
<span data-v-archive-name>December 2020</span>
</a>
</li>
<li data-v-archive>
<a href="content/archive.html" data-v-archive-url>
<span data-v-archive-name>November 2018</span>
</a>
</li>
<li data-v-archive>
<a href="content/archive.html" data-v-archive-url>
<span data-v-archive-name>October 2018</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Popular tags Widget -->
<div class="card tags-widget" data-v-component-content-categories="sidebar" data-v-type="tags" data-v-post_type="post">
<div>
<h6 class="card-header">Popular tags</h6>
<div class="card-body">
<ul data-v-cats class="tags">
<li data-v-cat>
<a href="content/tag.html" data-v-cat-url data-v-cat-name>January 2021</a>
</li>
<li data-v-cat>
<a href="content/tag.html" data-v-cat-url data-v-cat-name>December 2020</a>
</li>
<li data-v-cat>
<a href="content/tag.html" data-v-cat-url data-v-cat-name>November 2018</a>
</li>
<li data-v-cat>
<a href="content/tag.html" data-v-cat-url data-v-cat-name>October 2018</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Archives Widget Select -->
<div class="card archives-widget" data-v-component-content-archives="sidebar">
<div>
<h6 class="card-header">Archives</h6>
<div class="card-body">
<select class="form-control" onchange="window.location.href = this.value" data-v-archives>
<option class="text-muted">
<span>Select month</span>
</option>
<option data-v-archive value="content/archive.html">
<span data-v-archive-name>January 2021</span>
</option>
<option data-v-archive value="content/archive.html">
<span data-v-archive-name>December 2020</span>
</option>
<option data-v-archive value="content/archive.html">
<span data-v-archive-name>November 2018</span>
</option>
<option data-v-archive value="content/archive.html">
<span data-v-archive-name>October 2018</span>
</option>
</select>
</div>
</div>
</div>
</div>
</aside>
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</main>
<footer class="site-footer" data-v-save-global="index.html,.site-footer">
<div class="container" data-v-component-menu="footer" data-v-menu_id="5">
<div class="row" data-v-menu-items>
<div class="col-md">
<div data-v-component-site>
<img src="img/logo-white.png" class="logo-default-dark" data-v-site-logo-dark>
<img src="img/logo.png" class="logo-default" data-v-site-logo>
</div>
</div>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<h6 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/" 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>
</nav>
</div>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<h6 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" 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>
</nav>
</div>
<div class="col-md" data-v-menu-item data-v-if="category.children > 0">
<h6 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="" href="contact.html">Contact</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-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="content/page.html">Terms and conditions</a> |
<a class="btn-link text-muted" href="content/page.html">Privacy Policy</a>
</div>
<div class="text-muted">
&copy; <span data-v-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>
<div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="searchModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-body" style="--bs-modal-padding: 0.7rem;">
<form action="/search" method="get">
<input type="hidden" name="route" value="search">
<div class="input-group">
<input type="search" name="search" class="form-control form-control-lg border-primary border-2" id="headerSearch" placeholder="Start typing to search" data-v-vvveb-action="search" data-selector=".search-results" data-v-vvveb-on="keyup">
<button class="btn btn-outline-primary border-2 border-start-0" type="submit" title="Search">
<div class="la-flip-horizontal">
<i class="la la-search la-lg" aria-hidden="true"></i>
</div>
</button>
<button type="button" class="btn-close small ms-2" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="loading d-none d-flex justify-content-center m-5">
<div class="spinner-border" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</div>
</form>
<div class="search-results">
<div data-v-component-products data-v-limit="6" data-v-search="url" data-v-search_boolean="true" data-v-page="url" data-v-type="" data-v-taxonomy_item_id="url" data-v-image_size="thumb">
<div data-v-component-posts data-v-limit="6" data-v-search="url" data-v-search_boolean="true" data-v-type="" data-v-image_size="thumb">
<div class="products mt-2" data-v-if="products.search && products.count > 0">
<div class="small text-muted my-2">Products</div>
<div class="card">
<div class="search-item" data-v-product>
<a href="" data-bs-dismiss="modal" data-v-product-url>
<img src="demo/img/product.webp" width="48" data-v-product-image>
<svg class="me-1" height="48" width="48" data-v-if-not="prod.image">
<rect width="100%" height="100%" fill="#eee"></rect>
</svg>
<span data-v-product-name>Product</span>
<span class="p-2 small text-muted float-end " data-v-if="prod.price > 0" data-v-product-price_tax_formatted="">$256.99</span>
</a>
</div>
<div class="search-item" data-v-product>
<a href="" data-v-product-url>
<img src="demo/img/product.webp" width="48" data-v-product-image>
<span data-v-product-name>Product</span>
<span class="p-2 small text-muted float-end " data-v-if="prod.price > 0" data-v-product-price_tax_formatted="">$256.99</span>
</a>
</div>
<div class="search-item" data-v-product>
<a href="" data-v-product-url>
<img src="demo/img/product.webp" width="48" data-v-product-image>
<span data-v-product-name>Product</span>
<span class="p-2 small text-muted float-end " data-v-if="prod.price > 0" data-v-product-price_tax_formatted="">$256.99</span>
</a>
</div>
<div class="small p-1" data-v-if="products.count <= 0">
No products found!
</div>
</div>
</div>
<div class="posts mt-2" data-v-if="posts.search">
<div class="small text-muted my-2">Pages</div>
<div class="card border-0">
<div class="search-item" data-v-post>
<a href="" data-bs-dismiss="modal" data-v-post-url class="flex">
<img src="demo/img/video-1.webp" width="48" data-v-post-image data-v-if="post.image">
<svg class="me-1" height="48" width="48" data-v-if-not="post.image">
<rect width="100%" height="100%" fill="#eee"></rect>
</svg>
<span data-v-post-name>Post</span>
</a>
</div>
<div class="search-item" data-v-post>
<a href="" data-v-post-url class="flex">
<img src="demo/img/video-1.webp" width="48" data-v-post-image data-v-if="post.image">
<span data-v-post-name>Post</span>
</a>
</div>
<div class="search-item" data-v-post>
<a href="" data-v-post-url class="flex">
<img src="demo/img/video-1.webp" width="48" data-v-post-image data-v-if="post.image">
<span data-v-post-name>Post</span>
</a>
</div>
<div class="p-3" data-v-if="posts.count <= 0">
No posts found!
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-image"></div>
<div class="alert alert-light alert-dismissible fade alert-top" role="alert" style="display:none">
<div class="container">
<div class="message">
Product was added to cart.
</div>
<button type="button" class="btn-close" data-dismiss="alert" aria-label="Close"></button>
</div>
</div>
<div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="searchModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content shadow">
<div class="modal-body p-0">
<form action="/search" method="get">
<input type="hidden" name="route" value="search" />
<div class="d-flex">
<div class="input-group">
<input type="search" name="search" class="form-control border-0 p-3 px-4" id="headerSearch" placeholder="Start typing to search" data-v-vvveb-action="search" data-selector=".search-results" data-v-vvveb-on="keyup" />
<button class="btn btn-outline-primary border-0" type="submit" title="Search">
<div class="la-flip-horizontal">
<i class="la la-search la-lg" aria-hidden="true"></i>
</div>
</button>
</div>
</div>
<div class="loading d-none d-flex justify-content-center m-5">
<div class="spinner-border" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</div>
</form>
<div class="search-results">
</div>
</div>
</div>
<button type="button" class="btn-close btn-close-white small" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
</div>
<div id="page-loading-status" class="progress progress-bar"></div>
<!-- Vvveb Common Js -->
<script id="popper-js" src="js/popper.min.js"></script>
<!-- <script src="js/bootstrap.min.js"></script> -->
<!-- <script src="js/bootstrap.bundle.min.js"></script> -->
<script id="bootstrap-js" src="js/bootstrap.min.js"></script>
<!-- Vvveb Ajax Common Js -->
<script id="app-js" src="/js/app.js"></script>
<!-- Animation -->
<link rel="stylesheet" href="js/aos.css" />
<noscript>
<style type="text/css">
[data-aos] {
opacity: 1 !important;
transform: translate(0) scale(1) !important;
}
</style>
</noscript>
<script src="js/aos.js"></script>
<script>
AOS.init();
</script>
<script id="cart-js" src="/js/app/cart.js"></script>
<link id="glightbox-css" rel="stylesheet" href="/js/libs/glightbox/glightbox.css" />
<script id="glightbox-js" src="/js/libs/glightbox/glightbox.min.js"></script>
<script id="theme-js" src="/js/app/theme.js"></script>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/public\/*","\/themes\/*","\/plugins\/*","\/cart\/*","\/checkout\/*","\/user\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script>
bootstrap.Tab.getOrCreateInstance('#nav-search button').show();
</script>
</body>
</html>