zoukankan      html  css  js  c++  java
  • 简洁404页面源码 | 自适应404页面HTML好看的404源码下载

    description:源码 源码下载 源码网 源码自适应 源码图片 页面源码 页面源码下载 错误页源码 php源码 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,操作更方便哦 
    --来自百度网盘的分享

  • 相关阅读:
    leetcode1030之距离顺序排列矩阵单元格
    leetcode56之合并区间
    leetcode976之三角形最大周长
    leetcode922----按奇偶排序数组
    leetcode198之打家劫舍问题
    leetcode350之实现求解两数组交集(包含重复元素)
    【Python错误】日常记录(持续更新)
    【JavaScript】Lodash在React Native中的使用
    【Python】BeautifulSoup的使用
    转载【Python】python正则表达式详解
  • 原文地址:https://www.cnblogs.com/lyyo/p/14139488.html
Copyright © 2011-2022 走看看