Skip to content

Commit 7c25cbd

Browse files
ViggoZViggoZ
committed
404 page
1 parent 5b82278 commit 7c25cbd

File tree

2 files changed

+211
-82
lines changed

2 files changed

+211
-82
lines changed

‎404.html‎

100644100755
Lines changed: 201 additions & 73 deletions
Original file line numberDiff line numberDiff line change
@@ -1,81 +1,209 @@
11
<!DOCTYPE html>
22
<html lang="zh">
3-
<head>
4-
<meta charset="utf-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6-
7-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8-
<meta name="description" content="DesignStack" />
9-
<meta name="author" content="" />
10-
11-
<title>DesignStack</title>
12-
13-
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
14-
<link rel="stylesheet" href="assets/css/fonts/linecons/css/linecons.css">
15-
<link rel="stylesheet" href="assets/css/fonts/fontawesome/css/font-awesome.min.css">
16-
<link rel="stylesheet" href="assets/css/bootstrap.css">
17-
<link rel="stylesheet" href="assets/css/xenon-core.css">
18-
<link rel="stylesheet" href="assets/css/xenon-forms.css">
19-
<link rel="stylesheet" href="assets/css/xenon-components.css">
20-
<link rel="stylesheet" href="assets/css/xenon-skins.css">
21-
<link rel="stylesheet" href="assets/css/custom.css">
223

23-
<script src="assets/js/jquery-1.11.1.min.js"></script>
24-
25-
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
26-
<!--[if lt IE 9]>
27-
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
28-
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
29-
<![endif]-->
4+
<head>
5+
<meta charset="utf-8">
6+
<title>webstack - 404</title>
7+
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0" />
8+
<link rel="shortcut icon" href="./assets/images/favicon.png">
9+
<!-- Global site tag (gtag.js) - Google Analytics -->
10+
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-77253689-1"></script>
11+
<script>
12+
window.dataLayer = window.dataLayer || [];
3013

14+
function gtag() {
15+
dataLayer.push(arguments);
16+
}
17+
gtag('js', new Date());
3118

