404.html

<!--https://adenikesalau.github.io/404-error-page/privacy-policy.html 
    
or https://adenikesalau.github.io/404-error-page/#  click on any of the links to see the 404 page effect-->

<!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">

        <link rel="stylesheet" type="text/css" href="styles/404.css">

        <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lato">
        <link rel="icon" type="img/png" href="images/favicon.png">

        <title> ERROR 404 </title>
    </head>

    <body>

        <div class="container">

            <!--WikiPOLI icon-->
            <img src="https://res.cloudinary.com/adenike/image/upload/v1571756162/wikiPoli5_9_ln1eyb.png" class="icon">

            <div class="error-template">
            
                <!--404 Image-->
                <img src="https://res.cloudinary.com/adenike/image/upload/v1571772931/a81a2177118189_1_lojch2.png" class="error-img">

                <!--Details of the page-->
                <div class="error-details">
                    THE PAGE YOU WERE LOOKING FOR DOESN'T EXIST!
                </div>

                <div class="error-action">

                    <!--link to take user to home page-->
                    
                    <a href="index.html" class="button">Back To Home</a>
                    
                </div>

            </div>
        </div> 

    </body>
</html>