404.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Error 404</title>
    <link rel="stylesheet" href="./error_files/error.css">
</head>

<body>

    <main class="main">
        <section class="home">
            <div class="home__container container">
                <div class="home__data">
                    <span class="home__subtitle">Oops! Something went wrong...</span>
                    <h1 class="home__title">Error 404</h1>
                    <p class="home__description">
                        Hey Buddy, looks like you've found a page that doesn't exist.
                    </p>
                    <a href="./index.html" class="home__button">
                        Go Home
                    </a>
                </div>

                <div class="home__img">
                    <img src="./assets/images/warning.png" alt="">
                    <div class="home__shadow"></div>
                </div>
            </div>

            <footer class="home__footer">
                <span><a href="https://github.com/Rakesh9100/Click-The-Edible-Game">Click-The-Edible-Game</a></span>
                <span>|</span>
                <span><a href="https://github.com/Rakesh9100">Rakesh Roshan</a></span>
            </footer>
        </section>
    </main>

    <script src="./error_files/scrollreveal.min.js"></script>
    <script src="./error_files/error.js"></script>

</body>

</html>