cmitiiser.github.io/404.html at main · cmitiiser/cmitiiser.github.io · 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
<!doctype html>
<html lang="en">
  <head>
    <title>404-CMIT</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />


    <script src="/assets/js/preloader.js" defer></script>
    <script src="/assets/js/headerfooter.js" defer></script>
    <script src="/assets/js/site.js" defer></script>

    <link rel="icon" href="/favicon.png" type="image/png" sizes="33x33">
    <link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="any">

    <link rel="stylesheet" href="/assets/css/cmit-404.css" defer/>
    <link rel="stylesheet" href="/assets/css/preloader.css" defer/>
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap"
    />
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=STIX+Two+Text:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap"
    />
  </head>

  <script
    async
    src="https://www.googletagmanager.com/gtag/js?id=G-EMH594D3B7"
  ></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() {
      dataLayer.push(arguments);
    }
    gtag("js", new Date());
    gtag("config", "G-EMH594D3B7");
  </script>

  <body>

    <!-- PRELOADER -->

    <div id="preloader" aria-label="Loading page">
      <div class="preloader-container">
        <svg
          id="logo-preloader"
          viewBox="0 0 441.73 525.29"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g id="c">
            <circle class="anchor-main" cx="150.52" cy="110.3" r="110.3" />
            <circle class="anchor-accent" cx="45.37" cy="307.42" r="45.37" />
            <circle cx="413.76" cy="146.34" r="27.97" />
            <circle cx="326.02" cy="234.08" r="27.97" />
            <circle cx="413.76" cy="234.08" r="27.97" />
            <circle cx="238.27" cy="321.83" r="27.97" />
            <circle cx="326.02" cy="321.83" r="27.97" />
            <circle cx="413.76" cy="321.83" r="27.97" />
            <circle cx="150.52" cy="409.58" r="27.97" />
            <circle cx="238.27" cy="409.58" r="27.97" />
            <circle cx="326.02" cy="409.58" r="27.97" />
            <circle cx="413.76" cy="409.58" r="27.97" />
            <circle cx="62.78" cy="497.32" r="27.97" />
            <circle cx="150.52" cy="497.32" r="27.97" />
            <circle cx="238.27" cy="497.32" r="27.97" />
            <circle cx="326.02" cy="497.32" r="27.97" />
            <circle cx="413.76" cy="497.32" r="27.97" />
          </g>
        </svg>
      </div>
    </div>

    <!-- Nav -->
    <header id="site-header" class="site-nav"></header>

    <!-- Hero -->
    <section class="hero">
      <div class="hero-grid" aria-hidden="true"></div>
      <div class="wrap hero-inner">
        <div class="hero-copy">
          <h1 class="hero-title"><em>404</em></h1>
          <p class="hero-text">
            Oops! Page Not Found.
          </p>
          <p class="hero-text">
            The link you followed might be broken, or the page may have been removed.
          </p>
        </div>

        <div class="hero-figure">
          <img
            src="/assets/img/404_sad_batman.png"
            alt="404 illustration"
            class="hero-logo"
          />
        </div>
      </div>
    </section>

    <footer id="site-footer" class="site-footer"></footer>

  </body>
</html>