Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 7c25cbd

Browse files
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 ><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)

AltStyle によって変換されたページ (->オリジナル) /