1584 lines
70 KiB
HTML
1584 lines
70 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<meta charset="utf-8">
|
||
|
||
<base href="../">
|
||
|
||
<title>Blog Post Page - Vvveb Default Blog Template</title>
|
||
|
||
<meta name="description" content="" />
|
||
<meta name="keywords" content="">
|
||
<meta name="author" content="">
|
||
<link rel="canonical" href="">
|
||
|
||
<link id="landing-css" href="css/style.bundle.css" rel="stylesheet" media="screen">
|
||
<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="" />
|
||
</head>
|
||
|
||
|
||
<body class="post">
|
||
|
||
|
||
<section class="hero" data-v-component-post="post" data-bs-theme="dark">
|
||
|
||
<div class="site-header vh-100 post">
|
||
|
||
<nav class="navigation-1 clearfix" data-v-save-global="blank.html,.navigation-1">
|
||
|
||
<div id="top" class="top-nav clearfix">
|
||
<div class="container">
|
||
<div class="d-flex justify-content-between flex-md-row d-flex flex-column flex-md-row">
|
||
<div class="nav">
|
||
<ul class="list-inline" data-v-component-site>
|
||
<li class="list-inline-item" data-v-if="site.description.phone-number">
|
||
<a href="tel:5511112377" class="p-2 p-md-0" title="Phone" data-v-site-description-phone-number>
|
||
<i class="la la-phone"></i>
|
||
<span class=" text-muted" data-v-site-description-phone-number>+55 (111) 123 777</span>
|
||
</a>
|
||
</li>
|
||
<!--
|
||
<li class="list-inline-item" data-v-if="site.contact-email">
|
||
<a href="mailto:contact@mysite.com" class="p-2 p-md-0" title="Email" data-v-site-contact-email>
|
||
<i class="la la-envelope"></i>
|
||
<span class=" text-muted" data-v-site-contact-email>contact@mysite.com</span></a>
|
||
</li>
|
||
-->
|
||
</ul>
|
||
</div>
|
||
<div class="nav">
|
||
<ul class="list-inline">
|
||
<!--
|
||
<li class="list-inline-item"><a id="wishlist-total" title="Wish List (0)"><i class="la la-heart"></i> <span class="">Favorites</span></a></li>
|
||
<li class="list-inline-item"><a title="Checkout"><i class="la la-share"></i> <span class="">Checkout</span></a></li>
|
||
<li class="list-inline-item">
|
||
<div class="dropdown">
|
||
<a href="" class="dropdown-toggle" data-bs-toggle="dropdown" role="button"><i class="la la-user"></i> <span class="">My Account</span></i></a>
|
||
<ul class="dropdown-menu dropdown-menu-right">
|
||
<li><a class="dropdown-item">Register</a></li>
|
||
<li><a class="dropdown-item">Login</a></li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
-->
|
||
<li class="list-inline-item">
|
||
<div data-v-component-currency>
|
||
<form method="post" enctype="multipart/form-data" id="form-currency">
|
||
|
||
<a class="dropdown-toggle p-2 p-md-0" data-bs-toggle="dropdown" role="button" title="Currency" aria-expanded="false">
|
||
<!-- <i class="la la-dollar-sign me-1"></i> -->
|
||
<span class="" data-v-currency-info-name>USD</span>
|
||
</a>
|
||
|
||
|
||
<div class="dropdown-menu dropdown-menu-end">
|
||
|
||
<div data-v-currency>
|
||
<button class="dropdown-item" type="submit" value="EUR" name="currency" data-v-currency-code>
|
||
<span data-v-currency-sign_start>€</span>
|
||
<span data-v-currency-sign_end>€</span>
|
||
<span class="ms-1" data-v-currency-name>Euro</span>
|
||
</button>
|
||
</div>
|
||
|
||
<div data-v-currency>
|
||
<button class="dropdown-item" type="submit" value="GBP" name="currency" data-v-currency-code>
|
||
<span data-v-currency-sign_start>£</span>
|
||
<span data-v-currency-sign_end>£</span>
|
||
<span class="ms-1" data-v-currency-name>Pound Sterling</span>
|
||
</button>
|
||
</div>
|
||
|
||
<div data-v-currency>
|
||
<button class="dropdown-item" type="submit" value="USD" name="currency" data-v-currency-code>
|
||
<span data-v-currency-sign_start>$</span>
|
||
<span data-v-currency-sign_end>$</span>
|
||
<span class="ms-1" data-v-currency-name>US Dollar</span>
|
||
</button>
|
||
</div>
|
||
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</li>
|
||
<li class="list-inline-item">
|
||
<div data-v-component-language>
|
||
<form method="post" enctype="multipart/form-data" id="form-language">
|
||
|
||
<a class="dropdown-toggle p-2 p-md-0" data-bs-toggle="dropdown" role="button" title="Language" aria-expanded="false">
|
||
<!-- <i class="la la-flag me-1"></i> -->
|
||
<!--
|
||
<img src="" data-v-language-info-img>
|
||
-->
|
||
<span class="" data-v-language-info-name>English</span>
|
||
</a>
|
||
|
||
|
||
<div class="dropdown-menu dropdown-menu-end">
|
||
|
||
<div data-v-language>
|
||
<button class="dropdown-item" type="submit" value="eng" name="language" data-v-language-code>
|
||
<!-- <i class="la la-flag la-lg me-2"></i> -->
|
||
<img src="" loading="lazy" class="me-1" data-v-language-img>
|
||
|
||
<!-- <a href="" data-v-language-url> -->
|
||
<span data-v-language-name>English</span>
|
||
<!-- </a> -->
|
||
</button>
|
||
</div>
|
||
|
||
<div data-v-language>
|
||
<button class="dropdown-item" type="submit" value="ro" name="language" data-v-language-code>
|
||
<!-- <i class="la la-flag la-lg me-2"></i> -->
|
||
<img src="" loading="lazy" class="me-1" data-v-language-img>
|
||
<!-- <a href="" data-v-language-url> -->
|
||
<span data-v-language-name>Romanian</span>
|
||
<!-- </a> -->
|
||
</button>
|
||
</div>
|
||
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</li>
|
||
<li class="list-inline-item">
|
||
|
||
<a id="color-theme-switch" class="p-2 p-md-0" role="button" title="Switch sidebar color theme">
|
||
<i class="la la-sun la-lg"></i>
|
||
</a>
|
||
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="navbar navbar-expand-md">
|
||
|
||
<div class="container">
|
||
<div data-v-component-site>
|
||
<!-- <a class="navbar-brand" href="/" data-url data-v-url-params='{"host":"*.*.*"}'><span class="visually-hidden">Logo</span> -->
|
||
<a class="navbar-brand" href="/" data-v-site-url>
|
||
<span class="visually-hidden">Logo</span>
|
||
<img src="demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
|
||
<img src="demo/img/logo.png" alt="Site logo sticky" loading="lazy" class="logo-sticky" data-v-site-logo-sticky>
|
||
<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-white.png" alt="Site logo dark sticky" loading="lazy" class="logo-default-dark-sticky" data-v-site-logo-dark-sticky>
|
||
</a>
|
||
</div>
|
||
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
|
||
<div class="collapse navbar-collapse" id="navbar" data-v-component-menu="header" data-v-slug="main-menu">
|
||
<ul class="navbar-nav ms-auto" 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" 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' && category.name"></span>
|
||
<span data-v-menu-item-content data-v-if="category.content">
|
||
<img src="/media/vvveb.svg" height="24" alt="" class="me-2">Mega menu
|
||
</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 && category.type != 'text'" 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 data-v-if="category.content">
|
||
<div class="row">
|
||
<div class="col-6 align-self-center">
|
||
<img src="demo/img/video-1.webp" 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" data-v-menu-item>
|
||
<a class="nav-link dropdown-toggle" href="https://blog.vvveb.com" data-v-menu-item-url>
|
||
<span data-v-menu-item-name>Blog</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" 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'">User Documentation</span>
|
||
<span data-v-menu-item-content></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-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" data-v-menu-item>
|
||
<a class="nav-link" href="https://www.vvveb.com/page/contact" data-v-menu-item-url>
|
||
<span data-v-menu-item-name>Contact</span>
|
||
</a>
|
||
</li>
|
||
<li class="nav-item" data-v-menu-item>
|
||
<a class="nav-link" href="https://www.vvveb.com" data-v-menu-item-url>
|
||
<span data-v-menu-item-name>About us</span>
|
||
</a>
|
||
</li>
|
||
|
||
<li class="nav-toggle">
|
||
<!-- User Login Info -->
|
||
<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">
|
||
<!-- <img src="demo/img/user.svg" loading="lazy" width="20" alt> -->
|
||
<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" 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">
|
||
<!-- <i class="la la-times"></i> -->
|
||
</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">
|
||
<!-- <i class="la la-times"></i> -->
|
||
</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">
|
||
<!-- <i class="la la-times"></i> -->
|
||
</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>
|
||
<button class="btn btn-sm px-3 border border-start-0" type="button" onclick="togglePasswordInput(this, 'user-password')">
|
||
<i class="la la-eye-slash"></i>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<button type="submit" value="Login" class="btn btn-primary py-2 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 ms-2"></i>
|
||
</span>
|
||
|
||
</button>
|
||
<div class="my-2"></div>
|
||
<a href="/user/reset" data-v-url="user/reset/index" class="my-2">Forgot your password?</a>
|
||
|
||
<div class="my-2"></div>
|
||
<!--
|
||
<a>
|
||
<span class="btn btn-secondary btn-sm">
|
||
<i class="lab la-google la-lg"></i>
|
||
</span>
|
||
</a>
|
||
<a>
|
||
<span class="btn btn-secondary btn-sm">
|
||
<i class="lab la-facebook la-lg"></i>
|
||
</span>
|
||
</a> -->
|
||
<hr class="text-secondary">
|
||
<span>Don’t 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>
|
||
|
||
|
||
<li class="nav-toggle">
|
||
<!-- Cart Area -->
|
||
<div class="dropdown nav-item mini-cart" data-v-component-cart>
|
||
|
||
<a class="dropdown-toggle cart-info nav-link " href role="button" id="cart-dropdown" data-bs-toggle="dropdown" aria-expanded="false" data-v-url="cart/cart/index">
|
||
<!-- <img src="demo/img/bag.svg" width="20" alt> -->
|
||
<i class="la la-lg la-shopping-bag"></i>
|
||
<span class="visually-hidden">Cart</span>
|
||
<strong class="badge bg-primary-subtle text-black" data-v-total_items data-v-if="cart.total_items > 0"></strong>
|
||
</a>
|
||
|
||
|
||
<div class="dropdown-menu dropdown-menu-end cart-box" aria-labelledby="cart-dropdown">
|
||
|
||
<div>
|
||
<div class="table-responsive">
|
||
<table class="table cart-table align-middle mb-0">
|
||
<tbody>
|
||
|
||
|
||
<tr data-v-cart-product>
|
||
<td class="text-center">
|
||
<a href="#40" data-v-cart-product-url>
|
||
<img src="demo/img/product.webp" alt="Product name" class="img-rounded" loading="lazy" data-v-cart-product-image width=50>
|
||
</a>
|
||
</td>
|
||
<td class="text-start">
|
||
<a href="#40" class="d-block" data-v-cart-product-url>
|
||
<span data-v-cart-product-name>Product name</span>
|
||
</a>
|
||
|
||
<span data-v-cart-product-quantity>1</span>
|
||
<i class="la la-times text-muted"></i>
|
||
<span data-v-cart-product-price_tax_formatted>$123.20</span>
|
||
|
||
<div class="option" data-v-if="product.option">
|
||
<div class="" data-v-product-option>
|
||
<span data-v-product-option-option>Color</span>: <span data-v-product-option-name>Red</span>
|
||
<span data-v-if="value.price > 0">(<span data-v-product-option-price></span>)</span>
|
||
</div>
|
||
<div class="" data-v-product-option>
|
||
<span data-v-product-option-option>Size</span>: <span data-v-product-option-name>XL</span>
|
||
<span data-v-if="value.price > 0">(<span data-v-product-option-price></span>)</span>
|
||
</div>
|
||
<div class="" data-v-product-option>
|
||
<span data-v-product-option-option>Material</span>: <span data-v-product-option-name>Wool</span>
|
||
<span data-v-if="value.price > 0">(<span data-v-product-option-price></span>)</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="subscription" data-v-if="product.subscription">
|
||
<span>Subscription plan</span>:
|
||
<span data-v-cart-product-subscription_name>Subscription plan</span>
|
||
</div>
|
||
</td>
|
||
<td class="text-end">
|
||
<a class="btn btn-remove btn-sm border-0" data-v-vvveb-action="removeFromCart" data-v-cart-product-remove-url>
|
||
<i class="la la-times-circle la-lg"></i>
|
||
</a>
|
||
</td>
|
||
</tr>
|
||
<tr data-v-cart-product>
|
||
<td class="text-center">
|
||
<a href="#40" data-v-cart-product-url>
|
||
<img src="demo/img/product.webp" alt="Product name" class="img-rounded" loading="lazy" data-v-cart-product-image width=50>
|
||
</a>
|
||
</td>
|
||
<td class="text-start">
|
||
<a href="#40" class="d-block" data-v-cart-product-url data-v-cart-product-name>
|
||
Product name
|
||
</a>
|
||
|
||
<span data-v-cart-product-quantity>1</span>
|
||
<i class="la la-times text-muted"></i>
|
||
<span data-v-cart-product-price_tax_formatted>$123.20</span>
|
||
|
||
|
||
</td>
|
||
<td class="text-end">
|
||
<a class="btn btn-outline-secondary btn-sm border-0" data-v-vvveb-action="removeFromCart" data-v-cart-product-remove-url>
|
||
<i class="la la-times"></i>
|
||
</a>
|
||
</td>
|
||
</tr>
|
||
<tr data-v-if-not="cart.total_items">
|
||
<td colspan="100">
|
||
<div class="d-flex p-2">
|
||
<div class="text-center p-2 opacity-75">
|
||
<!-- <img src="demo/img/bag.svg" width="20" alt> -->
|
||
<i class="la la-2x la-shopping-bag"></i>
|
||
</div>
|
||
<div class="p-2">
|
||
<strong>Empty cart</strong>
|
||
<br>
|
||
<span class="text-muted">No products added yet!</span>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
|
||
</table>
|
||
</div>
|
||
|
||
<div class="p-3 pt-0 border-top" data-v-if="cart.total_items">
|
||
<div class="table-responsive mb-2" data-v-cart-totals>
|
||
<table class="table mb-0 cart-table cart-total" cellspacing="0">
|
||
<tfoot>
|
||
<tr data-v-cart-total>
|
||
<td colspan="5" class="text-end">
|
||
<small data-v-cart-total-title>Sub-Total</small>:
|
||
</td>
|
||
<td class="text-end">
|
||
<span data-v-cart-total-text data-v-if="total.text"> - </span>
|
||
<span data-v-cart-total-value_formatted data-v-if="total.value > 0">$101.00</span>
|
||
</td>
|
||
</tr>
|
||
<tr data-v-cart-total>
|
||
<td colspan="5" class="text-end">
|
||
<small>Eco Tax (2.00):</small>
|
||
</td>
|
||
<td class="text-end">$2.00</td>
|
||
</tr>
|
||
<tr data-v-cart-total>
|
||
<td colspan="5" class="text-end">
|
||
<small>VAT (19%):</small>
|
||
</td>
|
||
<td class="text-end">$20.20</td>
|
||
</tr>
|
||
<tr data-v-cart-total>
|
||
<td colspan="5" class="text-end">
|
||
<small>Total:</small>
|
||
</td>
|
||
<td class="text-end">$123.20</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="5" class="text-end">Total:</td>
|
||
<td class="text-end" data-v-grand-total_formatted>$0</td>
|
||
</tr>
|
||
</tfoot>
|
||
|
||
</table>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="row mt-2 g-2 px-3 pb-2" data-v-if="cart.total_items">
|
||
<div class="col-6">
|
||
<a href="" class="btn btn-light btn-sm border w-100" data-v-url="cart/cart/index" data-url>
|
||
<i class="la la-shopping-cart la-lg"></i>
|
||
<span>View cart</span>
|
||
</a>
|
||
</div>
|
||
<div class="col-6">
|
||
<a href="" class="btn btn-primary btn-sm w-100" data-v-url="checkout/checkout/index">
|
||
<span>Checkout</span>
|
||
<i class="la la-arrow-right la-lg"></i>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
|
||
|
||
<button class="btn btn-outline-secondary btn-sm border-0 shadow-none" 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 class="search-area toggle-hover">
|
||
<form action="/search" method="get" data-v-action="/search">
|
||
<input type="hidden" name="route" value="search">
|
||
<div class="input-group">
|
||
<input type="search" name="search" class="form-control" id="headerSearch" placeholder="Type for search" data-v-vvveb-action="search" data-v-vvveb-on="keyup">
|
||
<button class="btn 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>
|
||
</form>
|
||
</div>
|
||
-->
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
|
||
<div class="title-container">
|
||
<div class="container">
|
||
<h1 class="display-5 text-center text-white" data-aos="fade-up" data-aos-duration="500" data-v-post-name>Begin each day by telling yourself</h1>
|
||
|
||
<h5 class="text-center my-4 mb-5 w-50 mx-auto text-white" data-aos="fade-up" data-aos-duration="500" data-v-post-excerpt>Today I shall be meeting with interference, ingratitude, insolence, disloyalty, ill-will, and selfishness all of them due to the offenders` ignorance of what is good or evil.</h5>
|
||
<ul class="post-meta" data-aos="fade-up" data-aos-duration="200">
|
||
|
||
<li class="post-author meta-wrapper">
|
||
<span class="meta-icon">
|
||
<span class="screen-reader-text">Post author</span>
|
||
<i class="la la-user"></i>
|
||
</span>
|
||
<span class="meta-text">
|
||
By <a data-v-post-author-url>
|
||
<span data-v-post-display_name>admin</span>
|
||
</a>
|
||
</span>
|
||
</li>
|
||
|
||
<li class="post-date meta-wrapper">
|
||
<span class="meta-icon">
|
||
<span class="screen-reader-text">Post date</span>
|
||
|
||
<i class="la la-calendar"></i>
|
||
</span>
|
||
<span class="meta-text">
|
||
<a href="content/post.html" data-v-post-url>
|
||
<!-- <span data-v-post-created_at data-filter-friendly_date>December 31, 2020</span> -->
|
||
<span data-v-post-created_at_formatted>December 31, 2020</span>
|
||
</a>
|
||
</span>
|
||
</li>
|
||
<li class="post-comment-link meta-wrapper">
|
||
<span class="meta-icon">
|
||
<i class="la la-comment"></i>
|
||
</span>
|
||
<span class="meta-text">
|
||
<a href="#comments" data-v-post-comments-url>
|
||
<span data-v-post-comment_text>0 Comments</span>
|
||
</a>
|
||
</span>
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="background">
|
||
<img data-v-post-image src="https://placehold.co/1200x800" alt="" loading="lazy" data-aos="fade-up" data-aos-duration="500">
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<main id="site-content" role="main" data-v-component-post="post">
|
||
|
||
|
||
<!-- Blog Entries Column col-md-8 col-lg-9 -->
|
||
<div>
|
||
|
||
<!-- Blog Post -->
|
||
<article class="card mb-4 post-archive-item post" data-v-post>
|
||
<div class="card-header">
|
||
|
||
<!--
|
||
<div class="post-meta-wrapper post-meta-single post-meta-single-top">
|
||
|
||
<ul class="post-meta">
|
||
|
||
<li class="post-author meta-wrapper">
|
||
<span class="meta-icon">
|
||
<span class="screen-reader-text">Post author</span>
|
||
<i class="la la-user"></i>
|
||
</span>
|
||
<span class="meta-text">
|
||
By <a data-v-post-author-url><span data-v-post-display_name>admin</span></a>
|
||
</span>
|
||
</li>
|
||
|
||
<li class="post-date meta-wrapper">
|
||
<span class="meta-icon">
|
||
<span class="screen-reader-text">Post date</span>
|
||
|
||
<i class="la la-calendar"></i>
|
||
</span>
|
||
<span class="meta-text">
|
||
<a data-v-post-url>
|
||
<span data-v-post-created_at data-filter-friendly_date>December 31, 2020</span>
|
||
<span data-v-post-created_at_formatted>December 31, 2020</span>
|
||
</a>
|
||
</span>
|
||
</li>
|
||
<li class="post-comment-link meta-wrapper">
|
||
<span class="meta-icon">
|
||
<i class="la la-comment"></i>
|
||
</span>
|
||
<span class="meta-text">
|
||
<a href="#comments" data-v-post-comments-url><span data-v-post-comment_text>0 Comments</span></a> </span>
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
</div>
|
||
-->
|
||
|
||
</div>
|
||
<div class="card-body mb-3">
|
||
|
||
<div class="card-text post-content" data-v-post-content>
|
||
<p>
|
||
Begin each day by telling yourself:
|
||
</p>
|
||
|
||
<blockquote cite="https://en.wikipedia.org/wiki/Marcus_Aurelius">
|
||
<p>Today I shall be meeting with interference, ingratitude, insolence, disloyalty, ill-will, and selfishness all of them due to the offenders` ignorance of what is good or evil.</p>
|
||
<cite class="small">
|
||
<a href="https://en.wikipedia.org/wiki/Marcus_Aurelius" class="text-decoration-none" target="_blank">Marcus Aurelius</a>
|
||
</cite>
|
||
</blockquote>
|
||
|
||
<p>
|
||
But for my part I have long perceived the nature of good and its nobility, the nature of evil and its meanness, and also the nature of the culprit himself, who is my brother (not in the physical sense, but as a fellow creature similarly endowed with reason and a share of the divine);therefore none of those things can injure me, for nobody can implicate me in what is degrading.
|
||
</p>
|
||
|
||
<p>
|
||
<img class="img-fluid" loading="lazy" src="https://placehold.co/1200x300">
|
||
</p>
|
||
|
||
<p>
|
||
Neither can I be angry with my brother or fall foul of him; for he and I were born to work together, like a man`s two hands, feet or eyelids, or the upper and lower rows of his teeth.
|
||
</p>
|
||
|
||
<p>
|
||
To obstruct each other is against Nature`s law - and what is irritation or aversion but a form of obstruction.
|
||
</p>
|
||
|
||
<div>
|
||
<img class="img-fluid align-center" loading="lazy" src="https://placehold.co/1200x300">
|
||
</div>
|
||
|
||
<p>
|
||
Consectetur adipiscing elit. Praesent vel tortor facilisis, volutpat nulla placerat, tincidunt mi.
|
||
</p>
|
||
|
||
<p>
|
||
<img class="img-fluid align-right" loading="lazy" src="https://placehold.co/150x150">
|
||
</p>
|
||
|
||
<p>
|
||
Nullam vel orci dui. Su spendisse sit amet laoreet neque. Fusce sagittis suscipit sem a consequat. Proin nec interdum sem.
|
||
</p>
|
||
<p>
|
||
Quisque in porttitor magna, a imperdiet est. Donec accumsan justo nulla, sit amet varius urna laoreet vitae. Maecenas feugiat fringilla metus.
|
||
</p>
|
||
|
||
<p>
|
||
<img class="img-fluid align-left" loading="lazy" src="https://placehold.co/150x150">
|
||
</p>
|
||
|
||
<p>
|
||
Nullam vel orci dui. Su spendisse sit amet laoreet neque. Fusce sagittis suscipit sem a consequat. Proin nec interdum sem.
|
||
</p>
|
||
<p>
|
||
Quisque in porttitor magna, a imperdiet est. Donec accumsan justo nulla, sit amet varius urna laoreet vitae. Maecenas feugiat fringilla metus.
|
||
</p>
|
||
|
||
</div>
|
||
|
||
<div data-v-component-fields data-v-type="post" data-v-subtype="post">
|
||
|
||
<div class="list-unstyled" data-v-fields>
|
||
|
||
<div data-v-field>
|
||
|
||
<div data-v-type-google_map>
|
||
|
||
<iframe data-v-if="field.value" frameborder="0" src="https://maps.google.com/maps?q={$field.value.address}&z={$field.value.zoom}¢er={$field.value.lat},{$field.value.long}&t=q&key=&output=embed" width="100%" height="100%" style="width:100%;height:100%;left:0px"></iframe>
|
||
<iframe data-v-if="field.lat && field.long && !field.value" frameborder="0" src="https://maps.google.com/maps?center={$field.value.lat},{$field.value.long}&z={$field.value.zoom}&t=q&key=&output=embed" width="100%" height="100%" style="width:100%;height:100%;left:0px"></iframe>
|
||
|
||
</div>
|
||
|
||
|
||
<div data-v-type-default>
|
||
<span class="fw-bold" data-v-field-name></span>
|
||
|
||
<span data-v-if-not="is_array" data-v-field-value></span>
|
||
|
||
<div data-v-subfields>
|
||
|
||
<li data-v-subfields-field>
|
||
<span class="fw-bold" data-v-subfields-field-name></span>
|
||
<span data-v-subfields-field-value></span>
|
||
</li>
|
||
</div><!-- /subfields -->
|
||
</div><!-- /default -->
|
||
|
||
</div><!-- /field -->
|
||
|
||
</div><!-- /fields -->
|
||
|
||
</div><!-- /component -->
|
||
|
||
|
||
|
||
<div class="post-content" data-v-if="post.password">
|
||
<span class="card">
|
||
<div class="card-body">
|
||
<form action method="post" enctype="multipart/form-data" data-v-vvveb-on="submit" class="login-form">
|
||
|
||
<input type="hidden" name="csrf" data-v-csrf>
|
||
|
||
<div class="notifications" data-v-notifications>
|
||
|
||
<div class="alert alert-danger d-flex alert-dismissable" role="alert" data-v-notification-error data-v-type="password">
|
||
|
||
<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">
|
||
<!-- <i class="la la-times"></i> -->
|
||
</span>
|
||
</button>
|
||
</div>
|
||
|
||
<div class="alert alert-success d-flex alert-dismissable d-flex" role="alert" data-v-notification-success data-v-type="password">
|
||
|
||
<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">
|
||
<!-- <i class="la la-times"></i> -->
|
||
</span>
|
||
</button>
|
||
</div>
|
||
|
||
<div class="alert alert-primary d-flex alert-dismissable d-flex" role="alert" data-v-notification-info data-v-type="password">
|
||
|
||
<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">
|
||
<!-- <i class="la la-times"></i> -->
|
||
</span>
|
||
</button>
|
||
</div>
|
||
|
||
</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="post-password" name="password" value="" aria-label="Password" required>
|
||
<button class="btn btn-sm px-3 border border-start-0" type="button" onclick="togglePasswordInput(this, 'post-password')">
|
||
<i class="la la-eye-slash"></i>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<button type="submit" value="Login" class="btn btn-primary py-2 btn-login">
|
||
|
||
<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">
|
||
View post <i class="la la-arrow-right ms-2"></i>
|
||
</span>
|
||
|
||
</button>
|
||
</form>
|
||
</div>
|
||
</span>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="card-footer">
|
||
|
||
<div data-v-component-content-categories="blog-post" data-v-type="tags" data-v-post_id="url">
|
||
<div>
|
||
<ul data-v-cats class="tags">
|
||
<li data-v-cat>
|
||
<a data-v-cat-url>
|
||
<span data-v-cat-name>tag 1</span>
|
||
</a>
|
||
</li>
|
||
<li data-v-cat>
|
||
<a data-v-cat-url>
|
||
<span data-v-cat-name>tag 2</span>
|
||
</a>
|
||
</li>
|
||
<li data-v-cat>
|
||
<a data-v-cat-url>
|
||
<span data-v-cat-name>tag 3</span>
|
||
</a>
|
||
</li>
|
||
<li data-v-cat>
|
||
<a data-v-cat-url>
|
||
<span data-v-cat-name>tag 4</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="container py-4 my-4 border-top border-bottom" data-v-component-admin data-v-admin_id="url">
|
||
<div class="row">
|
||
<div class="col-md-3 align-self-center">
|
||
<img class="img-fluid d-block rounded-circle border p-1 mx-auto avatar" src="/media/placeholder.svg" width="128" height="128" data-v-admin-avatar_url>
|
||
</div>
|
||
<div class="col-md-9 align-self-center">
|
||
<span class="text-muted">Meet the author</span>
|
||
<h4 data-v-admin-display_name>John Doe</h4>
|
||
<div class="mb-2" data-v-admin-bio>My bio</div>
|
||
|
||
<a href="#" data-v-admin-url>
|
||
<span>All author posts</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div id="comments" class="post-comments mt-5" data-v-component-comments>
|
||
<h4 class="comments-title">Comments</h4>
|
||
|
||
<ol class="comment-list list-unstyled mb-3" data-v-if="count > 0">
|
||
<li class="comment mb-4" data-v-comment>
|
||
|
||
<div class="comment-wrap d-flex ">
|
||
|
||
<figure class="author-avatar me-2">
|
||
<img src="demo/img/sections/team/1.webp" alt="user" width="60" data-v-comment-avatar_url loading="lazy" data-v-if="comment.avatar_url">
|
||
<div class="empty" data-v-if-not="comment.avatar_url"></div>
|
||
</figure>
|
||
|
||
<div class="comment-author">
|
||
|
||
<div class="comment-author">
|
||
<a rel="external nofollow ugc" data-v-if="comment.url">
|
||
<span data-v-comment-author>Maria Williams</span>
|
||
</a>
|
||
<span data-v-comment-author data-v-if-not="comment.url">Maria Williams</span>
|
||
</div>
|
||
|
||
<div class="comment-meta text-small text-muted">
|
||
<span data-v-comment-created_at data-filter-friendly_date>Jan 29, 2018</span>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div data-v-comment-content>
|
||
<p>Consectetur adipiscing elit. Praesent vel tortor facilisis, volutpat nulla placerat, tincidunt mi. Nullam vel orci dui. Su spendisse sit amet laoreet neque. Fusce sagittis suscipit sem a consequat. Proin nec interdum sem. Quisque in porttitor magna, a imperdiet est. Donec accumsan justo nulla, sit amet varius urna laoreet vitae. Maecenas feugiat fringilla metus. </p>
|
||
</div>
|
||
|
||
<div class="alert alert-light my-2 small" data-v-if="comment.status = 0">
|
||
<div>Your comment is awaiting moderation.</div>
|
||
<div>This is a preview, your comment will be visible after it has been approved.</div>
|
||
</div>
|
||
|
||
<div class="reply">
|
||
<a href="#comment-form" class="reply-btn" data-comment_id="{$comment.comment_id}" data-comment_author="{$comment.author}" data-v-vvveb-action="replyTo">Reply <i class="la la-reply"></i>
|
||
</a>
|
||
</div>
|
||
|
||
</li>
|
||
<li class="comment mb-4 level-2" data-v-comment>
|
||
|
||
<div class="comment-wrap d-flex ">
|
||
|
||
<figure class="author-avatar me-2">
|
||
<img src="demo/img/sections/team/1.webp" alt="user" width="60" data-v-comment-avatar_url loading="lazy" data-v-if="comment.avatar_url">
|
||
<div class="empty" data-v-if-not="comment.avatar_url"></div>
|
||
</figure>
|
||
|
||
<div class="comment-author">
|
||
|
||
<div class="comment-author">
|
||
<span data-v-comment-author data-v-if-not="comment.url">John doe</span>
|
||
</div>
|
||
|
||
<div class="comment-meta text-small text-muted">
|
||
<span data-v-comment-created_at data-filter-friendly_date>Jan 29, 2018</span>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div data-v-comment-content>
|
||
<p>This is a reply comment.</p>
|
||
</div>
|
||
|
||
<div class="alert alert-light my-2 small" data-v-if="comment.status = 0">
|
||
<div>Your comment is awaiting moderation.</div>
|
||
<div>This is a preview, your comment will be visible after it has been approved.</div>
|
||
</div>
|
||
|
||
<div class="reply">
|
||
<a href="#comment-form" class="reply-btn" data-comment_id="{$comment.comment_id}" data-comment_author="{$comment.author}" data-v-vvveb-action="replyTo">Reply <i class="la la-reply"></i>
|
||
</a>
|
||
</div>
|
||
|
||
</li>
|
||
<li class="comment mb-4" data-v-comment>
|
||
|
||
<div class="comment-wrap d-flex ">
|
||
|
||
<figure class="author-avatar me-2">
|
||
<img src="demo/img/sections/team/1.webp" alt="user" width="60" data-v-comment-avatar_url loading="lazy" data-v-if="comment.avatar_url">
|
||
<div class="empty" data-v-if-not="comment.avatar_url"></div>
|
||
</figure>
|
||
|
||
<div class="comment-author">
|
||
|
||
<div class="comment-author">
|
||
<a rel="external nofollow ugc" data-v-if="comment.url">
|
||
<span data-v-comment-author>Maria Williams</span>
|
||
</a>
|
||
<span data-v-comment-author data-v-if-not="comment.url">Maria Williams</span>
|
||
</div>
|
||
|
||
<div class="comment-meta text-small text-muted">
|
||
<span data-v-comment-created_at data-filter-friendly_date>Jan 29, 2018</span>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div data-v-comment-content>
|
||
<p>Consectetur adipiscing elit. Praesent vel tortor facilisis, volutpat nulla placerat, tincidunt mi. Nullam vel orci dui. Su spendisse sit amet laoreet neque. Fusce sagittis suscipit sem a consequat. Proin nec interdum sem. Quisque in porttitor magna, a imperdiet est. Donec accumsan justo nulla, sit amet varius urna laoreet vitae. Maecenas feugiat fringilla metus. </p>
|
||
</div>
|
||
|
||
<div class="alert alert-light my-2 small" data-v-if="comment.status = 0">
|
||
<div>Your comment is awaiting moderation.</div>
|
||
<div>This is a preview, your comment will be visible after it has been approved.</div>
|
||
</div>
|
||
|
||
<div class="reply">
|
||
<a href="#comment-form" class="reply-btn" data-comment_id="{$comment.comment_id}" data-comment_author="{$comment.author}" data-v-vvveb-action="replyTo">Reply <i class="la la-reply"></i>
|
||
</a>
|
||
</div>
|
||
|
||
</li>
|
||
</ol>
|
||
|
||
<div class="comments-form" data-v-if="this.default_comment_status">
|
||
|
||
<div class="notifications" data-v-notifications>
|
||
|
||
<div class="alert alert-danger d-flex alert-dismissable" role="alert" data-v-notification-error>
|
||
|
||
<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">
|
||
<!-- <i class="la la-times"></i> -->
|
||
</span>
|
||
</button>
|
||
</div>
|
||
|
||
<div class="alert alert-success d-flex alert-dismissable d-flex" role="alert" data-v-notification-success>
|
||
|
||
<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">
|
||
<!-- <i class="la la-times"></i> -->
|
||
</span>
|
||
</button>
|
||
</div>
|
||
|
||
<div class="alert alert-primary d-flex alert-dismissable d-flex" role="alert" data-v-notification-info>
|
||
|
||
<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">
|
||
<!-- <i class="la la-times"></i> -->
|
||
</span>
|
||
</button>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<h5>Leave a reply</h5>
|
||
|
||
<div class="replyto" style="display:none">
|
||
<h3>Reply to <b data-comment-author>author</b>
|
||
</h3>
|
||
<a href="#comment-form" class="reply-btn d-inline-block" data-comment_id="0" data-v-vvveb-action="replyTo">
|
||
Cancel reply
|
||
<i class="la la-window-close"></i>
|
||
</a>
|
||
</div>
|
||
|
||
|
||
<div class="loggedin mb-3" data-v-if="this.global.user_id">
|
||
<!--
|
||
<a href="#comment-form" class="reply-btn d-inline-block" data-comment_id="0" data-v-vvveb-action="replyTo">
|
||
Log out
|
||
<i class="la la-window-close"></i></a>
|
||
-->
|
||
|
||
<form action method="post" enctype="multipart/form-data" data-v-url="user/login/index" data-selector=".post-comments">
|
||
|
||
<span>Logged in as <b data-v-global-user.display_name>author</b>
|
||
</span>
|
||
|
||
<input type="hidden" name="logout">
|
||
|
||
<button type="submit" value="logout" class="btn link-primary">
|
||
|
||
<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">
|
||
Logout <i class="la la-sign-out-alt"></i>
|
||
</span>
|
||
|
||
</button>
|
||
</form>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="alert alert-warning d-flex alert-dismissable my-3" role="alert" data-v-if-not="this.anonymous_comments">
|
||
|
||
<div class="icon align-middle me-2">
|
||
<i class="align-middle la la-lg lh-1 la-user"></i>
|
||
</div>
|
||
|
||
<div class="flex-grow-1 align-self-center text-small">
|
||
<div>
|
||
<div data-v-notification-text>
|
||
<span>
|
||
<a href="" data-v-url="user/login/index">Login</a> first to post comments
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<form id="comment-form" method="post" action="" data-v-vvveb-action="addComment" data-v-vvveb-on="submit" data-v-if="this.global.user_id || this.anonymous_comments">
|
||
|
||
<input type="hidden" name="post_id" data-v-post-post_id>
|
||
<input type="hidden" name="slug" data-v-post-slug>
|
||
<input type="hidden" name="parent_id" value="0">
|
||
<input type="hidden" name="csrf" data-v-csrf>
|
||
|
||
<!-- antibot do not fill -->
|
||
<input type="hidden" class="form-control" placeholder="First name" name="firstname-empty">
|
||
|
||
|
||
<div data-v-if-not="this.global.user_id">
|
||
<div class="mb-3">
|
||
<label for="author" class="form-label">Name</label>
|
||
<input type="text" placeholder="Name" name="author" class="form-control" required>
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="email" class="form-label">Email address</label>
|
||
<input type="email" placeholder="Email" name="email" class="form-control" required>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-3">
|
||
<textarea name="content" rows="5" cols="4" placeholder="Comment" class="form-control" required></textarea>
|
||
</div>
|
||
|
||
<!-- if these hidden inputs are filled then ignore robots -->
|
||
|
||
<input type="text" class="form-control d-none" placeholder="Subject" name="subject-empty">
|
||
|
||
<input type="text" class="form-control visually-hidden" placeholder="Last name" name="lastname-empty" tabindex="-1">
|
||
|
||
<button type="submit" value="comment" class="btn btn-primary btn-submit">
|
||
<span class="loading d-none">
|
||
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true"> </span>
|
||
<span>Posting</span>...
|
||
</span>
|
||
|
||
<span class="button-text">
|
||
<span>Post comment</span>
|
||
<i class="la la-long-arrow-alt-right ms-1"></i>
|
||
</span>
|
||
</button>
|
||
|
||
</form>
|
||
</div>
|
||
|
||
<div class="alert alert-light d-flex alert-dismissable my-3" role="alert" data-v-if-not="this.default_comment_status">
|
||
|
||
<div class="icon align-middle me-2">
|
||
<i class="align-middle la la-lg lh-1 la-comments"></i>
|
||
</div>
|
||
|
||
<div class="flex-grow-1 align-self-center text-small">
|
||
<div>
|
||
<div data-v-notification-text>
|
||
<span>Comments are closed</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</article>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</main>
|
||
|
||
|
||
<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">
|
||
© <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="/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">
|
||
© <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="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>
|
||
|
||
|
||
</body>
|
||
|
||
</html> |