Free mail template html
Here is a basic HTML template for a free email newsletter:
HTML Structure
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Free Email Newsletter Template</title>
<style>
/* Add some basic styling to make the email look decent */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.container {
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #f9f9f9;
border: 1px solid #ddd;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.header {
background-color: #333;
color: #fff;
padding: 10px;
text-align: center;
border-bottom: 1px solid #333;
}
.content {
padding: 20px;
}
.footer {
background-color: #333;
color: #fff;
padding: 10px;
text-align: center;
border-top: 1px solid #333;
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>Free Email Newsletter Template</h1>
</div>
<div class="content">
<!-- Add your email content here -->
<p>Welcome to our free email newsletter template!</p>
<p>This is a basic template to get you started. You can customize it to fit your needs.</p>
<p><a href="#">Learn more</a></p>
</div>
<div class="footer">
<p>© 2023 Your Company Name</p>
</div>
</div>
</body>
</html>
How to use this template
- Copy the HTML code above and paste it into a new file called
index.html
. - Replace the placeholder text (
Welcome to our free email newsletter template!
, etc.) with your own content. - Customize the styling by modifying the CSS code in the
<style>
block. - Save the file and open it in a web browser to see how it looks.
- Use a email client like Gmail or Outlook to send the email to your subscribers.
Tips and considerations
- Make sure to test your email template in different email clients and devices to ensure it looks good and functions correctly.
- Use a clear and concise subject line and a relevant from name to increase the chances of your email being opened.
- Keep your email content concise and easy to read, with short paragraphs and bullet points.
- Use a clear and prominent call-to-action (CTA) to encourage subscribers to take action.
- Make sure to include a unsubscribe link and a physical address in your email footer to comply with anti-spam laws.