一个非常好看的单页,可塑性强
<!DOCTYPE html><html lang="zh">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>cnlm.net该域名已被西部数码用户抢先注册,如您有兴趣请前往西部数码</title>
<style>
/* Reset some default browser styles */
html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td {
margin: 0;
padding: 0;
}
body, th, td, button, input, select, textarea {
font: 14px Verdana,"Microsoft YaHei",Arial;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
resize: none;
}
ul, ol, li, dl {
list-style-type: none;
}
label {
cursor: pointer;
}
fieldset, img {
border: 0;
}
button, h1, h2, h3, h4, h5, h6, input, select, textarea {
font-size: 100%;
}
a {
text-decoration: none;
cursor: pointer;
color: #222;
}
a:hover, a:active, a:focus {
text-decoration: none;
outline: none;
}
img {
border: 0;
}
i {
display: inline-block;
font-style: normal;
}
i, s, b, em {
font-weight: normal;
font-style: normal;
}
/* Flex container for centering content */
.container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.westgrab_head {
height: 80px;
background: #000;
line-height: 80px;
text-align: center;
position: sticky;
top: 0;
z-index: 1000;
}
.westgrab_head img {
width: 125px;
vertical-align: middle;
}
.westgrab_head span {
color: rgba(255, 255, 225, 1.0);
font-size: 18px;
}
.main-content {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
background: url(logo_bg.png) no-repeat center 46px;
background-size: 508px;
padding: 0 20px;
}
.content {
max-width: 1200px;
}
.content h1{
margin-bottom: 40px;
font-size: 60px;
color: #037CFF;
}
.content .p1{
font-size: 24px;
color: #181C29;
}
.content .p2{
margin-top: 20px;
margin-bottom: 50px;
font-size: 16px;
color: #181C29;
}
.content .b1, .content .b2 {
display: block;
width: 250px;
height: 60px;
background: #037CFF url(next.png) 200px no-repeat;
background-size: 22px 24px ;
border-radius: 8px;
margin: 0 auto 10px;
color: #fff;
font-size: 20px;
text-align: left;
text-indent: 59px;
line-height: 60px;
transition: all .3s;
}
.content .b2 {
width: 300px;
background-position: 260px center;
}
.footer {
text-align: center;
padding: 10px 0;
color: #666;
}
.p1 span {
color: #c81e1e;
}
.p1 span a {
color: #037CFF;
}
</style>
</head>
<body>
<div class="container">
<div class="westgrab_head">
<a href="https://www.west.cn/"><img src="./index_files/logo.png" alt="west.cn"></a>
<a href="https://www.west.cn/news/list.asp?newsid=942"> <span>到西部数码抢注过期域名,金牌客户返点60%</span></a>
</div>
<div class="main-content">
<div class="content">
<h1>cnlm.net</h1>
<p class="p1">该域名已被 <span>西部数码用户</span> 抢先注册,如您有兴趣购买此 <span><a href="https://www.west.cn/services/domain">域名</a></span> 请前往 <span><a href="https://www.west.cn/">西部数码</a></span> 委托代购!</p>
<p class="p2">This domain name has been dropcatch by west.cn, if you are interested please go to west.cn!</p>
<a class="b1" href="https://www.west.cn/jiaoyi/broker.asp">前往西部数码</a>
<a class="b2" href="https://www.west.cn/services/paimai/expire.asp">挑选下其他过期域名</a>
</div>
</div>
<div class="footer">
版权所有 © 2024 西部数码有限公司
</div>
</div>
</body>
</html>
页:
[1]