• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    简洁自适应404页面HTML好看的404源码

    演示图如下:

    HTML代码片段:

    <!DOCTYPE HTML>
    <html>
        <head>
            <title>404</title>
            <meta charset="utf-8" />
            <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
            <link rel="stylesheet" href="assets/css/main.css" />
            <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
            <noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
        </head>
        <body>
    
            <!-- Wrapper -->
                <div id="wrapper">
    
                    <!-- Header -->
                        <header id="header">
                            <div class="logo">
                                <span class="icon fa-diamond"></span>
                            </div>
                            <div class="content">
                                <div class="inner">
                                    <h1>404</h1>
                                    <p><!--[-->对不起,你要找的这个页面突然不见了。不过,放心,一切都在我的掌控之中,不会跑多远!<!--]--></p>
                                </div>
                            </div>
                            <nav>
                                <ul>
                                    <li><a href="###">首页</a></li>
                                    <li><a href="###">热搜</a></li>
                                    <li><a href="###">联系</a></li>
                                    <li><a href="###">关于</a></li>
                                    <!--<li><a href="#elements">Elements</a></li>-->
                                </ul>
                            </nav>
                        </header>
    
                    <!-- Main -->
    
    
                    <!-- Footer -->
                        <footer id="footer">
                            <p class="copyright">© Untitled. Design: <a href="http://www.baidu.com">百度</a>.</p>
                        </footer>
    
                </div>
    
            <!-- BG -->
                <div id="bg"></div>
    
            <!-- Scripts -->
                <script src="assets/js/jquery.min.js"></script>
                <script src="assets/js/skel.min.js"></script>
                <script src="assets/js/util.js"></script>
                <script src="assets/js/main.js"></script>
    
        </body>
    </html>

    图片&css代码部分:

    链接: https://pan.baidu.com/s/18NcQScW6GKshXBKwHabTnA 提取码: rgaw

    到此这篇关于简洁自适应404页面HTML好看的404源码的文章就介绍到这了,更多相关404页面源码内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!

    上一篇:移动端HTML5开发神器之vconsole详解
    下一篇:前端使用canvas生成盲水印的加密解密的实现
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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