Light-Year-Example
/
test_pages_maintenance_v4.html

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>页面维护 - 光年(Light Year Admin)后台管理系统模板</title>
<link rel="icon" href="favicon.ico" type="image/ico">
<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
<meta name="author" content="yinqi">
<link href="http://lyear.itshubao.com/iframe/v4/css/bootstrap.min.css" rel="stylesheet">
<link href="css/materialdesignicons.min.css" rel="stylesheet">
<link href="http://lyear.itshubao.com/iframe/v4/css/style.min.css" rel="stylesheet">
<style>
html {
    position: relative;
    min-height: 100%;
}
html,body {
    height: auto;
}
.footer {
    bottom: 0;
    padding: 19px 24px 20px;
    position: absolute;
    right: 0;
    color: #98a6ad;
    left: 0px;
}
</style>
</head>

<body>
<div class="mt-5 mb-5">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-12">

        <div class="text-center">
          <img src="http://lyear.itshubao.com/iframe/v4/images/404.png" height="140" alt="File not found Image">
          <h3 class="mt-4">网站正在维护中</h3>
          <p class="text-muted">我们正在让这个系统更棒。我们很快就回来。</p>

          <div class="row mt-5">
            <div class="col-md-4">
              <div class="text-center mt-3 pl-1 pr-1">
                <i class="mdi mdi-diamond bg-primary img-avatar img-avatar-48 mb-2 fs-22"></i>
                <h5 class="text-uppercase">为什么网站关闭了？</h5>
                <p class="text-muted">字节跳动正在与甲骨文就出售TikTok北美业务一事进行密切沟通。</p>
              </div>
            </div> <!-- end col-->
            <div class="col-md-4">
              <div class="text-center mt-3 pl-1 pr-1">
                <i class="mdi mdi-clock bg-primary img-avatar img-avatar-48 mb-2 fs-22"></i>
                <h5 class="text-uppercase">停机时间是多少？</h5>
                <p class="text-muted">英伟达正式宣布，公司已同意从软银集团手中收购英国芯片设计商ARM，这笔交易的价值为 400 亿美元。</p>
              </div>
            </div> <!-- end col-->
            <div class="col-md-4">
              <div class="text-center mt-3 pl-1 pr-1">
                <i class="mdi mdi-help-circle-outline bg-primary img-avatar img-avatar-48 mb-2 fs-22"></i>
                <h5 class="text-uppercase">你需要支持吗？</h5>
                <p class="text-muted">马斯克又和大佬干起来了!近日，马斯克在推特上回应一位粉丝称，比尔盖茨压根就不懂电动卡车。<a href="mailto:#" class="text-muted font-weight-bold">no-reply@domain.com</a></p>
              </div>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
</div>

<footer class="footer text-center">
    2018 - 2020 © lyear - lyear.itshubao.com
</footer>
</body>
</html>