-
Notifications
You must be signed in to change notification settings - Fork 0
/
404.html
39 lines (28 loc) · 2.25 KB
/
404.html
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
<!DOCTYPE html>
<html style="width: 100%; height: 100%;" lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Page Not Found</title>
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="var.css">
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="font.css">
<link rel="stylesheet" href="button.css">
<link rel="icon" href="resources\assets\logo\favicon.png">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Baloo+Bhai+2:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500;700&display=swap" rel="stylesheet">
</head>
<body style="overflow:hidden; width: 100%; height: 100%; background: rgb(52,0,23); background: linear-gradient(0deg, rgba(52,0,23,1) 0%, rgba(71,0,31,1) 100%);">
<div style="overflow:hidden ; display:flex; flex-flow: column; width: 100%; height: 100%; justify-content: center; align-items: center;">
<h1 style="font-size: 8vh; text-shadow: 0px 0px 15px #0007; margin: 0; font-weight: 700; z-index: 1; font-family: 'Roboto Slab';">Page Not Found.</h1>
<h2 style="font-size: 2vh; text-shadow: 0px 0px 15px #0007; font-weight: 300; z-index: 1; margin-bottom: 1vh;">Sorry the page you're looking for isn't available.</h2>
<form><button formaction="index.html" class="btn danger" style="z-index: 1; font-size: 2vh; padding: 1vh 1vh; border-radius: 1vh; border: 0.2vh solid var(--danger);">Go back to safety</button></form>
<img src="resources/assets/logo/7Sevens.svg" style="filter:contrast(35%) brightness(90%);width: 115vw; height: 115vw; margin: 0; align-self: center; transform: rotate(5deg); position: absolute; z-index: -2; user-select: none; mix-blend-mode: overlay; ">
<h1 style="color: #fff4; font-size: 70vw; margin: 0; text-align: center; transform: rotate(15deg); position: absolute; z-index: -1; user-select: none;">404</h1>
</div>
</body>
</html>