404.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>404 - Page Not Found</title>
    <link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
    <link rel="stylesheet" href="/style.css">
    <link rel="stylesheet" href="/assets/fontawesome/css/all.css">
</head>
<body>

    <br><br><br><br>

    <center>
        <h1 style="font-size: 150px; margin: 0; font-weight: 1000; color: #1f51ff;">:/</h1>
    </center>

    <center>
        <h1 class="title" style="font-weight: 560;">Uh Oh!</h1>
        <p style="margin-top: -20px; font-size: 20px;">Looks like you found a nonexistent page. <br><br> Instead, why not try one of these?</p>
    </center>

    <br>

    <div class="container">

        <a href="/index.html" style="text-decoration: none;">
            <button class="card" style="cursor: pointer; margin: 10px;">
                <div class="noflex">
                    <h1 style="margin-top: 35px;">Home</h1>
                    <br>
                    <i class="fa-solid fa-house" style="scale: 350%; margin-right: 2px;"></i>
                </div>
            </button>
        </a>

        <a href="/g.html" style="text-decoration: none;">
            <button class="card" style="cursor: pointer; margin: 10px;">
                <div class="noflex">
                    <h1 style="margin-top: 35px;">Games</h1>
                    <br>
                    <i class="fa-solid fa-gamepad" style="scale: 350%; margin-right: 2px;"></i>
                </div>
            </button>
        </a>

        <a href="/apps.html" style="text-decoration: none;">
            <button class="card" style="cursor: pointer; margin: 10px;">
                <div class="noflex">
                    <h1 style="margin-top: 35px;">Apps</h1>
                    <br>
                    <i class="fa-solid fa-folder-open" style="scale: 350%; margin-right: 2px;"></i>
                </div>
            </button>
        </a>

        <a href="/s.html" style="text-decoration: none;">
            <button class="card" style="cursor: pointer; margin: 10px;">
                <div class="noflex">
                    <h1 style="margin-top: 35px;">Sounds</h1>
                    <br>
                    <i class="fa-solid fa-music" style="scale: 350%; margin-right: 2px;"></i>
                </div>
            </button>
        </a>

        <a href="/p.html" style="text-decoration: none;">
            <button class="card" style="cursor: pointer; margin: 10px;">
                <div class="noflex">
                    <h1 style="margin-top: 35px;">Search</h1>
                    <br>
                    <i class="fa-solid fa-search" style="scale: 350%; margin-right: 2px;"></i>
                </div>
            </button>
        </a>

        <a href="/movies" style="text-decoration: none;">
            <button class="card" style="cursor: pointer; margin: 10px;">
                <div class="noflex">
                    <h1 style="margin-top: 35px;">Movies</h1>
                    <br>
                    <i class="fa-solid fa-tv" style="scale: 350%; margin-right: 2px;"></i>
                </div>
            </button>
        </a>

        <a href="/chat" style="text-decoration: none;">
            <button class="card" style="cursor: pointer; margin: 10px;">
                <div class="noflex">
                    <h1 style="margin-top: 35px;">Chats</h1>
                    <br>
                    <i class="fa-solid fa-message" style="scale: 350%; margin-right: 2px;"></i>
                </div>
            </button>
        </a>

    </div>
    
</body>
</html>