<!DOCTYPE html>
<html lang="en-us" >

<head><base href="">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  
  <title>Vvveb</title>
  <meta name="title" content="Julia - I'm User Interface Designer &amp; Developer.">
  <meta name="description" content="Powerful and easy to use drag and drop website builder for blogs, presentation or ecommerce stores">

  
  

  
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@500;700&amp;display=swap" rel="stylesheet">

  
  <link rel="stylesheet" href="/public/assets-cache/julia-portfolio-style-bundle.css">

  
  <link rel="preload" as="image" href="/public/themes/julia-portfolio/images/hero-banner.jpg">
  <link rel="preload" as="image" href="/public/themes/julia-portfolio/images/Blog.svg">

<link rel="shortcut icon" href="/public/media/logo.png" type="image/png" data-v-global-site.logo><link rel="icon" type="image/x-icon" href="/public/media/favicon.ico" data-v-global-site.favicon></head>

<body class="error-404">
  <header class="header" data-header data-v-save-global="index.html,header">
    <div class="container">

      <div class="navbar-brand logo" data-v-component-site >
        
        <a class="navbar-brand h4 mb-0 text-decoration-none" href="/" data-v-site-url>
          <span class="visually-hidden">Logo</span>
          <img src="/public/media/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
          <img src="/public/media/logo.png" alt="Site logo sticky" loading="lazy" class="logo-sticky" data-v-site-logo-sticky>
          <img src="/public/media/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
          <img src="/public/media/logo-white.png" alt="Site logo dark sticky" loading="lazy" class="logo-default-dark-sticky" data-v-site-logo-dark-sticky>
        </a>
      </div>

      <nav class="navbar" data-navbar data-v-component-menu="header" data-v-slug="main-menu">

        <div class="navbar-top">
          <div class="navbar-brand logo" data-v-component-site >
            
            <a class="navbar-brand h4 mb-0 text-decoration-none" href="/" data-v-site-url>
              <span class="visually-hidden">Logo</span>
              <img src="/public/media/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
              <img src="/public/media/logo.png" alt="Site logo sticky" loading="lazy" class="logo-sticky" data-v-site-logo-sticky>
              <img src="/public/media/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
              <img src="/public/media/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="nav-close-btn" aria-label="close menu" data-nav-toggler>
            <ion-icon name="close-outline" aria-hidden="true"></ion-icon>
          </button>
        </div>

        <ul class="navbar-list m-0" data-v-menu-items>
          <li class="nav-item dropdown  " data-v-menu-item data-v-class-if-has-dropdown="category.children &gt; 0" data-v-class-if-position-static="category.has-text" data-v-id="42" data-v-component="menu" data-v-type="menu-item">

            <a class="navbar-link  " data-v-class-if-dropdown-toggle="category.children &gt; 0" data-v-class-if-active="category.active" aria-expanded="false" data-v-menu-item-url href="/">
              <span data-v-menu-item-name data-v-if-not="category.type = 'text' &amp;&amp; category.name" class=" ">Home</span>                          </a>

                      </li><li class="nav-item dropdown  " data-v-menu-item data-v-class-if-has-dropdown="category.children &gt; 0" data-v-class-if-position-static="category.has-text" data-v-id="43" data-v-component="menu" data-v-type="menu-item">

            <a class="navbar-link  " data-v-class-if-dropdown-toggle="category.children &gt; 0" data-v-class-if-active="category.active" aria-expanded="false" data-v-menu-item-url href="/shop">
              <span data-v-menu-item-name data-v-if-not="category.type = 'text' &amp;&amp; category.name" class=" ">Shop</span>                          </a>

                      </li><li class="nav-item dropdown   has-dropdown position-static" data-v-menu-item data-v-class-if-has-dropdown="category.children &gt; 0" data-v-class-if-position-static="category.has-text" data-v-id="67" data-v-component="menu" data-v-type="menu-item">

            <a class="navbar-link   dropdown-toggle" data-v-class-if-dropdown-toggle="category.children &gt; 0" data-v-class-if-active="category.active" aria-expanded="false" data-v-menu-item-url href="/page/about">
                            <span data-v-if="category.content" data-v-menu-item-content class=" "><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 &gt; 0" data-v-id="68" data-v-component="menu" data-v-type="menu-item">
                <a class="dropdown-item " data-v-class-if-active="category.active &amp;&amp; category.type != 'text'" href="/page/about" data-v-menu-item-url>
                                    <span data-v-if="category.content" data-v-menu-item-content class=" "><div class="row">
	<div class="col-4 align-self-center"><img src="../../media/vvveb.svg" alt="Post" width="250" loading="lazy" class="rounded img-fluid"></div>
	<div class="col-8">
		<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></li><li class="nav-item dropdown   has-dropdown" data-v-menu-item data-v-class-if-has-dropdown="category.children &gt; 0" data-v-class-if-position-static="category.has-text" data-v-id="63" data-v-component="menu" data-v-type="menu-item">

            <a class="navbar-link   dropdown-toggle" data-v-class-if-dropdown-toggle="category.children &gt; 0" data-v-class-if-active="category.active" aria-expanded="false" data-v-menu-item-url href="/page/services">
              <span data-v-menu-item-name data-v-if-not="category.type = 'text' &amp;&amp; category.name" class=" ">Services</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 &gt; 0" data-v-id="64" data-v-component="menu" data-v-type="menu-item">
                <a class="dropdown-item " data-v-class-if-active="category.active &amp;&amp; category.type != 'text'" href="/page/pricing" data-v-menu-item-url>
                  <span data-v-menu-item-name data-v-if-not="category.type = 'text'" class=" ">Pricing</span>                                  </a>
              </div><div data-v-menu-item class="nav-item  " data-v-class-if-dropdown="category.children &gt; 0" data-v-id="65" data-v-component="menu" data-v-type="menu-item">
                <a class="dropdown-item " data-v-class-if-active="category.active &amp;&amp; category.type != 'text'" href="/page/services" data-v-menu-item-url>
                  <span data-v-menu-item-name data-v-if-not="category.type = 'text'" class=" ">Services</span>                                  </a>
              </div><div data-v-menu-item class="nav-item  " data-v-class-if-dropdown="category.children &gt; 0" data-v-id="66" data-v-component="menu" data-v-type="menu-item">
                <a class="dropdown-item " data-v-class-if-active="category.active &amp;&amp; category.type != 'text'" href="/page/portfolio" data-v-menu-item-url>
                  <span data-v-menu-item-name data-v-if-not="category.type = 'text'" class=" ">Portfolio</span>                                  </a>
              </div>              
            </div></li><li class="nav-item dropdown  " data-v-menu-item data-v-class-if-has-dropdown="category.children &gt; 0" data-v-class-if-position-static="category.has-text" data-v-id="46" data-v-component="menu" data-v-type="menu-item">

            <a class="navbar-link  " data-v-class-if-dropdown-toggle="category.children &gt; 0" data-v-class-if-active="category.active" aria-expanded="false" data-v-menu-item-url href="/blog">
              <span data-v-menu-item-name data-v-if-not="category.type = 'text' &amp;&amp; category.name" class=" ">Blog</span>                          </a>

                      </li><li class="nav-item dropdown  " data-v-menu-item data-v-class-if-has-dropdown="category.children &gt; 0" data-v-class-if-position-static="category.has-text" data-v-id="49" data-v-component="menu" data-v-type="menu-item">

            <a class="navbar-link  " data-v-class-if-dropdown-toggle="category.children &gt; 0" data-v-class-if-active="category.active" aria-expanded="false" data-v-menu-item-url href="/page/contact">
              <span data-v-menu-item-name data-v-if-not="category.type = 'text' &amp;&amp; category.name" class=" ">Contact us</span>                          </a>

                      </li>          
          
          
        </ul>

        <div class="wrapper">
          <a href="mailto:info@email.com" class="contact-link">info@email.com</a>

          <a href="tel:001234567890" class="contact-link">00 (123) 456 78 90</a>
        </div>

        <ul class="social-list">

          <li>
            <a href="#" class="social-link">
              <ion-icon name="logo-twitter"></ion-icon>
            </a>
          </li>

          <li>
            <a href="#" class="social-link">
              <ion-icon name="logo-facebook"></ion-icon>
            </a>
          </li>

          <li>
            <a href="#" class="social-link">
              <ion-icon name="logo-dribbble"></ion-icon>
            </a>
          </li>

          <li>
            <a href="#" class="social-link">
              <ion-icon name="logo-instagram"></ion-icon>
            </a>
          </li>

          <li>
            <a href="#" class="social-link">
              <ion-icon name="logo-youtube"></ion-icon>
            </a>
          </li>

        </ul>

      </nav>

      <button class="nav-open-btn" aria-label="open menu" data-nav-toggler>
        <ion-icon name="menu-outline" aria-hidden="true"></ion-icon>
      </button>

      <div class="nav-overlay" data-nav-toggler data-overlay></div>

    </div>
  </header>
  
  <main id="site-content" role="main">

    <div class="container">
      <div class="row">
        <div class="col-12 p-4 m-4">

          <div class="text-center">
            <div class=" display-2">
              <i class="la la-directions bg-warning me-2 bg-opacity-50" style="border-radius:100px;width: 120px;height: 120px;display: inline-block;font-size: 60px;line-height: 2;"></i>
            </div>
            <h1>Page not found!</h1>
            <p class="text-muted mb-2 fw-normal">(error 404)</p>

            <p class="lead">The page you are looking for has been moved or it does not exist</p>

            <div class="col-lg-6 mt-4 mb-5 mx-auto">
              <form action="/search" method="get">
                <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-selector=".search-results" data-v-vvveb-on="keyup">
                  <button class="btn btn-outline-primary border" 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>

            <a href="/public/" class="btn btn-outline-primary btn-sm" data-url>
              <i class="la la-home"></i>
              <span>Go to homepage</span>
              <i class="la la-arrow-right ms-2"></i>
            </a>

          </div>

          <div data-debug class="my-3">
            <h5>Debug information</h5>

            <div class="card">
              <div class="card-body">
                <p data-v-exception-message style="white-space: pre-wrap;"></p><p data-v-exception-file>
                  
              </p></div>
            </div>

            
            <div class="alert alert-warning d-flex align-items-center alert-dismissible mt-4" role="alert">
              <i class="la la-exclamation-triangle la-lg me-2"></i>
              <div>
 If this is not a development website disable debug from <strong>env.php</strong> in the site root folder. </div>
              <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>

          </div>        </div>
      </div>
    </div>

  </main>


  <footer class="footer" data-v-save-global="index.html,footer">
    <div class="container">

      <p class="copyright">
 © <span data-v-year>2025</span>
        <span data-v-global-site.description.title>Vvveb</span> All Rights Reserved <span>Powered by <a href="https://www.vvveb.com">Vvveb</a>
        </span>
      </p>

      <ul class="social-list">

        <li>
          <a href="#" class="social-link">
            <ion-icon name="logo-twitter"></ion-icon>
          </a>
        </li>

        <li>
          <a href="#" class="social-link">
            <ion-icon name="logo-facebook"></ion-icon>
          </a>
        </li>

        <li>
          <a href="#" class="social-link">
            <ion-icon name="logo-dribbble"></ion-icon>
          </a>
        </li>

        <li>
          <a href="#" class="social-link">
            <ion-icon name="logo-instagram"></ion-icon>
          </a>
        </li>

        <li>
          <a href="#" class="social-link">
            <ion-icon name="logo-youtube"></ion-icon>
          </a>
        </li>

      </ul>

    </div>
  </footer>

  
  

  
  <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"  ></script>
  <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"  ></script>

  <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">
        <div class="modal-body">

          <form action="/search" method="get">
            <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-selector=".search-results" data-v-vvveb-on="keyup">
              <button class="btn btn-outline-primary border" 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 class="search-results">

          </div>

        </div>
      </div>
    </div>
  </div>

  <div id="page-loading-status" class="progress top-0 position-fixed progress-bar" role="progressbar" aria-label="Page loading status" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="z-index: 10;--bs-progress-bg: transparent;--bs-progress-height: 1px;width:0%"></div>


  
  
  <script src="/public/assets-cache/julia-portfolio-app-cart-script-theme.js"></script>


</body>

</html>
