帮我写一个好看丰富的营销邮件模板的html
时间: 2024-06-12 19:07:26 浏览: 16
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>营销邮件模板</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f5f5f5;
margin: 0;
padding: 0;
}
.container {
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.logo {
display: block;
width: 150px;
margin: 0 auto;
}
.heading {
font-size: 24px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 10px;
}
.subheading {
font-size: 18px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 10px;
}
.button {
display: inline-block;
padding: 10px 20px;
background-color: #007bff;
color: #fff;
text-decoration: none;
border-radius: 5px;
margin-top: 20px;
}
.footer {
font-size: 12px;
color: #999;
margin-top: 20px;
}
</style>
</head>
<body>
<div class="container">
<img src="https://example.com/logo.png" alt="Logo" class="logo">
<h1 class="heading">优惠大酬宾!</h1>
<p>尊敬的客户,感谢您一直以来对我们的支持与信任。为了回馈广大客户,我们特别推出以下优惠活动:</p>
<ul>
<li>购买任意商品,即可获赠精美小礼品一份。</li>
<li>购买满100元,可享受8折优惠。</li>
<li>购买满200元,可享受7折优惠。</li>
<li>购买满300元,可享受6折优惠。</li>
</ul>
<p class="subheading">还等什么?赶快来选购吧!</p>
<a href="https://example.com/products" class="button">立即选购</a>
<p class="footer">如果您不想再收到我们的邮件,请点击<a href="#">这里</a>取消订阅。</p>
</div>
</body>
</html>