index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="Author" content="Estefani Leon Osorio">
    <title>404 Not Found</title>
    <link href="\assets\favicon.png" rel="icon">
    <link rel="stylesheet" href="\css\style.css">
    <script src="\js\app.js"></script>
</head>

<body class="body-scrollbar">

    <header class="header">
        <div class="wrapper">
            <nav>404 Not Found</nav>
        </div>
    </header>

    <section class="section">
        <div class="wrapper">
            <div class="sections">
                <div class="img">
                    <img src="\assets\scarecrow.png" alt="Scarecrow">
                </div>
                <div class="content">
                    <h1>Oops! I have really bad news for you</h1>
                    <p class="text">
                        The website you are looking for is now unavailable. It might be removed or temporarily disabled
                    </p>
                    <a class="button">Back to homepage</a>
                </div>
            </div>
        </div>
    </section>

    <footer class="footer">
        <div class="wrapper">
            <p>
            Created by <a target="_blank" href="https://devchallenges.io/">Dev Challenges</a> and
            Developed to complete the challenge by <a target="_blank" href="https://github.com/EstefaniLeon">Estefani León Osorio</a>.
            </p>
        </div>
    </footer>

</body>

</html>