-
-
Notifications
You must be signed in to change notification settings - Fork 120
/
error3.html
50 lines (46 loc) · 2.89 KB
/
error3.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
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html 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>Error 404 Code 3</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-[#6955f9] flex justify-between items-center min-h-screen relative overflow-hidden">
<div class="w-40 h-20 rounded-full absolute bg-[#6955f9] border-8 border-white opacity-25 -top-10 -left-10"></div>
<div class="w-40 h-20 rounded-full absolute bg-[#6955f9] border-8 border-white opacity-25 -bottom-10 -right-10">
</div>
<div class="w-40 h-40 rounded-full absolute bg-[#6955f9] border-8 border-white opacity-25 top-10 left-40"></div>
<div
class="w-40 h-40 rounded-r-full animate-spin absolute bg-[#6955f9] border-r-8 border-white opacity-25 top-10 left-40">
</div>
<div class="w-10 h-10 rounded-full absolute bg-[#6955f9] border-8 border-white opacity-25 top-40 left-80"></div>
<div
class="w-10 h-10 rounded-full absolute bg-white border-r-8 animate-spin border-white opacity-25 top-40 left-80">
</div>
<div class="w-10 h-10 rounded-full absolute bg-[#6955f9] border-8 border-white opacity-25 bottom-40 right-80"></div>
<div class="w-10 h-10 rounded-full absolute bg-[#6955f9] border-8 border-white opacity-25 bottom-40 right-80"></div>
<div class="w-30 h-30 rounded-full absolute bg-[#6955f9] border-8 border-white opacity-25 bottom-5 left-5"></div>
<div class="w-80 h-80 rounded-full absolute bg-[#6955f9] border-8 border-white opacity-25 -bottom-14 -left-16">
</div>
<div class="w-80 h-80 rounded-full absolute bg-[#6955f9] border-8 border-white opacity-25 -top-14 -right-16"></div>
<div
class="w-80 h-80 rounded-l-full animate-spin absolute bg-[#6955f9] border-l-8 border-white opacity-25 -top-14 -right-16">
</div>
<div class="w-40 h-40 rounded-full absolute bg-[#6955f9] border-8 border-white opacity-25 bottom-16 left-16"></div>
<div
class="w-40 h-40 rounded-full animate-spin absolute bg-white border-r-8 border-[#6955f9] opacity-25 bottom-16 left-16">
</div>
<div
class="bg-white w-4/5 md:w-2/3 xl:w-1/3 rounded-2xl shadow-xl flex items-center justify-center flex-col mx-auto p-10 pb-12 text-gray-500 text-center z-10 ">
<img class="w-2/3 " src="../img/error3.svg" alt="">
<h1 class="text-2xl font-mono font-bold">Oh no!</h1>
<p class="font-semibold font-sans">We're usually a treasure chest of knowledge, but we couldn't find what you're
looking for.</p>
<button
class="bg-[#6955f9] text-white font-bold font-mono mt-4 px-6 py-2 rounded-full transition-all ease-in-out duration-300 hover:bg-white hover:text-[#6955f9] border-2 border-[#6955f9]">Try
again</button>
</div>
</body>
</html>