素色单页 - 自己写的 HTML 单页

1
<!DOCTYPE html>
2
<html lang="ch-ZN">
3
 <head>
4
  <meta charset="utf-8" />
5
  <meta charset="utf-8" name="viewport" content="width=device-width,initial-scale=1" />
6
  <title>Nginx 空白页域名-Muze</title>
7
  <!--域名展示页-->
8
 </head>
9
 <body>
10
  <div id="body">
11
   <div class="zhanshis zhanshi">
12
    Hello
13
    <br />
14
    <span>Npcink</span>
15
    <br />
16
    <br />Muze
17
    <br />
18
    <br />
19
    <br />
20
    <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=1355471563" target="_blank"><button>联系方式</button></a>
21
    <a href="https://www.npc.ink/18388.html" target="_blank"><button>更多域名</button></a>
22
   </div>
23
  </div>
24
  <footer>
25
   <div class="footer">
26
     本网页由Muze手打，可随意分发。
27
    <br />更新：2019.5.9
28
   </div>
29
  </footer>
30
  <style type="text/css">
31
    *{margin: 0;padding: 0;}
32
    body{
33
      width: 100%;
34
      font: normal; 100% Helvetica,Arial,sans-serif;
35
      background-color: #f8f8f8;
36
    }
37
    #body{
38
      max-width: 1024px;
39
      margin: 0 auto;
40
      padding: 0 1em;
41
      font-weight: 700;
42
    }
43
    .zhanshi{
44
      width: auto;
45
      height: auto;
46
      margin: 0 auto;
47
      padding: 32vh 0;
48
      text-align: center;
49
      }
50
    .zhanshis{
51
        text-align: center;
52
        }
53
    .zhanshi span{
54
        font-size: 56px;
55
        }
56
    button,input{
57
        padding: 0.625rem;
58
        border-radius: 8px;
59
        border: 0;
60
        cursor: pointer;
61
        background-color: black;
62
        color: white;
63
        font-weight: 700;
64
        margin: 0.625rem;
65
      }
66
      .footer{
67
        font-weight: 500;
68
        text-align: center;
69
        font-size: 12px;
70
        margin-bottom: 2rem;
71
      }
72
  </style>
73
  <!--Nginx空白页-->
74
 </body>
75
</html>