CS50-Project-Page/error.html at main · Fahdjud/CS50-Project-Page · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>

<html lang="en" data-bs-theme="dark">

    <head>

        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, width=device-width">

        <!-- http://getbootstrap.com/docs/5.3/ -->
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>


        <link href="/static/icons/Frame_1.png" rel="icon">

        <link href="/static/styles.css" rel="stylesheet">
        <link href="/static/error.css" rel="stylesheet">

        <title>Fahdjud Demo</title>

    </head>

    <body  class="text-bg-dark bg-custom-body">

        <nav class="bg-custom-header navbar navbar-expand-md navbar-dark">
            <div class="container-fluid ">
                <a class="navbar-brand" href="/">
                    <img src="\static\icons\Frame_1.png" alt="Logo" width="30" height="30" class="d-inline-block align-text-top">
                    <strong>Gelly</strong> Converter
                </a>
                <button aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-bs-target="#navbar" data-bs-toggle="collapse" type="button">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse " id="navbar">
                        <ul class="navbar-nav">
                            <li class="nav-item"><a class="nav-link" href="dashboard.html">Dashboard</a></li>
                            <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle " href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                  <strong>Hi User </strong>
                                </a>
                                <ul class="dropdown-menu">
                                  <li><a class="dropdown-item" href="profile.html">View Profile</a></li>
                                  <li class="nav-item"><a class="dropdown-item" href="#">Log Out</a></li>
                                </ul>
                        </ul>
                </div>
            </div>
        </nav>
           <!--flush message-->
            <main class="container-fluid custom-spacing">
                <div aria-live="polite" aria-atomic="true" class="position-relative">
                    <div class="toast-container position-fixed bottom-0 end-0 p-3">
                                    <div class="toast align-items-center text-bg-succuss border-0" role="alert" aria-live="assertive" aria-atomic="true">
                                        <div class="d-flex">
                                            <div class="toast-body">

                                            </div>
                                            <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
                                        </div>
                                    </div>
                    </div>
                </div>

                    <div class="container text-center my-5 py-5">
                        <img src="static\icons\error-gelly.svg" class="error-gelly" alt="sad gelly">
                        <p class="h1">404 - Page Not Found</p>
                        <p class="h3">The page you are looking for does not exist</p>
                        <div class="py-3">
                        <a href="index.html" class="btn btn-light px-5 py-2"><strong>Return home</strong></a>
                    </div>
                    </div>

                  </div>

            </main>
        <footer class="bg-custom-footer text-center py-5">
            <div>
                <nav>
                    <ul class="nav justify-content-center py-3">
                        <li class="nav-item">
                          <a class="nav-link" aria-current="page" href="login.html">login</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link" href="register.html">register</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link" href="error.html">error page</a>
                        </li>
                      </ul>
                </nav>
                <div class="container justify-content-center">
                    <p class="mb-1">fahdjud &copy; 2025</p>
                    <p class="mb-0">Part of fahdjud cs50 project</p>
                  </div>
            </div>
        </footer>
        <script>
           // Initialize all toasts
            document.addEventListener('DOMContentLoaded', function () {
                var toastElList = [].slice.call(document.querySelectorAll('.toast'))
                var toastList = toastElList.map(function (toastEl) {
                    return new bootstrap.Toast(toastEl, { delay: 5000 })
                })
                toastList.forEach(toast => toast.show())
            });
        </script>
    </body>

</html>