forked from primefaces/primeflex
-
Notifications
You must be signed in to change notification settings - Fork 0
/
404.js
24 lines (22 loc) · 1.07 KB
/
404.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
import React from 'react';
const Custom404 = () => {
return (
<div className="card flex align-items-center justify-content-center sm:p-8">
<div className="flex flex-column align-items-center gap-5 pb-6">
<div className="flex flex-column sm:flex-row align-items-center justify-content-center gap-3 text-primary">
<span className="font-bold" style={{ fontSize: '144px', lineHeight: '108px' }}>
4
</span>
<div className="flex align-items-center justify-content-center bg-primary border-circle w-8rem h-8rem">
<i className="pi pi-prime text-7xl"></i>
</div>
<span className="font-bold" style={{ fontSize: '144px', lineHeight: '108px' }}>
4
</span>
</div>
<div className="font-bold text-900 text-center text-6xl border-top-1 surface-border pt-5">PAGE NOT FOUND</div>
</div>
</div>
);
};
export default Custom404;