19+
gtag('config', 'UA-77253689-1');
20+
</script>
21+
<style>
22+
html,
23+
body {
24+
width: 100%;
25+
height: 100%
26+
}
27+
28+
a,
29+
a img,
30+
a:before,
31+
a:after {
32+
text-decoration: none;
33+
transition-duration: .25s
34+
}
35+
36+
section {
37+
display: block
38+
}
39+
40+
body {
41+
line-height: 1
42+
}
43+
44+
#about {
45+
width: 40%;
46+
position: absolute;
47+
top: 40%;
48+
left: 10%;
49+
z-index: 20;
50+
transform: translate(0, -50%);
51+
}
52+
53+
#about h1 {
54+
margin: 30px;
55+
}
56+
57+
#about p {
58+
margin: 30px;
59+
}
60+
61+
#about img {
62+
margin-left: 30px;
63+
}
64+
65+
#about .social {
66+
float: left;
67+
margin: 30px;
68+
}
69+
70+
#about .copyright {
71+
width: 100%;
72+
float: left;
73+
margin-bottom: 0px;
74+
}
75+
76+
@media (max-width: 768px) {
77+
#about {
78+
width: 100%;
79+
left: 0px;
80+
height: 100%;
81+
background-color: rgba(255, 255, 255, 0.85);
82+
}
83+
#about h1 {
84+
margin: 30px;
85+
}
86+
#about p {
87+
margin: 30px;
88+
}
89+
#about .social {
90+
margin: 30px;
91+
}
92+
#about .copyright {
93+
width: 100%;
94+
float: left;
95+
margin-bottom: 0px;
96+
}
97+
}
98+
99+
@media (max-width: 580px) {
100+
#about {
101+
width: 100%;
102+
left: 0px;
103+
height: 100%;
104+
background-color: rgba(255, 255, 255, 0.85);
105+
}
106+
#about h1 {
107+
margin: 30px;
108+
}
109+
#about p {
110+
margin: 30px;
111+
margin-bottom: 0px
112+
}
113+
#about .social {
114+
margin: 30px;
115+
margin-bottom: 0px
116+
}
117+
#about .copyright {
118+
width: 100%;
119+
float: left;
120+
margin-bottom: 0px;
121+
}
122+
}
123+
124+
.animated {
125+
animation-duration: 1s;
126+
animation-fill-mode: both
127+
}
128+
129+
.bounce-in {
130+
animation-name: bounce-in
131+
}
132+
133+
@keyframes bounce-in {
134+
from,
135+
60%,
136+
75%,
137+
90%,
138+
to {
139+
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
140+
}
141+
0% {
142+
opacity: 0;
143+
transform: translate3d(-3000px, -50%, 0)
144+
}
145+
60% {
146+
opacity: 1;
147+
transform: translate3d(25px, -50%, 0)
148+
}
149+
75% {
150+
transform: translate3d(-10px, -50%, 0)
151+
}
152+
90% {
153+
transform: translate3d(5px, -50%, 0)
154+
}
155+
to {
156+
transform: translate3d(0, -50%)
157+
}
158+
}
159+
160+
body {
161+
font-family: "Roboto", sans-serif;
162+
font-size: 16px;
163+
font-weight: 300;
164+
line-height: 1.75;
165+
color: rgba(0, 0, 0, 0.65)
166+
}
167+
168+
h1 {
169+
font-family: "Merriweather", sans-serif;
170+
font-size: 50px;
171+
font-weight: 700;
172+
line-height: 1.25;
173+
color: rgba(0, 0, 0, 0.85);
174+
margin-bottom: 25px
175+
}
176+
177+
a {
178+
color: rgba(3, 3, 3, 0.85);
179+
font-weight: 600;
180+
}
181+
182+
@media (max-width: 580px) {
183+
body {
184+
font-size: 14px
185+
}
186+
h1 {
187+
font-size: 42px;
188+
line-height: 1.45
189+
}
190+
}
191+
192+
.bg-align {
193+
margin-top: 50%;
194+
}
195+
</style>
32196
</head>
33-
<body class="page-body page-error-env">
34-
35-
<div class="page-error centered">
36-
37-
<div class="error-symbol">
38-
<i class="fa-warning"></i>
39-
</div>
40-
41-
<h2>
42-
Error 404
43-
<small>Page not found!</small>
44-
</h2>
45-
46-
<p>We did not find the page you were looking for!</p>
47-
<p>You can search again or contact one of our agents to help you!</p>
48-
49-
</div>
50-
51-
<div class="page-error-search centered">
52-
<form class="form-half" method="get" action="" enctype="application/x-www-form-urlencoded">
53-
<input type="text" class="form-control input-lg" placeholder="Search..." />
54-
55-
<button type="submit" class="btn-unstyled">
56-
<i class="linecons-search"></i>
57-
</button>
58-
</form>
59-
60-
<a href="index.html" class="go-back">
61-
<i class="fa-angle-left"></i>
62-
Go Back
63-
</a>
64-
</div>
65-
66-
67-
68-
<!-- Bottom Scripts -->
69-
<script src="assets/js/bootstrap.min.js"></script>
70-
<script src="assets/js/TweenMax.min.js"></script>
71-
<script src="assets/js/resizeable.js"></script>
72-
<script src="assets/js/joinable.js"></script>
73-
<script src="assets/js/xenon-api.js"></script>
74-
<script src="assets/js/xenon-toggles.js"></script>
75-
76-
77-
<!-- JavaScripts initializations and stuff -->
78-
<script src="assets/js/xenon-custom.js"></script>
79197

198+
<body>
199+
<section id="about" class="animated bounce-in">
200+
<div class="bg-align">
201+
<h1>404</h1>
202+
<p>Oops! It looks like you're lost...</p>
203+
<p>The Page you're looking for doesn't exist or another error occurred.</p>
204+
<p><a href="http://webstack.cc">👉 webstack.cc</a></p>
205+
</div>
206+
</section>
80207
</body>
81-
</html>
208+
209+
</html>

‎index.html‎

Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,16 @@
22
<html lang="zh">
33

44
<head>
5-
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
6-
<script>
7-
(adsbygoogle = window.adsbygoogle || []).push({
8-
google_ad_client: "ca-pub-8550836177608334",
9-
enable_page_level_ads: true
10-
});
11-
</script>
5+
<link rel="shortcut icon" href="./assets/images/favicon.png">
6+
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
7+
<script>
8+
(adsbygoogle = window.adsbygoogle || []).push({
9+
google_ad_client: "ca-pub-8550836177608334",
10+
enable_page_level_ads: true
11+
});
12+
</script>
1213
<meta charset="UTF-8">
13-
<title>DesignStack</title>
14+
<title>WebStack.cc - 设计师网址导航</title>
1415
<script>
1516
if (navigator.appName == "Netscape") {
1617
var language = navigator.language;
@@ -44,7 +45,7 @@
4445
gtag('config', 'UA-111463289-1');
4546
</script>
4647
<!-- example -->
47-
<!-- <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="example"></i>example</h4>
48+
<!-- <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="example"></i>example</h4>
4849
<div class="row">
4950
<div class="col-sm-3">
5051
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('websiteUrl', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="websiteUrl">

0 commit comments

Comments
 (0)