33/root/404.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>My Portfolio</title>
        <!-- For responsive design scale the width of the website to the device width-->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900|Cormorant+Garamond:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <header>
            <a class="header-brand" href="index.html">mmtuts</a>
            <nav>
                <ul>
                    <li><a href="portfolio.html">Portfolio</a></li>
                    <li><a href="about.html">About me</a></li>
                    <li><a href="contact.html">Contact</a></li>
                </ul>
                <a class="header-cases" href="cases.html">Cases</a>
            </nav>
        </header>
        <main>
            
            <section class=cases-links>
                <h2 class="error-404">404 Page Not Found!</h2>
                <p class="error-404-p">The page you were looking for does not exist! Click <a href="index.html">here</a> to return to the Home Page. <br> If you got to this page by clicking a link, please notify us so we can fix this error :)</p>
            </section>
            
        </main>
        <div class="wrapper">
            <footer>
                <ul class="footer-links-main">
                    <li><a href="">Home</a></li>
                    <li><a href="">Cases</a></li>
                    <li><a href="">Portfolio</a></li>
                    <li><a href="">About me</a></li>
                    <li><a href="">Contact</a></li>
                </ul>
                <ul class="footer-links-cases">
                    <li><p>Latest cases</p></a></li>
                    <li><a href="">MALING SHAOLIN - WEB DEVELOPMENT</a></li>
                    <li><a href="">EXCELLENTO - WEB DEVELOPMENT, SEO</a></li>
                    <li><a href="">MMTUTS - YOUTUBE CHANNEL</a></li>
                    <li><a href="">WELTEC - VIDEO PRODUCTION</a></li>
                </ul>
                <div class="footer-sm">
                    <!--Of course add the actual links to the social media-->
                    <a href="">
                        <img src="img/youtube.png" alt="youtube icon">
                    </a>
                    <a href="">
                        <img src="img/twitter.png" alt="twitter icon">
                    </a>
                    <a href="">
                        <img src="img/facebook.png" alt="facebook icon">
                    </a>
                </div>
            </footer>
        </div>
    </body>
</html>