簡潔404頁面源碼 | 自適應404頁面HTML好看的404源碼下載

時間 2021-01-02

標籤 php css html jquery app spa scala code htm blog 欄目 CSS 简体版

原文原文鏈接

description：源碼源碼下載源碼網源碼自適應源碼圖片頁面源碼頁面源碼下載錯誤頁源碼 php源碼 html源碼動漫源碼php

演示圖以下：css

HTML代碼片斷：html

 1 <!DOCTYPE HTML>
 2 <html>
 3     <head>
 4         <title>404</title>
 5         <meta charset="utf-8" />
 6         <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
 7         <link rel="stylesheet" href="assets/css/main.css" />
 8         <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
 9         <noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
10     </head>
11     <body>
12  
13         <!-- Wrapper -->
14             <div id="wrapper">
15  
16                 <!-- Header -->
17                     <header id="header">
18                         <div class="logo">
19                             <span class="icon fa-diamond"></span>
20                         </div>
21                         <div class="content">
22                             <div class="inner">
23                                 <h1>404</h1>
24                                 <p><!--[-->對不起，你要找的這個頁面忽然不見了。不過，放心，一切都在個人掌控之中，不會跑多遠！<!--]--></p>
25                             </div>
26                         </div>
27                         <nav>
28                             <ul>
29                                 <li><a href="###">首頁</a></li>
30                                 <li><a href="###">熱搜</a></li>
31                                 <li><a href="###">聯繫</a></li>
32                                 <li><a href="###">關於</a></li>
33                                 <!--<li><a href="#elements">Elements</a></li>-->
34                             </ul>
35                         </nav>
36                     </header>
37  
38                 <!-- Main -->
39                 
40     
41                 <!-- Footer -->
42                     <footer id="footer">
43                         <p class="copyright">&copy; Untitled. Design: <a href="http://www.baidu.com">百度</a>.</p>
44                     </footer>
45  
46             </div>
47  
48         <!-- BG -->
49             <div id="bg"></div>
50  
51         <!-- Scripts -->
52             <script src="assets/js/jquery.min.js"></script>
53             <script src="assets/js/skel.min.js"></script>
54             <script src="assets/js/util.js"></script>
55             <script src="assets/js/main.js"></script>
56  
57     </body>
58 </html>