-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path404.html
234 lines (215 loc) · 11.8 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
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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
<!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>404 | AI Tool - Tailwind CSS Template for AI Tools</title>
<link rel="icon" href="favicon.ico"><link href="style.css" rel="stylesheet"></head>
<body x-data="{ page: '404', 'loaded': true, 'stickyMenu': false, 'navigationOpen': false, 'scrollTop': false }">
<!-- ===== Header Start ===== -->
<header class="fixed left-0 top-0 w-full z-9999 py-7 lg:py-0"
:class="{ 'bg-dark/70 backdrop-blur-lg shadow !py-4 lg:!py-0 transition duration-100 before:absolute before:w-full before:h-[1px] before:bottom-0 before:left-0 before:features-row-border' : stickyMenu }"
@scroll.window="stickyMenu = (window.scrollY > 0) ? true : false">
<div class="max-w-[1170px] mx-auto px-4 sm:px-8 xl:px-0 lg:flex items-center justify-between relative">
<div class="w-full lg:w-1/4 flex items-center justify-between">
<a href="https://osjobs.net/en/" class="flex items-center">
<img src="images/logo.svg" alt="Logo" style="width: 14%; height: auto;" />
<p class="ml-2 text-lg font-bold">
Overseas Rabbit
</p>
</a>
<!-- Hamburger Toggle BTN -->
<button class="lg:hidden block" @click="navigationOpen = !navigationOpen">
<span class="block relative cursor-pointer w-5.5 h-5.5">
<span class="du-block absolute right-0 w-full h-full">
<span
class="block relative top-0 left-0 bg-white rounded-sm w-0 h-0.5 my-1 ease-in-out duration-200 delay-[0]"
:class="{ '!w-full delay-300': !navigationOpen }"></span>
<span
class="block relative top-0 left-0 bg-white rounded-sm w-0 h-0.5 my-1 ease-in-out duration-200 delay-150"
:class="{ '!w-full delay-400': !navigationOpen }"></span>
<span
class="block relative top-0 left-0 bg-white rounded-sm w-0 h-0.5 my-1 ease-in-out duration-200 delay-200"
:class="{ '!w-full delay-500': !navigationOpen }"></span>
</span>
<span class="du-block absolute right-0 w-full h-full rotate-45">
<span
class="block bg-white rounded-sm ease-in-out duration-200 delay-300 absolute left-2.5 top-0 w-0.5 h-full"
:class="{ '!h-0 delay-[0]': !navigationOpen }"></span>
<span
class="block bg-white rounded-sm ease-in-out duration-200 delay-400 absolute left-0 top-2.5 w-full h-0.5"
:class="{ '!h-0 dealy-200': !navigationOpen }"></span>
</span>
</span>
</button>
<!-- Hamburger Toggle BTN -->
</div>
<div class="w-full lg:w-3/4 h-0 lg:h-auto invisible lg:visible lg:flex items-center justify-between"
:class="{ '!visible bg-dark shadow-lgrelative !h-auto max-h-[400px] overflow-y-scroll rounded-md mt-4 p-7.5': navigationOpen }">
<nav>
<ul class="flex lg:items-center flex-col lg:flex-row gap-5 lg:gap-2">
<li class="nav__menu lg:py-7" :class="{ 'lg:!py-4' : stickyMenu }">
<a href="/#home"
class="relative text-white/80 text-sm py-1.5 px-4 border border-transparent hover:text-white hover:nav-gradient"
:class="{'!text-white nav-gradient' :page === 'home'}">Home</a>
</li>
<li class="nav__menu lg:py-7" :class="{ 'lg:!py-4' : stickyMenu }">
<a href="/#features"
class="relative text-white/80 text-sm py-1.5 px-4 border border-transparent hover:text-white hover:nav-gradient">Features</a>
</li>
<li class="nav__menu lg:py-7" :class="{ 'lg:!py-4' : stickyMenu }">
<a href="/#coaches"
class="relative text-white/80 text-sm py-1.5 px-4 border border-transparent hover:text-white hover:nav-gradient">Our Coaches</a>
</li>
<li class="nav__menu lg:py-7" :class="{ 'lg:!py-4' : stickyMenu }">
<a href="/#pricing"
class="relative text-white/80 text-sm py-1.5 px-4 border border-transparent hover:text-white hover:nav-gradient">Pricing</a>
</li>
<li class="nav__menu lg:py-7" :class="{ 'lg:!py-4' : stickyMenu }">
<a href="mailto:[email protected]?subject=Hello"
class="relative text-white/80 text-sm py-1.5 px-4 border border-transparent hover:text-white hover:nav-gradient">Contact Us</a>
</li>
</ul>
</nav>
</div>
</div>
</header>
<!-- ===== Header End ===== -->
<main>
<!-- ===== Breadcrumb Section Start ===== -->
<section class="relative z-10 pt-30 lg:pt-35 xl:pt-40 pb-18">
<!-- bg shapes -->
<div class="absolute top-25 left-0 w-full flex flex-col gap-3 -z-1 opacity-50">
<div class="w-full h-[1.24px] footer-bg-gradient"></div>
<div class="w-full h-[2.47px] footer-bg-gradient"></div>
<div class="w-full h-[3.71px] footer-bg-gradient"></div>
<div class="w-full h-[4.99px] footer-bg-gradient"></div>
<div class="w-full h-[6.19px] footer-bg-gradient"></div>
<div class="w-full h-[7.42px] footer-bg-gradient"></div>
<div class="w-full h-[8.66px] footer-bg-gradient"></div>
<div class="w-full h-[9.90px] footer-bg-gradient"></div>
<div class="w-full h-[13px] footer-bg-gradient"></div>
</div>
<div class="absolute bottom-0 left-0 w-full h-24 bg-gradient-to-b from-dark/0 to-dark -z-1">
</div>
<div class="text-center px-4">
<h1 class="font-extrabold text-heading-2 text-white mb-5.5">
Error Page
</h1>
<ul class="flex items-center justify-center gap-2">
<li class="font-medium"><a href="index.html">Home</a></li>
<li class="font-medium">/ Error Page</li>
</ul>
</div>
</section>
<!-- ===== Breadcrumb Section End ===== -->
<!-- ===== 404 Start ===== -->
<section class="pt-17.5 lg:pt-22.5 xl:pt-27.5 pb-20 lg:pb-25 xl:pb-30 2xl:pb-[150px]">
<div class="wow fadeInUp mx-auto w-full max-w-[597px] text-center px-4 sm:px-8 lg:px-0" data-wow-delay="0.1s">
<img src="images/404.svg" alt="404" class="mx-auto mb-12.5" />
<h2 class="mb-5.5 text-heading-3 font-bold text-white">
Oops! Page Not Found.
</h2>
<p class="font-medium mb-9">
The page you are looking for is not available or has been moved. Try
a different page or go to homepage with the button below.
</p>
<a href="index.html"
class="hero-button-gradient inline-flex rounded-lg py-3 px-7 text-white font-medium ease-in duration-300 hover:opacity-80">
Go To Home
</a>
</div>
</section>
<!-- ===== 404 End ===== -->
</main>
<!-- ===== Footer Start ===== -->
<!-- ====== Footer Section Start -->
<footer class="relative z-10 pb-17.5 lg:pb-22.5 xl:pb-27.5">
<!-- bg shapes -->
<div class="absolute bottom-0 left-0 w-full flex flex-col gap-3 -z-1 opacity-50">
<div class="w-full h-[1.24px] footer-bg-gradient"></div>
<div class="w-full h-[2.47px] footer-bg-gradient"></div>
<div class="w-full h-[3.71px] footer-bg-gradient"></div>
<div class="w-full h-[4.99px] footer-bg-gradient"></div>
<div class="w-full h-[6.19px] footer-bg-gradient"></div>
<div class="w-full h-[7.42px] footer-bg-gradient"></div>
<div class="w-full h-[8.66px] footer-bg-gradient"></div>
<div class="w-full h-[9.90px] footer-bg-gradient"></div>
<div class="w-full h-[13px] footer-bg-gradient"></div>
</div>
<div class="max-w-[1170px] mx-auto px-4 sm:px-8 xl:px-0 relative pt-17.5">
<div class="w-full h-[1px] footer-divider-gradient absolute top-0 left-0"></div>
<div class="flex flex-wrap justify-between">
<div class="mb-10 max-w-[571px] w-full">
<a class="mb-8.5 inline-block" href="index.html">
<img src="images/logo.svg" alt="Logo" />
</a>
<p class="mb-12 xl:w-4/5">
Enjoyable and Effective Preparation for Tech Interviews
</p>
<div class="flex items-center gap-5">
<a href="https://github.com/Education-Victory" class="hover:text-white ease-in duration-300">
<svg class="fill-current" width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_368_11839)">
<path
d="M12 0.674805C5.625 0.674805 0.375 5.8498 0.375 12.2998C0.375 17.3998 3.7125 21.7498 8.3625 23.3248C8.9625 23.4373 9.15 23.0623 9.15 22.7998C9.15 22.5373 9.15 21.7873 9.1125 20.7748C5.8875 21.5248 5.2125 19.1998 5.2125 19.1998C4.6875 17.8873 3.9 17.5123 3.9 17.5123C2.85 16.7623 3.9375 16.7623 3.9375 16.7623C5.1 16.7998 5.7375 17.9623 5.7375 17.9623C6.75 19.7623 8.475 19.2373 9.1125 18.8998C9.225 18.1498 9.525 17.6248 9.8625 17.3248C7.3125 17.0623 4.575 16.0498 4.575 11.6248C4.575 10.3498 5.0625 9.3373 5.775 8.5498C5.6625 8.2873 5.25 7.0873 5.8875 5.4748C5.8875 5.4748 6.9 5.1748 9.1125 6.6748C10.05 6.4123 11.025 6.2623 12.0375 6.2623C13.05 6.2623 14.0625 6.3748 14.9625 6.6748C17.175 5.2123 18.15 5.4748 18.15 5.4748C18.7875 7.0498 18.4125 8.2873 18.2625 8.5498C19.0125 9.3373 19.4625 10.3873 19.4625 11.6248C19.4625 16.0498 16.725 17.0623 14.175 17.3248C14.5875 17.6998 14.9625 18.4498 14.9625 19.4998C14.9625 21.0748 14.925 22.3123 14.925 22.6873C14.925 22.9873 15.15 23.3248 15.7125 23.2123C20.2875 21.6748 23.625 17.3623 23.625 12.2248C23.5875 5.8498 18.375 0.674805 12 0.674805Z"
fill="" />
</g>
<defs>
<clipPath id="clip0_368_11839">
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
</svg>
</a>
</div>
<p class="font-medium mt-5.5">
Education Victory, LLC. All rights reserved.
</p>
</div>
<div class="max-w-[571px] w-full">
<div class="flex flex-col sm:flex-row sm:justify-between gap-10">
<div>
<h5 class="font-semibold text-white mb-5">Products</h5>
<ul class="flex flex-col gap-3.5">
<li>
<a href="https://ai-coach-ev.streamlit.app/" class="font-medium ease-in duration-300 hover:text-white">AI Coach: Resume customization</a>
</li>
<li>
<a href="https://prompt.osjobs.net/" class="font-medium ease-in duration-300 hover:text-white">Promptio</a>
</li>
<li>
<a href="https://whisper-webui.streamlit.app//" class="font-medium ease-in duration-300 hover:text-white">Whisper WebUI</a>
</li>
</ul>
</div>
<div>
<h5 class="font-semibold text-white mb-5">Company</h5>
<ul class="flex flex-col gap-3.5">
<li>
<a href="mailto:[email protected]?subject=Hello" class="font-medium ease-in duration-300 hover:text-white">Support</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- ====== Footer Section End -->
<!-- ===== Footer End ===== -->
<!-- ====== Back To Top Start ===== -->
<button
class="hidden items-center justify-center w-10 h-10 rounded-[4px] shadow-solid-5 bg-purple hover:opacity-70 fixed bottom-8 right-8 z-999"
@click="window.scrollTo({top: 0, behavior: 'smooth'})"
@scroll.window="scrollTop = (window.pageYOffset > 50) ? true : false" :class="{ '!flex' : scrollTop }">
<svg class="fill-white w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z" />
</svg>
</button>
<!-- ====== Back To Top End ===== -->
<script defer src="bundle.js"></script></body>
</html>