大学期间写的HTML单页,本来是用来卖域名的,但是有人喜欢我就分享出来。
大学期间写的HTML单页,本来是用来卖域名的,但是有人喜欢我就分享出来。
代码
<!DOCTYPE html>
<html lang="ch-ZN">
<head>
<meta charset="utf-8" />
<meta charset="utf-8" name="viewport" content="width=device-width,initial-scale=1" />
<title>Nginx 空白页域名-Muze</title>
<!--域名展示页-->
</head>
<body>
<div id="body">
<div class="zhanshis zhanshi">
Hello
<br />
<span>Npcink</span>
<br />
<br />Muze
<br />
<br />
<br />
<a href="http://wpa.qq.com/msgrd?v=3&uin=1355471563" target="_blank"><button>联系方式</button></a>
<a href="https://www.npc.ink/18388.html" target="_blank"><button>更多域名</button></a>
</div>
</div>
<footer>
<div class="footer">
本网页由Muze手打,可随意分发。
<br />更新:2019.5.9
</div>
</footer>
<style type="text/css">
*{margin: 0;padding: 0;}
body{
width: 100%;
font: normal; 100% Helvetica,Arial,sans-serif;
background-color: #f8f8f8;
}
#body{
max-width: 1024px;
margin: 0 auto;
padding: 0 1em;
font-weight: 700;
}
.zhanshi{
width: auto;
height: auto;
margin: 0 auto;
padding: 32vh 0;
text-align: center;
}
.zhanshis{
text-align: center;
}
.zhanshi span{
font-size: 56px;
}
button,input{
padding: 0.625rem;
border-radius: 8px;
border: 0;
cursor: pointer;
background-color: black;
color: white;
font-weight: 700;
margin: 0.625rem;
}
.footer{
font-weight: 500;
text-align: center;
font-size: 12px;
margin-bottom: 2rem;
}
</style>
<!--Nginx空白页-->
</body>
</html>