-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy path404.html
More file actions
284 lines (259 loc) · 18.2 KB
/
404.html
File metadata and controls
284 lines (259 loc) · 18.2 KB
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
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
<!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 | Tensoract</title>
<link rel="icon" href="favicon.ico"><link href="style.css" rel="stylesheet"></head>
<body
x-data="{ page: '404', 'darkMode': true, 'stickyMenu': false, 'navigationOpen': false, 'scrollTop': false }"
x-init="
darkMode = JSON.parse(localStorage.getItem('darkMode'));
$watch('darkMode', value => localStorage.setItem('darkMode', JSON.stringify(value)))"
:class="{'dark bg-black': darkMode === true}"
>
<!-- ===== Bg Lines Start ===== -->
<div class="fixed top-0 left-0 -z-10 flex h-full w-full items-center justify-around">
<span class="w-[1px] h-full bg-stroke dark:bg-strokedark flex animate-line1"></span>
<span class="w-[1px] h-full bg-stroke dark:bg-strokedark flex animate-line2"></span>
<span class="w-[1px] h-full bg-stroke dark:bg-strokedark flex animate-line3"></span>
</div>
<!-- ===== Bg Lines End ===== -->
<!-- ===== Header Start ===== -->
<header
class="fixed left-0 top-0 w-full z-99999 py-7"
:class="{ 'bg-white dark:bg-black shadow !py-4 transition duration-100' : stickyMenu }"
@scroll.window="stickyMenu = (window.pageYOffset > 20) ? true : false"
>
<div class="mx-auto max-w-c-1390 px-4 md:px-8 2xl:px-0 lg:flex items-center justify-between relative">
<div class="w-full lg:w-1/4 flex items-center justify-between">
<a href="index.html">
<img class="dark:hidden" src="images/logo-light.svg" alt="Logo Light" />
<img class="hidden dark:block" src="images/logo-dark.svg" alt="Logo Dark" />
</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="block absolute w-full h-full">
<span class="block relative top-0 left-0 bg-black dark: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-black dark: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-black dark: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="block absolute w-full h-full rotate-45">
<span class="block bg-black dark: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-black dark: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-white dark:bg-blacksection shadow-solid-5 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-10">
<li><a href="index.html" class="hover:text-primary" class="hover:text-primary">Trang chủ</a></li>
<li><a href="index.html#projects" class="hover:text-primary">Dự án</a></li>
<li><a href="ttp.html" class="hover:text-primary">Chương trình đào tạo</a></li>
<li><a href="index.html#contact" class="hover:text-primary">Liên hệ</a></li>
<li><a href="index.html#about" class="hover:text-primary">Về chúng tôi</a></li>
</ul>
</nav>
<div class="flex items-center gap-6 mt-7 lg:mt-0">
<div class="mr-1.5 absolute lg:static top-1 right-17" :class="navigationOpen ? '!visible' : '!visible'">
<label class="block m-0 relative">
<input type="checkbox" :value="darkMode" @change="darkMode = !darkMode" class="cursor-pointer w-full h-full opacity-0 absolute top-0 z-50 m-0" />
<img class="dark:hidden" src="images/icon-sun.svg" alt="Sun" />
<img class="hidden dark:block" src="images/icon-moon.svg" alt="Moon" />
</label>
</div>
</div>
</div>
</div>
</header>
<!-- ===== Header End ===== -->
<main>
<!-- ===== 404 Start ===== -->
<section class="pt-45 lg:pt-50 xl:pt-55 pb-25 lg:pb-32.5 xl:pb-37.5 overflow-hidden">
<div class="animate_top mx-auto max-w-[518px] text-center">
<img src="images/404.svg" alt="404" class="mx-auto mb-7.5" />
<h2 class="font-semibold text-2xl md:text-4xl text-black dark:text-white mb-5">Trang không tồn tại</h2>
<p class="mb-7.5">Trang này đã bị xoá hoặc chưa từng được tạo.</p>
<a href="index.html"><button class="inline-flex items-center gap-2.5 bg-black dark:bg-btndark hover:bg-blackho ease-in-out duration-300 font-medium text-white rounded-full px-6 py-3">
Về trang chủ
<svg class="fill-white" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.4767 6.16664L6.00668 1.69664L7.18501 0.518311L13.6667 6.99998L7.18501 13.4816L6.00668 12.3033L10.4767 7.83331H0.333344V6.16664H10.4767Z" fill="" />
</svg>
</button></a>
</div>
</section>
<!-- ===== 404 End ===== -->
</main>
<!-- ===== Footer Start ===== -->
<footer id="about" class="bg-white dark:bg-blacksection border-t border-stroke dark:border-strokedark">
<div class="mx-auto max-w-c-1390 px-4 md:px-8 2xl:px-0">
<!-- Footer Top -->
<div class="py-20 lg:py-25">
<div class="flex flex-wrap lg:justify-between gap-8 lg:gap-0">
<div class="animate_top w-1/2 lg:w-1/4">
<a href="index.html">
<img src="images/logo-light.svg" alt="Logo" class="dark:hidden" />
<img src="images/logo-dark.svg" alt="Logo" class="hidden dark:block" />
</a>
<p class="mt-5 mb-10">Cung cấp giải pháp Trí tuệ nhân tạo trong thương mại điện tử.</p>
<p class="uppercase tracking-[5px] text-sectiontitle mb-1.5">liên hệ</p>
<a href="mailto: contact@tensoract.io" class="text-black dark:text-white font-medium text-itemtitle">contact@tensoract.io</a>
</div>
<div class="w-full lg:w-2/3 xl:w-7/12 flex flex-col md:flex-row md:justify-between gap-8 md:gap-0">
<div class="animate_top">
<h4 class="font-medium text-black dark:text-white text-itemtitle2 mb-9">Liên kết</h4>
<ul>
<li><a href="#" class="inline-block hover:text-primary mb-3">Trang chủ</a></li>
<li><a href="#product" class="inline-block hover:text-primary mb-3">Sản phẩm</a></li>
</ul>
</div>
<div class="animate_top">
<h4 class="font-medium text-black dark:text-white text-itemtitle2 mb-9">Hỗ trợ</h4>
<ul>
<li><a href="mailto: hr@tensoract.io" class="inline-block hover:text-primary mb-3">Tuyển dụng</a></li>
<li><a href="https://masothue.com/0318094641-cong-ty-tnhh-thuong-mai-dich-vu-va-cong-nghe-tensoract" class="inline-block hover:text-primary mb-3">Doanh nghiệp</a></li>
<li><a href="#contact" class="inline-block hover:text-primary mb-3">Liên hệ chúng tôi</a></li>
</ul>
</div>
<div class="animate_top">
<h4 class="font-medium text-black dark:text-white text-itemtitle2 mb-9">Nhận thông tin</h4>
<p class="mb-4 w-[90%]">Theo dõi chúng tôi để nhận thông tin mới nhất</p>
<div>
<div class="relative">
<input
id="email-footer"
type="email"
placeholder="Địa chỉ mail"
name="text_input_4768F148-66E7-4BCF-A8CA-1C6C74E7E4E5"
value=""
required=""
class="email w-full dark:bg-black border border-stroke dark:border-strokedark shadow-solid-11 dark:shadow-none rounded-full focus:outline-none focus:border-primary dark:focus:border-primary py-3 px-6"
/>
<button onclick="submitMail()" class="absolute right-0 p-4 bottom-[0.00001px]">
<svg class="fill-[#757693] dark:fill-white hover:fill-primary" width="18" height="18" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_48_1487)">
<path
d="M3.1175 1.17318L18.5025 9.63484C18.5678 9.67081 18.6223 9.72365 18.6602 9.78786C18.6982 9.85206 18.7182 9.92527 18.7182 9.99984C18.7182 10.0744 18.6982 10.1476 18.6602 10.2118C18.6223 10.276 18.5678 10.3289 18.5025 10.3648L3.1175 18.8265C3.05406 18.8614 2.98262 18.8792 2.91023 18.8781C2.83783 18.8769 2.76698 18.857 2.70465 18.8201C2.64232 18.7833 2.59066 18.7308 2.55478 18.6679C2.51889 18.6051 2.50001 18.5339 2.5 18.4615V1.53818C2.50001 1.46577 2.51889 1.39462 2.55478 1.33174C2.59066 1.26885 2.64232 1.2164 2.70465 1.17956C2.76698 1.14272 2.83783 1.12275 2.91023 1.12163C2.98262 1.12051 3.05406 1.13828 3.1175 1.17318ZM4.16667 10.8332V16.3473L15.7083 9.99984L4.16667 3.65234V9.16651H8.33333V10.8332H4.16667Z"
fill=""
/>
</g>
<defs>
<clipPath id="clip0_48_1487">
<rect width="20" height="20" fill="white" />
</clipPath>
</defs>
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Top -->
<!-- Footer Bottom -->
<div class="border-t border-stroke dark:border-strokedark flex flex-wrap flex-col lg:flex-row items-center justify-center lg:justify-between gap-5 lg:gap-0 py-7">
<div class="animate_top">
<ul class="flex items-center gap-8">
<li><a href="/index-en.html" class="hover:text-primary">English</a></li>
<li><a href="#" class="hover:text-primary">Điều khoản</a></li>
<li><a href="#" class="hover:text-primary">Liên hệ</a></li>
</ul>
</div>
<div class="animate_top">
<p>© 2023 Tensoract</p>
</div>
<div class="animate_top">
<ul class="flex items-center gap-5">
<li>
<a href="https://www.facebook.com/tensoract">
<svg class="fill-[#D1D8E0] hover:fill-primary transition-all duration-300" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_48_1499)">
<path d="M14 13.5H16.5L17.5 9.5H14V7.5C14 6.47 14 5.5 16 5.5H17.5V2.14C17.174 2.097 15.943 2 14.643 2C11.928 2 10 3.657 10 6.7V9.5H7V13.5H10V22H14V13.5Z" fill="" />
</g>
<defs>
<clipPath id="clip0_48_1499">
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
</svg>
</a>
</li>
<!-- <li>
<a href="#">
<svg class="fill-[#D1D8E0] hover:fill-primary transition-all duration-300" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_48_1502)">
<path
d="M22.162 5.65593C21.3985 5.99362 20.589 6.2154 19.76 6.31393C20.6337 5.79136 21.2877 4.96894 21.6 3.99993C20.78 4.48793 19.881 4.82993 18.944 5.01493C18.3146 4.34151 17.4803 3.89489 16.5709 3.74451C15.6615 3.59413 14.7279 3.74842 13.9153 4.18338C13.1026 4.61834 12.4564 5.30961 12.0771 6.14972C11.6978 6.98983 11.6067 7.93171 11.818 8.82893C10.1551 8.74558 8.52832 8.31345 7.04328 7.56059C5.55823 6.80773 4.24812 5.75098 3.19799 4.45893C2.82628 5.09738 2.63095 5.82315 2.63199 6.56193C2.63199 8.01193 3.36999 9.29293 4.49199 10.0429C3.828 10.022 3.17862 9.84271 2.59799 9.51993V9.57193C2.59819 10.5376 2.93236 11.4735 3.54384 12.221C4.15532 12.9684 5.00647 13.4814 5.95299 13.6729C5.33661 13.84 4.6903 13.8646 4.06299 13.7449C4.32986 14.5762 4.85 15.3031 5.55058 15.824C6.25117 16.345 7.09712 16.6337 7.96999 16.6499C7.10247 17.3313 6.10917 17.8349 5.04687 18.1321C3.98458 18.4293 2.87412 18.5142 1.77899 18.3819C3.69069 19.6114 5.91609 20.2641 8.18899 20.2619C15.882 20.2619 20.089 13.8889 20.089 8.36193C20.089 8.18193 20.084 7.99993 20.076 7.82193C20.8949 7.2301 21.6016 6.49695 22.163 5.65693L22.162 5.65593Z"
fill=""
/>
</g>
<defs>
<clipPath id="clip0_48_1502">
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
</svg>
</a>
</li> -->
<li class="lg:pr-15 2xl:pr-0">
<a href="https://www.linkedin.com/company/tensoractio" target="_blank">
<svg class="fill-[#D1D8E0] hover:fill-primary transition-all duration-300" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_48_1505)">
<path
d="M6.94 5.00002C6.93974 5.53046 6.72877 6.03906 6.35351 6.41394C5.97825 6.78883 5.46944 6.99929 4.939 6.99902C4.40857 6.99876 3.89997 6.78779 3.52508 6.41253C3.1502 6.03727 2.93974 5.52846 2.94 4.99802C2.94027 4.46759 3.15124 3.95899 3.5265 3.5841C3.90176 3.20922 4.41057 2.99876 4.941 2.99902C5.47144 2.99929 5.98004 3.21026 6.35492 3.58552C6.72981 3.96078 6.94027 4.46959 6.94 5.00002ZM7 8.48002H3V21H7V8.48002ZM13.32 8.48002H9.34V21H13.28V14.43C13.28 10.77 18.05 10.43 18.05 14.43V21H22V13.07C22 6.90002 14.94 7.13002 13.28 10.16L13.32 8.48002Z"
fill=""
/>
</g>
<defs>
<clipPath id="clip0_48_1505">
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
</svg>
</a>
</li>
<!-- <li>
<a href="https://www.linkedin.com/company/tensoractio" target="_blank">
<svg class="fill-[#D1D8E0] hover:fill-primary transition-all duration-300" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_48_1508)">
<path
d="M7.443 5.3501C8.082 5.3501 8.673 5.4001 9.213 5.5481C9.70301 5.63814 10.1708 5.82293 10.59 6.0921C10.984 6.3391 11.279 6.6861 11.475 7.1311C11.672 7.5761 11.77 8.1211 11.77 8.7141C11.77 9.4071 11.623 10.0001 11.279 10.4451C10.984 10.8911 10.492 11.2861 9.902 11.5831C10.738 11.8311 11.377 12.2761 11.77 12.8691C12.164 13.4631 12.41 14.2051 12.41 15.0461C12.41 15.7391 12.262 16.3321 12.016 16.8271C11.77 17.3221 11.377 17.7671 10.934 18.0641C10.4528 18.3825 9.92084 18.6165 9.361 18.7561C8.771 18.9051 8.181 19.0041 7.591 19.0041H1V5.3501H7.443ZM7.049 10.8901C7.59 10.8901 8.033 10.7421 8.377 10.4951C8.721 10.2481 8.869 9.8021 8.869 9.2581C8.869 8.9611 8.819 8.6641 8.721 8.4671C8.623 8.2691 8.475 8.1201 8.279 7.9721C8.082 7.8731 7.885 7.7741 7.639 7.7251C7.393 7.6751 7.148 7.6751 6.852 7.6751H4V10.8911H7.05L7.049 10.8901ZM7.197 16.7281C7.492 16.7281 7.787 16.6781 8.033 16.6291C8.28138 16.5819 8.51628 16.4805 8.721 16.3321C8.92139 16.1873 9.08903 16.002 9.213 15.7881C9.311 15.5411 9.41 15.2441 9.41 14.8981C9.41 14.2051 9.213 13.7101 8.82 13.3641C8.426 13.0671 7.885 12.9191 7.246 12.9191H4V16.7291H7.197V16.7281ZM16.689 16.6781C17.082 17.0741 17.672 17.2721 18.459 17.2721C19 17.2721 19.492 17.1241 19.885 16.8771C20.279 16.5801 20.525 16.2831 20.623 15.9861H23.033C22.639 17.1731 22.049 18.0141 21.263 18.5581C20.475 19.0531 19.541 19.3501 18.41 19.3501C17.6864 19.3523 16.9688 19.2179 16.295 18.9541C15.6887 18.7266 15.148 18.3529 14.721 17.8661C14.2643 17.4107 13.9267 16.8498 13.738 16.2331C13.492 15.5901 13.393 14.8981 13.393 14.1061C13.393 13.3641 13.492 12.6721 13.738 12.0281C13.9745 11.4082 14.3245 10.8378 14.77 10.3461C15.213 9.9011 15.754 9.5061 16.344 9.2581C17.0007 8.99416 17.7022 8.85969 18.41 8.8621C19.246 8.8621 19.984 9.0111 20.623 9.3571C21.263 9.7031 21.754 10.0991 22.148 10.6931C22.5499 11.2636 22.8494 11.8998 23.033 12.5731C23.131 13.2651 23.18 13.9581 23.131 14.7491H16C16 15.5411 16.295 16.2831 16.689 16.6791V16.6781ZM19.787 11.4841C19.443 11.1381 18.902 10.9401 18.262 10.9401C17.82 10.9401 17.475 11.0391 17.18 11.1871C16.885 11.3361 16.689 11.5341 16.492 11.7321C16.311 11.9234 16.1912 12.1643 16.148 12.4241C16.098 12.6721 16.049 12.8691 16.049 13.0671H20.475C20.377 12.3251 20.131 11.8311 19.787 11.4841V11.4841ZM15.459 6.2901H20.967V7.6261H15.46V6.2901H15.459Z"
/>
</g>
<defs>
<clipPath id="clip0_48_1508">
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
</svg>
</a>
</li> -->
</ul>
</div>
</div>
<!-- Footer Bottom -->
</div>
</footer>
<!-- ===== Footer End ===== -->
<!-- ====== Back To Top Start ===== -->
<button
class="hidden items-center justify-center w-10 h-10 rounded-[4px] shadow-solid-5 bg-primary hover:bg-primaryho 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>