site/about.html

<!DOCTYPE html>
<html>
<head>
    <title>开朗ICP备案</title>
    <link href="favicon.ico" rel="shortcut icon" />
    <meta charset="utf-8">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mdui@0.4.3/dist/css/mdui.min.css">
    <link rel="stylesheet" type="text/css" href="css/bj.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            margin: 0;
            padding: 0;
        }
        .header {
            background-color: #007bff;
            color: #fff;
            padding: 15px;
            text-align: center;
        }
        .container {
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
        }
        .card {
            background-color: #fff;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            margin-bottom: 20px;
        }
        footer {
            background-color: #007bff;
            color: #fff;
            text-align: center;
            padding: 10px 0;
            position: fixed;
            bottom: 0;
            width: 100%;
        }
        .btn {
            display: inline-block;
            padding: 10px 20px;
            background-color: #007bff;
            color: #fff;
            text-decoration: none;
            border-radius: 5px;
            margin-top: 10px;
        }
        .link-btn {
            display: inline-block;
            padding: 10px 20px;
            background-color: #007bff;
            color: #fff;
            text-decoration: none;
            border-radius: 5px;
            margin-right: 10px;
        }
    </style>
</head>
<body>
<div class="header">
    <h1>开朗ICP备案</h1>
</div>
<div class="container">
    <div class="card">
        <h2>关于开朗ICP备案</h2>
        <p>欢迎使用开朗ICP备案。<br>禁止违反中华人民共和国法律的站点申请编号。<br>申请后我们将对您站点的连接安全进行评估。<br>须知：使用开朗ICP备案的站点并不代表站点可信，只是代表安全连接。<br>交流群号：330316577。</p>
        <p>用心服务，与众不同。-开朗的火山河123</p>
        <a href="https://链接/" class="btn" target="_blank">名称</a>
    </div>
    
    <div class="card">
        <h2>友情链接</h2>
        <a href="https://链接/" class="link-btn" target="_blank">名称</a>
        <a href="https://链接/" class="link-btn" target="_blank">名称</a>
    </div>
</div>
<footer>
    <p>&copy; kl-studio All rights reserved.</p>
</footer>
<script src="https://cdn.jsdelivr.net/npm/mdui@0.4.3/dist/js/mdui.min.js"></script>
</body>
</html>