<!DOCTYPE html>
<html lang="en">
  <head>
    <title></title>

    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <meta http-equiv="pragma" content="no-cache" />

    <meta property="og:title" content="MixMe" />
    <meta property="twitter:title" content="MixMe" />
    <meta property="og:type" content="website" />
    <meta property="twitter:card" content="summary" />

    <meta property="og:url" content="https://www.mixmeai.com" />
    <meta property="og:image" content="/favicon.png" />
    <meta property="twitter:image" content="/favicon.png" />

    <meta name="twitter:description" content="Ignite your photos with MixMe" />
    <meta property="og:description" content="Ignite your photos with MixMe!" />
    <meta name="description" content="Ignite your photos with MixMe" />

    <script
      src="https://code.jquery.com/jquery-3.7.1.min.js"
      integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
      crossorigin="anonymous"
    ></script>
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
      crossorigin="anonymous"
    ></script>

<!--    <link rel="icon" href="/favicon.ico" type="image/x-icon" th:href="@{/favicon.ico}">-->
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/>
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/>
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/>
    <link rel="manifest" href="/site.webmanifest">

    <meta name="msapplication-TileColor" content="#da532c" />
    <meta name="theme-color" content="#ffffff" />

    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="/css/home.css" />
    <link
      rel="stylesheet"
      href="/css/page-not-found.css"
    />
  </head>
  <body
    style="
      background: linear-gradient(90deg, #18153b 0%, #0b0d10 100%);
      background-size: cover;
      color: hsla(0, 0%, 100%, 1);
      margin: 0;
      padding: 0;
      height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      line-height: 26px;
    "
  >
    <div class="image-wrapper">
      <div style="display: flex; justify-content: center; align-items: center">
        <img
          src="/images/logo.svg"
          alt="logo"
          class="logo"
          style="margin-top: 20px"
        />
      </div>

      <div class="container text-center">
        <div class="row">
          <div class="col">
            <h1>Post not found</h1>
          </div>
        </div>

        <div class="row">
          <div class="col">
<!--            https://www.flaticon.com/free-icon/error_13637535?related_id=13637535-->
            <img src="/images/404-error.png" alt="phones" class="content-not-found" />
          </div>
        </div>
      </div>
    </div>
    <footer class="footer-section" style="width: 100%">
      <img src="/images/logo.svg" width="168px" alt="logo" />

      <div class="d-none d-md-flex justify-center" style="gap: 100px">
        <span>(c) 2024 RealNetworks</span>
        <div style="display: flex; gap: 16px">
          <a
            target="_blank"
            href="https://realnetworks.com/terms"
            style="text-decoration: underline; color: white; font-size: 16px"
            >Terms</a
          >
          <a
            target="_blank"
            href="https://realnetworks.com/privacy-policy"
            style="text-decoration: underline; color: white; font-size: 16px"
            >Privacy Policy</a
          >
        </div>
      </div>
      <div class="d-block d-md-none justify-content-between">
        <div
          style="
            display: flex;
            justify-content: center;
            gap: 65px;
            margin-bottom: 34px;
          "
        >
          <a
            target="_blank"
            href="https://realnetworks.com/terms"
            style="text-decoration: underline; color: white; font-size: 16px"
            >Terms</a
          >
          <a
            target="_blank"
            href="https://realnetworks.com/privacy-policy"
            style="text-decoration: underline; color: white; font-size: 16px"
            >Privacy Policy</a
          >
        </div>
        <span>(c) 2024 RealNetworks</span>
      </div>
    </footer>
    <script src="https://www.google-analytics.com/analytics.js" async></script>
  </body>
</html>
