1- <!DOCTYPE html>
2- < html lang ="en ">
3- < head >
4- < meta charset ="UTF-8 ">
5- < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6- < meta http-equiv ="X-UA-Compatible " content ="ie=edge ">
7- < title > Page Not Found</ title >
8- < style >
9- * {
10- margin : 0 ;
11- padding : 0 ;
12- }
13- body {
14- display : flex;
15- flex-direction : column;
16- height : 100vh ;
17- text-align : center;
18- }
19- .box {
20- flex : 1 ;
21- display : flex;
22- justify-content : center;
23- flex-direction : column;
24- }
25- .number {
26- font-size : 80px ;
27- color : # 666 ;
28- font-weight : bold;
29- }
30- .text {
31- font-size : 14px ;
32- margin : 24px ;
33- color : # 333 ;
34- }
35- .btn-container {
36- display : flex;
37- justify-content : center;
38- }
39- .btn {
40- padding : 8px 24px ;
41- display : inline-block;
42- text-decoration : none;
43- background : # fff ;
44- border : 2px solid # efefef ;
45- color : # 333 ;
46- margin : 24px ;
47- border-radius : 20px ;
48- cursor : pointer;
49- display : flex;
50- align-items : center;
51- }
52- .footer {
53- padding : 16px ;
54- border-top : 1px solid # efefef ;
55- color : # 777 ;
56- font-weight : lighter;
57- }
58- .footer a {
59- text-decoration : none;
60- font-weight : bold;
61- color : # 000 ;
62- }
63- </ style >
64- </ head >
65- < body >
66- < div class ="box ">
67- < div class ="number "> 4 0 4</ div >
68- < div class ="text ">
69- Page not found
70- </ div >
71- < div class ="btn-container ">
72- < a class ="btn " id ="back ">
73- < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 24 24 " width ="16 " height ="16 " style ="margin-right: 8px; ">
74- < path fill ="none " d ="M0 0h24v24H0z "/>
75- < path d ="M5.828 7l2.536 2.536L6.95 10.95 2 6l4.95-4.95 1.414 1.414L5.828 5H13a8 8 0 1 1 0 16H4v-2h9a6 6 0 1 0 0-12H5.828z "/>
76- </ svg >
77- Back
78- </ a >
79- </ div >
80- </ div >
81- < footer class ="footer ">
82- Powered by < a href ="https://gridea.dev " target ="_blank "> Gridea</ a >
83- </ footer >
84- < script >
85- var back = document . getElementById ( 'back' )
86- back . onclick = function ( ) { console . log ( 'run...' ) ; history . back ( ) }
87- </ script >
88- </ body >
1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+ < head >
4+ < meta charset ="UTF-8 ">
5+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6+ < meta http-equiv ="X-UA-Compatible " content ="ie=edge ">
7+ < title > Page Not Found</ title >
8+ < style >
9+ * {
10+ margin : 0 ;
11+ padding : 0 ;
12+ }
13+ body {
14+ display : flex;
15+ flex-direction : column;
16+ height : 100vh ;
17+ text-align : center;
18+ }
19+ .box {
20+ flex : 1 ;
21+ display : flex;
22+ justify-content : center;
23+ flex-direction : column;
24+ }
25+ .number {
26+ font-size : 80px ;
27+ color : # 666 ;
28+ font-weight : bold;
29+ }
30+ .text {
31+ font-size : 14px ;
32+ margin : 24px ;
33+ color : # 333 ;
34+ }
35+ .btn-container {
36+ display : flex;
37+ justify-content : center;
38+ }
39+ .btn {
40+ padding : 8px 24px ;
41+ display : inline-block;
42+ text-decoration : none;
43+ background : # fff ;
44+ border : 2px solid # efefef ;
45+ color : # 333 ;
46+ margin : 24px ;
47+ border-radius : 20px ;
48+ cursor : pointer;
49+ display : flex;
50+ align-items : center;
51+ }
52+ .footer {
53+ padding : 16px ;
54+ border-top : 1px solid # efefef ;
55+ color : # 777 ;
56+ font-weight : lighter;
57+ }
58+ .footer a {
59+ text-decoration : none;
60+ font-weight : bold;
61+ color : # 000 ;
62+ }
63+ </ style >
64+ </ head >
65+ < body >
66+ < div class ="box ">
67+ < div class ="number "> 4 0 4</ div >
68+ < div class ="text ">
69+ Page not found
70+ </ div >
71+ < div class ="btn-container ">
72+ < a class ="btn " id ="back ">
73+ < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 24 24 " width ="16 " height ="16 " style ="margin-right: 8px; ">
74+ < path fill ="none " d ="M0 0h24v24H0z "/>
75+ < path d ="M5.828 7l2.536 2.536L6.95 10.95 2 6l4.95-4.95 1.414 1.414L5.828 5H13a8 8 0 1 1 0 16H4v-2h9a6 6 0 1 0 0-12H5.828z "/>
76+ </ svg >
77+ Back
78+ </ a >
79+ </ div >
80+ </ div >
81+ < footer class ="footer ">
82+ Powered by < a href ="https://gridea.dev " target ="_blank "> Gridea</ a >
83+ </ footer >
84+ < script >
85+ var back = document . getElementById ( 'back' )
86+ back . onclick = function ( ) { console . log ( 'run...' ) ; history . back ( ) }
87+ </ script >
88+ </ body >
8989</ html >
0 commit comments