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

李康哲 • 2023年 8月 3日下午5:07 • 网站源码 • 阅读 166

分享一款自适应简约灰色调404页面源码，这是一款html单页源码，适合作为网站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