免费简洁自适应404页面HTML好看的404源码

文档创建者:资源屋
浏览次数:155
最后更新:2023-02-11
CMS
CMS: 整站源码

简洁自适应404页面HTML好看的404源码

2020121610113214.jpg
  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.         <!-- Wrapper -->
  13.             <div id="wrapper">

  14.                 <!-- Header -->
  15.                     <header id="header">
  16.                         <div class="logo">
  17.                             <span class="icon fa-diamond"></span>
  18.                         </div>
  19.                         <div class="content">
  20.                             <div class="inner">
  21.                                 <h1>404</h1>
  22.                                 <p><!--[-->对不起,你要找的这个页面突然不见了。不过,放心,一切都在我的掌控之中,不会跑多远!<!--]--></p>
  23.                             </div>
  24.                         </div>
  25.                         <nav>
  26.                             <ul>
  27.                                 <li><a href="###">首页</a></li>
  28.                                 <li><a href="###">热搜</a></li>
  29.                                 <li><a href="###">联系</a></li>
  30.                                 <li><a href="###">关于</a></li>
  31.                                 <!--<li><a href="#elements">Elements</a></li>-->
  32.                             </ul>
  33.                         </nav>
  34.                     </header>

  35.                 <!-- Main -->


  36.                 <!-- Footer -->
  37.                     <footer id="footer">
  38.                         <p class="copyright">© Untitled. Design: <a href="http://www.baidu.com">百度</a>.</p>
  39.                     </footer>

  40.             </div>

  41.         <!-- BG -->
  42.             <div id="bg"></div>

  43.         <!-- Scripts -->
  44.             <script src="assets/js/jquery.min.js"></script>
  45.             <script src="assets/js/skel.min.js"></script>
  46.             <script src="assets/js/util.js"></script>
  47.             <script src="assets/js/main.js"></script>

  48.     </body>
  49. </html>
复制代码
下载地址:
游客,如果您要查看本帖隐藏内容请回复



您需要登录后才可以回帖 登录 | 立即注册

本版积分规则