New Product Launch <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Introducing Our New Product</title>
<style>
body {
margin: 0;
padding: 0;
background-color: #ececec;
font-family: 'Arial', sans-serif;
}
.container {
width: 100%;
background-color: #ececec;
padding: 40px 0;
}
.email-box {
max-width: 600px;
background-color: #ffffff;
margin: 0 auto;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 0 10px rgba(0,0,0,0.08);
}
.hero {
background-color: #222;
color: #fff;
text-align: center;
padding: 40px 30px;
}
.hero h1 {
margin: 0;
font-size: 28px;
color: #00d084;
}
.hero p {
font-size: 16px;
margin-top: 10px;
}
.content {
padding: 30px;
color: #333;
line-height: 1.5;
}
.content img {
width: 100%;
border-radius: 6px;
margin: 20px 0;
}
.button {
display: inline-block;
background-color: #00d084;
color: #fff;
text-decoration: none;
padding: 12px 24px;
border-radius: 5px;
font-weight: bold;
margin-top: 20px;
}
.footer {
text-align: center;
font-size: 13px;
color: #777;
padding: 20px;
background-color: #f5f5f5;
}
</style>
</head>
<body>
<div class="container">
<div class="email-box">
<div class="hero">
<h1>Meet Our Latest Innovation</h1>
<p>Something new is here — and it’s powerful.</p>
</div>
<div class="content">
<p>Hello %%FirstName%%,</p>
<p>We’re excited to introduce our newest product: <strong>ProductX</strong> — designed to transform how you [insert benefit or use case].</p>
<img src="https://via.placeholder.com/560x250.png?text=Product+Image" alt="ProductX" />
<p>Explore ProductX now and see how it can help you save time, increase efficiency, and make smarter decisions.</p>
<a href="https://yourwebsite.com/productx" class="button">Explore ProductX</a>
</div>
<div class="footer">
© 2025 YourCompany Inc. • <a href="https://yourwebsite.com/unsubscribe" style="color:#777;">Unsubscribe</a>
</div>
</div>
</div>
</body>
</html>
[7:50 am, 9/7/2025] Raju Bhaiya: You Are Invited<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>You're Invited!</title>
<style>
body {
margin: 0;
padding: 0;
background-color: #f3f3f3;
font-family: Arial, sans-serif;
}
.container {
max-width: 600px;
background-color: #ffffff;
margin: 40px auto;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}
.header {
background: #ff6b6b;
color: #fff;
Comments
Post a Comment