<!DOCTYPE html>
<html lang="" data-theme="light">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>
      Modiquette - Modern Etiquette & Image Consultant
    </title>
    <meta
      name="description"
      content="Modiquette. Modern Etiquette and Image Consultant will help you to take a step toward the life you want."
    />
    <link
      rel="alternate"
      href="https://www.modiquette.com/"
      hreflang="x-default"
    />
    <link
      rel="alternate"
      href="https://www.modiquette.com/ru"
      hreflang="ru-ru"
    />
    <link rel="alternate" href="https://www.modiquette.com/" hreflang="en-us" />
    <meta property="og:title" content="Modiquette | Modern Etiquette" />
    <meta
      property="og:description"
      content="Modiquette. Modern Etiquette and Image Consultant will help you to take a step toward the life you want. "
    />
    <meta property="og:url" content="https://www.modiquette.com" />
    <meta property="og:site_name" content="Modiquette" />
    <meta property="og:type" content="website" />

    <link rel="stylesheet" href="/assets/css/style.css" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
  </head>
  <body>
    <nav class="navbar is-fixed-top" role="navigation" aria-label="main navigation">
  <div class="container" style="max-width: 1260px !important">
    <div class="navbar-brand">
      <a class="navbar-item" href="/">
        <img
          src="/assets/images/logo.png"
          alt="Modiquette Logo"
          style="max-height: 4rem"
        />
      </a>

      <a
        role="button"
        class="navbar-burger"
        aria-label="menu"
        aria-expanded="false"
        data-target="navbarBasicExample"
      >
        <span aria-hidden="true"></span>
        <span aria-hidden="true"></span>
        <span aria-hidden="true"></span>
      </a>
    </div>

    <div id="navbarBasicExample" class="navbar-menu">
      <div class="navbar-end">
        <a class="navbar-item" href="/"> Home </a>

        <a class="navbar-item" href="/services/">
          Services
        </a>

        <a class="navbar-item" href="/about/">
          About
        </a>

        <a class="navbar-item" href="/contact/">
          Contact
        </a>

        <div class="navbar-item has-dropdown is-hoverable">
          <a class="navbar-link"> en </a>

          <div class="navbar-dropdown">
             
            <a
              class="navbar-item"
              rel="alternate"
              hreflang="en"
              href="/404.html"
            >
              en
            </a>
             
            <a
              class="navbar-item"
              rel="alternate"
              hreflang="ru"
              href="/ru/404.html"
            >
              ru
            </a>
            
          </div>
        </div>
      </div>
    </div>
  </div>
</nav>

<div id="mobileMenu" class="mobile-menu has-text-centered">
  <button class="close-button" aria-label="Close menu">X</button>
  <div class="menu-items">
    <a class="navbar-item title is-1 is-uppercase is-size-2 mb-2" href="/">
      Home
    </a>
    <a class="navbar-item title is-1 is-uppercase is-size-2 mb-2" href="/services/">
      Services
    </a>
    <a class="navbar-item title is-1 is-uppercase	is-size-2 mb-2" href="/about/">
      About
    </a>
    <a class="navbar-item title is-1 is-uppercase is-size-2 mb-2" href="/contact/">
      Contact
    </a>

    <hr />

     
    <a
      class="navbar-item title is-1 is-uppercase is-size-2 mb-2"
      rel="alternate"
      hreflang="en"
      href="/404.html"
    >
      English
    </a>
     
    <a
      class="navbar-item title is-1 is-uppercase is-size-2 mb-2"
      rel="alternate"
      hreflang="ru"
      href="/ru/404.html"
    >
      Русский
    </a>
    
  </div>
</div>

<div class="page-loader">
  <img src="/assets/images/logo.png" alt="Logo" />
</div>
 
    <div style="margin-top: 80px">
      <style type="text/css" media="screen">
  .container {
    margin: 10px auto;
    max-width: 600px;
    text-align: center;
  }
  h1 {
    margin: 30px 0;
    font-size: 4em;
    line-height: 1;
    letter-spacing: -1px;
  }
</style>

<div class="container">
  <h1>404</h1>

  <p><strong>Page not found :(</strong></p>
  <p>The requested page could not be found.</p>
</div>
 
    </div>
    <footer class="footer has-background-black has-text-white pt-5 pb-5">
  <div class="container">
    <div class="columns is-vcentered">
      <div class="column is-4">
        <p class="has-text-white has-text-left">
          © Margarita Simon (Modiquette)
        </p>
      </div>

      <div class="column is-4 has-text-centered">
        <div class="social-icons">
          <a
            href="mailto:contact@modiquette.com"
            class="icon is-medium has-text-white"\
            style="margin-right: 10px;"
          >
            <img src="/assets/images/email.svg" class="brand" />
          </a>
          <a
            href="https://instagram.com/margosha.simon"
            class="icon is-medium has-text-white mr-2"
          >
            <img src="/assets/images/instagram-brands.svg" class="brand" />
          </a>
          <a
            href="https://www.facebook.com/margaritaa.simon"
            class="icon is-medium has-text-white mr-2"
          >
            <img src="/assets/images/facebook-f-brands.svg" class="brand" />
          </a>
          <a
            href="https://www.linkedin.com/in/margarita-simon"
            class="icon is-medium has-text-white"
          >
            <img src="/assets/images/linkedin-in-brands.svg" class="brand" />
          </a>
        </div>
      </div>

      <div class="column is-4">
        <div class="has-text-right">
          <a href="/services/" class="has-text-white mr-4"
            >Services</a
          >
          <a href="/about/" class="has-text-white mr-4"
            >About</a
          >
          <a href="/contact/" class="has-text-white"
            >Contact</a
          >
        </div>
      </div>
    </div>
  </div>
</footer>

<script src="/assets/js/scripts.js"></script>

<!-- Matomo -->
<script>
  var _paq = (window._paq = window._paq || []);
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(["trackPageView"]);
  _paq.push(["enableLinkTracking"]);
  (function () {
    var u = "https://stats.dkkma.com/";
    _paq.push(["setTrackerUrl", u + "matomo.php"]);
    _paq.push(["setSiteId", "40"]);
    var d = document,
      g = d.createElement("script"),
      s = d.getElementsByTagName("script")[0];
    g.async = true;
    g.src = u + "matomo.js";
    s.parentNode.insertBefore(g, s);
  })();
</script>
<!-- End Matomo Code -->

  </body>
</html>

