230 lines
12 KiB
HTML
230 lines
12 KiB
HTML
<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":"www.*.*"}'><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>
|
|
|
|
<nav class="navbar" data-navbar data-v-component-menu="header" data-v-slug="main-menu">
|
|
<div class="container">
|
|
<ul class="navbar-list m-0" 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="navbar-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-if="category.content" 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 && 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-if="category.content" data-v-menu-item-content>
|
|
<div class="row">
|
|
<div class="col-6 align-self-center">
|
|
<img src="img/demo/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="navbar-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="navbar-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="navbar-link" href="https://www.vvveb.com" data-v-menu-item-url>
|
|
<span data-v-menu-item-name>About us</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
</div>
|
|
</div>
|
|
</nav> |