1110 lines
47 KiB
HTML
1110 lines
47 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>Vvveb - Orders</title>
|
||
|
||
|
||
|
||
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
|
||
|
||
<meta name="description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores" />
|
||
<meta name="keywords" content="cms, page builder, drag and drop, ecommerce, ecommerce platform, designer, developer, php, bootstrap 5">
|
||
<meta name="author" content="Vvveb">
|
||
<link rel="canonical" href="https://www.vvveb.com/">
|
||
|
||
|
||
<!-- Facebook Meta Tags -->
|
||
<meta property="og:locale" content="en_US" />
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:title" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores" />
|
||
<meta property="og:description" content="Vvveb cms - Powerful and easy to use software to build professional websites, blogs or ecommerce stores" />
|
||
<meta property="og:url" content="https://vvveb.com/" />
|
||
<meta property="og:site_name" content="Vvveb CMS" />
|
||
<meta property="og:image" content="" />
|
||
<meta property="article:modified_time" content="2023-02-05T14:45:53+00:00" />
|
||
|
||
|
||
<!-- Twitter Meta Tags -->
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta property="twitter:domain" content="demo.vvveb.com">
|
||
<meta property="twitter:url" content="//demo.vvveb.com/hello-world-1">
|
||
<meta name="twitter:title" content="Begin each day by telling yourself">
|
||
<meta name="twitter:description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores.">
|
||
<meta name="twitter:image" content="">
|
||
<meta name="twitter:site" content="//demo.vvveb.com/hello-world-1" />
|
||
<meta name="twitter:label1" content="Est. reading time" />
|
||
<meta name="twitter:data1" content="3 minutes" />
|
||
|
||
<meta itemprop="name" content="Vvveb">
|
||
<meta itemprop="description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores.">
|
||
<meta itemprop="url" content="https://www.vvveb.com/">
|
||
<meta itemprop="keywords" content="cms, page builder, drag and drop, ecommerce, ecommerce platform, designer, developer, php, bootstrap 5">
|
||
<meta itemprop="image" content="/img/favicon/228x228.png">
|
||
<meta itemprop="sourceOrganization" content="Vvveb">
|
||
<meta itemprop="inLanguage" content="en-US">
|
||
|
||
<script type="application/ld+json" id="ldJsonScript">
|
||
{
|
||
"@context": "http://schema.org",
|
||
"@graph": [
|
||
{
|
||
"@type": "Organization",
|
||
"@id": "https://www.vvveb.com/#organization",
|
||
"url": "https://www.vvveb.com",
|
||
"logo": "https://www.vvveb.com/img/favicon/256x256.png",
|
||
"sameAs": [
|
||
"https://twitter.com/vvveb",
|
||
"https://www.facebook.com/vvveb.com",
|
||
"https://youtube.com/vvveb",
|
||
"https://www.linkedin.com/company/vvveb-com",
|
||
"https://plus.google.com/+VvvebCom"
|
||
]
|
||
},
|
||
{
|
||
"@type": "WebSite",
|
||
"@id": "https://www.vvveb.com/#website",
|
||
"url": "https://www.vvveb.com",
|
||
"name": "Vvveb"
|
||
},
|
||
{
|
||
"@type": "WebPage",
|
||
"@id": "https://www.vvveb.com/#webpage",
|
||
"url": "https://www.vvveb.com/",
|
||
"name": "Vvveb"
|
||
}
|
||
]
|
||
}
|
||
</script>
|
||
|
||
|
||
<meta name="twitter:card" content="summary">
|
||
<meta name="twitter:site" content="@vvveb">
|
||
|
||
<meta name="twitter:label1" content="Platform">
|
||
<meta name="twitter:data1" content="Vvveb">
|
||
<meta name="twitter:label2" content="Software">
|
||
<meta name="twitter:data2" content="CMS">
|
||
|
||
|
||
<meta property="og:title" content="Vvveb">
|
||
<meta property="og:site_name" content="Vvveb">
|
||
<meta property="og:url" content="https://www.vvveb.com/">
|
||
<meta property="og:description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores">
|
||
<meta property="fb:app_id" content="">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:locale" content="en_US">
|
||
<meta property="og:image" content="https://www.vvveb.com/img/favicon/228x228.png">
|
||
|
||
|
||
|
||
<!-- HTML Meta Tags -->
|
||
<title>Begin each day by telling yourself</title>
|
||
<meta name="description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores.">
|
||
|
||
|
||
|
||
|
||
|
||
<link id="landing-css" href="css/style.bundle.css" rel="stylesheet" media="screen">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<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="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>
|
||
|
||
<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 href="javascript:void(0);" 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 href="javascript:void(0);" 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 href="javascript:void(0);" class="dropdown-item">Register</a></li>
|
||
<li><a href="javascript:void(0);" 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" href="javascript:void(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-v-url-params='{"host":"www.*.*"}'>
|
||
<span class="visually-hidden">Logo</span>
|
||
<img src="img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
|
||
<img src="img/logo.png" alt="Site logo sticky" loading="lazy" class="logo-sticky" data-v-site-logo-sticky>
|
||
<img src="img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
|
||
<img src="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" href="javascript:void(0);" 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-if="category.content" 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" 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 user-box 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="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 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">
|
||
<!-- <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="input-email" class="form-control" required>
|
||
</div>
|
||
|
||
<div class="mb-3">
|
||
<label class="form-label" for="input-password">Password</label>
|
||
<input type="password" minlength="4" autocorrect="off" autocomplete="current-password" name="password" value="" placeholder="Password" id="input-password" class="form-control" required>
|
||
</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>
|
||
<!--
|
||
<a href="javascript:void(0);">
|
||
<span class="btn btn-secondary btn-sm">
|
||
<i class="lab la-google la-lg"></i>
|
||
</span>
|
||
</a>
|
||
<a href="javascript:void(0);">
|
||
<span class="btn btn-secondary btn-sm">
|
||
<i class="lab la-facebook la-lg"></i>
|
||
</span>
|
||
</a> -->
|
||
<hr>
|
||
<span>Don’t have an account?</span>
|
||
<a href="/user/signup" data-v-url="user/signup/index">Register Account</a>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="user-form" data-v-if="component.user_id">
|
||
<div>Welcome <b data-v-user-first_name data-filter-capitalize>John</b>
|
||
<b data-v-user-last_name data-filter-capitalize>Doe</b>
|
||
</div>
|
||
|
||
<ul class="m-2 list-unstyled">
|
||
<li>
|
||
<a href="user" data-v-url="user/index">My account</a>
|
||
</li>
|
||
<li>
|
||
<a href="user/comments" data-v-url="user/comments/index">Comments</a>
|
||
</li>
|
||
<li>
|
||
<a href="user/orders" data-v-url="user/orders/index">Orders</a>
|
||
</li>
|
||
<li>
|
||
<a href="user/downloads" data-v-url="user/downloads/index">Downloads</a>
|
||
</li>
|
||
<li>
|
||
<a href="user/profile" data-v-url="user/profile/index">Profile</a>
|
||
</li>
|
||
</ul>
|
||
|
||
|
||
<input type="hidden" name="logout">
|
||
|
||
<button type="submit" value="logout" class="btn 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">
|
||
Logout
|
||
</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="img/bag.svg" width="20" alt> -->
|
||
<i class="la la-lg la-shopping-bag"></i>
|
||
<span class="visually-hidden">Cart</span>
|
||
<strong class="text-top text-bold" 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="img/demo/product.jpg" 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>
|
||
|
||
<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">(<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">(<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">(<span data-v-product-option-price></span>)</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="subscription" data-v-if="product.subscription">
|
||
<span data-v-product-subscription-name>Subscription plan</span>
|
||
</div>
|
||
</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-cart-product>
|
||
<td class="text-center">
|
||
<a href="#40" data-v-cart-product-url>
|
||
<img src="img/demo/product.jpg" 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="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">
|
||
<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>
|
||
|
||
<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>
|
||
|
||
|
||
|
||
<main id="site-content" role="main">
|
||
|
||
|
||
<div class="container my-5">
|
||
<div class="row">
|
||
<div class="col-md-3">
|
||
|
||
<ul class="nav flex-column nav-pills me-4 user-nav">
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="user" data-v-url="user/index">
|
||
<i class="la la-tachometer-alt me-2"></i>Dashboard
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="user/orders" data-v-url="user/orders/index">
|
||
<i class="la la-shopping-bag me-2"></i>Your Orders
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="user/profile" data-v-url="user/profile/index">
|
||
<i class="la la-cogs me-2"></i>Settings
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="user/address" data-v-url="user/address/index">
|
||
<i class="la la-map-pin me-2"></i>Address
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="user/downloads" data-v-url="user/downloads/index">
|
||
<i class="la la-download me-2"></i>Downloads
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="user/comments" data-v-url="user/comments/index">
|
||
<i class="la la-comment me-2"></i>Comments
|
||
</a>
|
||
</li>
|
||
<!--
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="user/notifications" data-v-url="user/notifications/index"><i class="la la-bell me-2"></i>Notification</a>
|
||
</li>
|
||
-->
|
||
<li class="nav-item">
|
||
<hr>
|
||
</li>
|
||
<li class="nav-item">
|
||
|
||
<form action method="post" enctype="multipart/form-data" data-v-url="user/login/index" data-selector="body">
|
||
|
||
<input type="hidden" name="logout">
|
||
|
||
<button type="submit" value="logout" class="btn nav-link">
|
||
|
||
<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 me-2"></i>Log out</a>
|
||
</span>
|
||
|
||
</button>
|
||
</form>
|
||
|
||
</li>
|
||
</ul>
|
||
|
||
</div>
|
||
|
||
<div class="col-md-9 justify-content-center border-start px-4">
|
||
<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>
|
||
asdasdasd
|
||
<h2>Orders</h2>
|
||
|
||
<div class="table-responsive" data-v-component-order>
|
||
<table class="table table-hover border-top">
|
||
<thead>
|
||
<tr>
|
||
<td class="text-center">Order id</td>
|
||
<td class="text-center">Client</td>
|
||
<!-- <td class="text-center">No products</td> -->
|
||
<td class="text-center">Status</td>
|
||
<td class="text-center">Total</td>
|
||
<!-- <td class="text-start">Tracking Code</td> -->
|
||
<td class="text-center">Date added</td>
|
||
<td>Actions</td>
|
||
</tr>
|
||
</thead>
|
||
|
||
<tbody>
|
||
<tr data-v-order>
|
||
<td class="text-center">
|
||
<span>#</span>
|
||
<span data-v-order-order_id>1</span>
|
||
</td>
|
||
<td class="text-center">
|
||
<span data-v-order-first_name data-filter-capitalize></span>
|
||
<span data-v-order-last_name data-filter-capitalize></span>
|
||
</td>
|
||
<td class="text-center">
|
||
<span data-v-order-status></span>
|
||
</td>
|
||
<td class="text-center">
|
||
<span data-v-order-total></span>
|
||
</td>
|
||
<td class="text-center">
|
||
<span data-v-order-created_at data-filter-friendly_date></span>
|
||
</td>
|
||
<td class="text-center">
|
||
<a href="" title="View" class="btn btn-primary btn-sm" data-v-order-url>
|
||
<i class="la la-eye"></i>
|
||
</a>
|
||
</td>
|
||
</tr>
|
||
<tr data-v-if-not="count >= 1">
|
||
<td colspan="100">
|
||
<div class="text-center p-4">
|
||
<div>
|
||
<i class="la la-comment-alt fs-1 mb-2"></i>
|
||
<h6>No orders to display!</h6>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div data-pagination data-v-parent-component="orders" data-v-parent-index="0" data-v-parameters='{}'>
|
||
|
||
<nav data-v-if="pagecount > 1">
|
||
<ul class="pagination pagination-sm justify-content-end" style="--bs-pagination-border-color:transparent;border-top: 1px solid var(--bs-border-color);padding-top: 1rem;">
|
||
|
||
<!--
|
||
<li class="page-item pager-first" data-first>
|
||
<a class="page-link" title="First page" href="javascript:void(0);" 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="javascript:void(0);" aria-label="Previous" title="Previous page" data-page-url data-v-if="current_page > 1">
|
||
<span aria-hidden="true" class="la la-angle-left la-lg"></span>
|
||
<!-- <span>Newer Posts</span> -->
|
||
</a>
|
||
|
||
</li>
|
||
|
||
|
||
|
||
<li class="page-item" data-page>
|
||
<a class="page-link" href="javascript:void(0);" data-page-no data-page-url>1</a>
|
||
</li>
|
||
<li class="page-item" data-page>
|
||
<a class="page-link" href="javascript:void(0);" data-page-no data-page-url>2</a>
|
||
</li>
|
||
<li class="page-item" data-page>
|
||
<a class="page-link" href="javascript:void(0);" data-page-no data-page-url>3</a>
|
||
</li>
|
||
<li class="page-item" data-page>
|
||
<a class="page-link" href="javascript:void(0);" data-page-no data-page-url>4</a>
|
||
</li>
|
||
<li class="page-item" data-page>
|
||
<a class="page-link" href="javascript:void(0);" data-page-no data-page-url>5</a>
|
||
</li>
|
||
|
||
<li class="page-item pager-next" data-next>
|
||
<a class="page-link" href="javascript:void(0);" 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-angle-right la-lg"></span>
|
||
</a>
|
||
</li>
|
||
|
||
<!--
|
||
<li class="page-item pager-last" data-last>
|
||
<a class="page-link" title="Last page" href="javascript:void(0);" 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>
|
||
</main>
|
||
|
||
<footer class="footer-1" title="footer-1" data-v-save-global="index.html,.footer-1">
|
||
<div class="container" data-v-component-menu="footer" data-v-slug="main-footer">
|
||
|
||
<div class="row" data-v-menu-items>
|
||
|
||
<div class="col-md-3">
|
||
|
||
<div data-v-component-site>
|
||
<img src="img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
|
||
<img src="img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="col-md-3" 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>
|
||
</nav>
|
||
</div>
|
||
|
||
<div class="col-md-3" 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>
|
||
</nav>
|
||
</div>
|
||
|
||
<div class="col-md-3" 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="" target="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">
|
||
© <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" target="_blank">Terms and conditions</a> |
|
||
<a class="btn-link text-muted" href="/page/privacy-policy" target="_blank">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>
|
||
|
||
<!-- 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 src="js/theme.js"></script>
|
||
|
||
<script>
|
||
AOS.init();
|
||
</script>
|
||
|
||
|
||
|
||
</body>
|
||
|
||
</html> |