分享一款域名展示页面html源码

2025-07-22 分类：域名与建站评论(1)

这款域名销售页源码适用于展示和推广正在出售的域名。页面设计现代、简洁，结合了时尚的毛玻璃效果和响应式布局，确保在各种设备上都有良好的显示效果。以下是该源码的详细介绍和特点：

演示地址：https://hosting.gs/

源码下载，新建一个Html文件，把下面评论区的代码放进去即可

打赏

允许转载，请注明转载地址：Puo's 学习园地 » 分享一款域名展示页面html源码

分享到

源码

相关推荐

#1
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>hosting.gs 域名出售</title>
<style>
body {
font-family: Arial, sans-serif;
background: linear-gradient(135deg, rgba(255, 0, 150, 0.3), rgba(0, 204, 255, 0.3)), url('https://via.placeholder.com/1920×1080&#039😉 no-repeat center center/cover;
backdrop-filter: blur(15px);
text-align: center;
padding: 20px;
color: #333;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
.container {
background: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(15px);
padding: 30px;
border-radius: 20px;
box-shadow: 0 6px 25px rgba(0, 0, 0, 0.3);
max-width: 90%;
width: 420px;
}
h1 {
color: #007BFF;
font-size: 1.8em;
}
.price {
font-size: 1.5em;
color: #e91e63;
font-weight: bold;
margin: 20px 0;
}
.contact {
margin-top: 20px;
font-size: 1em;
}
.contact p {
margin: 12px 0;
display: flex;
align-items: center;
justify-content: center;
}
.contact p i {
margin-right: 10px;
color: #007BFF;
}
a {
color: #007BFF;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
hr {
border: none;
height: 1px;
background-color: #ccc;
margin: 20px 0;
}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>
<div class="container">
<h1>hosting.gs 域名出售</h1>
<p>该域名正在出售！您若有意购买，请联系我们。</p>

<div class="price">价格：399元</div>

<div class="contact">
<p><i class="fab fa-qq"></i><strong>QQ：</strong> 1161073187</p>
<p><i class="fab fa-weixin"></i><strong>微信：</strong> nwnuyhs</p>
<p><i class="fas fa-envelope"></i><strong>邮箱：</strong> <a href="mailto:1161073187@qq.com">1161073187@qq.com</a></p>
</div>

<hr>

<h1>hosting.gs Domain for Sale</h1>
<p>This domain is for sale! If you're interested in purchasing it, please contact us.</p>

<div class="price">Price: 399 RMB</div>

<div class="contact">
<p><i class="fab fa-qq"></i><strong>QQ:</strong> 1161073187</p>
<p><i class="fab fa-weixin"></i><strong>WeChat:</strong> nwnuyhs</p>
<p><i class="fas fa-envelope"></i><strong>Email:</strong> <a href="mailto:1161073187@qq.com">1161073187@qq.com</a></p>
</div>
</div>
</body>
</html>

puo.cn7小时前回复