自适应简约灰色调404页面源码

分享一款自适应简约灰色调404页面源码,这是一款html单页源码,适合作为网站404错误页面,上传设置后可以马上使用。

页面展示

自适应简约灰色调404页面源码

下载地址

https://dmfhy.lanzout.com/iSUan14aukzg

源代码展示

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="favicon.ico">
    <title>404页面 - www.xiaolanzy.com</title>
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<div class="container">
    <div class="row pad-top text-center">
        <div class="col-md-6 col-md-offset-3 text-center">
            <h2> 您访问的页面出去玩了! </h2>
            <h5> 您访问的页面不存在,请点击页底的链接返回</h5>
            <span id="error-link">404</span>
            <h2>! 访问出错 !</h2>
        </div>
    </div>
    <div class="row text-center">
        <div class="col-md-8 col-md-offset-2">
            <div class="bigfont">
                <span class="glyphicon"></span>
            </div>
            <a href="https://www.xiaolanzy.com" class="btn btn-primary">返回首页</a><br><br>
        </div>
    </div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/countUp.js"></script>
<script src="assets/js/custom.js"></script>
</body>
</html>

原创文章,作者:李康哲,如若转载,请注明出处:https://www.xiaolanzy.com/35.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
李康哲的头像李康哲
上一篇 2023年 8月 3日 下午5:02
下一篇 2023年 8月 3日 下午5:12

相关推荐

发表回复

登录后才能评论