website/404.html

<style>
    html {
        scroll-behavior: smooth;
    }

    hr {
        border-color:black;
    }
</style>

<html>
    <head>
        <title>Awex >> Not Found</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="assets/css/style.css">
        <link rel="stylesheet" href="assets/css/footer.css">
        <link rel="stylesheet" href="assets/css/nav.css">
        <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=Quicksand:wght@300&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">

        <!-- Scripts -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
        <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>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
        <script type="text/javascript">
        $(document).ready(function () {
        $('.navbar-light .dmenu').hover(function () {
                $(this).find('.sm-menu').first().stop(true, true).slideDown(150);
            }, function () {
                $(this).find('.sm-menu').first().stop(true, true).slideUp(105)
            });
        });
        </script>

        <!-- Meta Tags -->
        <meta content="Awexxx" property="og:title">
        <meta content="Hello! My name is Awex and I'm a developer doing dev stuff! This is my cool website!" property="og:description">
        <meta content="https://awexxx.xyz/" property="og:url">
        <meta content="#9c2d1c" data-react-helmet="true" name="theme-color">
    </head>
    <body>

<nav class="navbar navbar-expand-sm   navbar-light bg-light">
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarTogglerDemo03">
      <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
        <li class="nav-item">
            <a class="nav-link">&ltAwex /><span class="sr-only"></span></a>
          </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
        </li>
          <li class="nav-item">
            <a class="nav-link" href="mailto:hi@awexxx.xyz">Contact</a>
          </li>
        <li class="nav-item dropdown dmenu">
        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
          Tools
        </a>
        <div class="dropdown-menu sm-menu">
          <a class="dropdown-item" href="https://mcw.awexxx.xyz">Medal Clip Webhook</a>
          <a class="dropdown-item" href="/tools/discord">Discord Webhook Sender</a>
          <!-- <a class="dropdown-item" href="#">yes</a> -->
        </div>
      </li>
       <!-- <li class="nav-item dropdown dmenu">
        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
          Dropdown link
        </a>
        <div class="dropdown-menu sm-menu">
          <a class="dropdown-item" href="#">Link 1</a>
          <a class="dropdown-item" href="#">Link 2</a>
          <a class="dropdown-item" href="#">Link 3</a>
          <a class="dropdown-item" href="#">Link 4</a>
          <a class="dropdown-item" href="#">Link 5</a>
          <a class="dropdown-item" href="#">Link 6</a>
        </div>
      </li> -->
      </ul>
      <div class="social-part">
        <i class="fa fa-facebook" aria-hidden="true"></i>
        <i class="fa fa-twitter" aria-hidden="true"></i>
        <i class="fa fa-instagram" aria-hidden="true"></i>
      </div>
    </div>
  </nav>

  <br>

  <h3>Uh oh! That page couldn't be found!</h3>
    <p>Sorry, but the page you requested couldn't be found! Maybe check the URL and try again?</p>

    <p><i>(it could also be awexs design but idk, that's not for me to figure out)</i></p>



  <div class="footer-basic">
    <footer>
        <div class="social"><a href="https://instagram.com/_awexx"><i class="icon ion-social-instagram"></i></a><a href="https://twitter.com/lulawex"><i class="icon ion-social-twitter"></i></a><a href="https://github.com/awexxx/"><i class="icon ion-social-github"></i></a></div>
         <ul class="list-inline">
            <li class="list-inline-item"><a href="https://mcw.awexxx.xyz">Medal Clip Webhook</a></li>
        </ul>
        <p class="copyright">hi@awexxx.xyz<br>
    </footer>
</div>
</body>
</html>


<style>
body {
background-color:#dedede;
text-align:center;
}
</style>