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

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>

圖片&css代碼部分:連接: https://pan.baidu.com/s/1sSyAp6n0WMZNfok0sWa04A 提取碼: 37ys 複製這段內容後打開百度網盤手機App,操做更方便哦 
--來自百度網盤的分享jquery

相關文章
相關標籤/搜索