"Shop:: 404 Page"
Bootstrap 3.3.0 Snippet by fathankudo

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="error-404">
<div class="error-code m-b-10 m-t-20">404 <i class="fa fa-warning"></i></div>
<h2 class="font-bold">Oops 404! That page can’t be found.</h2>
<div class="error-desc">
Sorry, but the page you are looking for was either not found or does not exist. <br/>
Try refreshing the page or click the button below to go back to the Homepage.
<div><br/>
<!-- <a class=" login-detail-panel-button btn" href="http://vultus.de/"> -->
<a href="/" class="btn btn-primary"><span class="glyphicon glyphicon-home"></span> Go back to Homepage</a>
</div>
</div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
.error-404 {
margin: 0 auto;
text-align: center;
}
.error-404 .error-code {
bottom: 60%;
color: #4686CC;
font-size: 96px;
line-height: 100px;
font-weight: bold;
}
.error-404 .error-desc {
font-size: 12px;
color: #647788;
}
.error-404 .m-b-10 {
margin-bottom: 10px!important;
}
.error-404 .m-b-20 {
margin-bottom: 20px!important;
}
.error-404 .m-t-20 {
margin-top: 20px!important;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: