Monthly News Letter: <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Monthly Newsletter</title>
<style>
body {
background-color: #f4f4f4;
font-family: 'Segoe UI', sans-serif;
margin: 0;
padding: 0;
}
.container {
max-width: 650px;
margin: 40px auto;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}
.header {
background-color: #004080;
color: #ffffff;
text-align: center;
padding: 30px 20px;
}
.header h1 {
margin: 0;
font-size: 26px;
}
.content {
padding: 30px;
color: #333;
}
.section {
margin-bottom: 25px;
}
.section h2 {
font-size: 20px;
color: #004080;
margin-bottom: 10px;
}
.section p {
font-size: 15px;
line-height: 1.6;
}
.read-more {
display: inline-block;
margin-top: 10px;
color: #004080;
text-decoration: underline;
font-weight: bold;
}
.footer {
text-align: center;
font-size: 13px;
color: #777;
background-color: #f1f1f1;
padding: 20px;
}
@media only screen and (max-width: 620px) {
.content {
padding: 20px !important;
}
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>YourCompany Monthly Newsletter</h1>
<p>Insights, updates & stories – delivered fresh.</p>
</div>
<div class="content">
<div class="section">
<h2>🚀 Product Update: SmartDash 2.0 is Here!</h2>
<p>We’ve upgraded your favorite analytics tool with faster load times, custom dashboards, and AI-powered suggestions.</p>
<a href="https://yourwebsite.com/product-update" class="read-more">Read More</a>
</div>
<div class="section">
<h2>📢 Customer Spotlight: How Acme Inc. Increased ROI by 40%</h2>
<p>Find out how Acme Inc. used our solutions to optimize their marketing strategy and scale effectively.</p>
<a href="https://yourwebsite.com/customer-story" class="read-more">View Case Study</a>
</div>
<div class="section">
<h2>📅 Upcoming Webinar: Future of Martech</h2>
<p>Join us on August 22 for a free webinar featuring top marketing experts discussing the latest tech trends.</p>
<a href="https://yourwebsite.com/webinar" class="read-more">Register Now</a>
</div>
</div>
<div class="footer">
You’re receiving this email because you subscribed at yourcompany.com.<br />
© 2025 YourCompany — <a href="https://yourwebsite.com/unsubscribe" style="color:#777;">Unsubscribe</a>
</div>
</div>
</body>
</html>
Comments
Post a Comment