Html mail template sample
Here is a basic HTML email template sample:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Email Template</title>
<style>
/* Add some basic styling to make the email look decent */
body {
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
padding: 0;
margin: 0;
}
img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
</style>
</head>
<body>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center">
<table cellpadding="0" cellspacing="0" border="0" width="600">
<tr>
<td align="center" style="padding: 20px;">
<h1 style="font-size: 24px; font-weight: bold; margin-bottom: 10px;">Email Template</h1>
<p style="font-size: 16px; margin-bottom: 20px;">This is a sample email template.</p>
<img src="image.jpg" alt="Image" style="width: 200px; height: 100px; margin-bottom: 20px;">
<p style="font-size: 16px; margin-bottom: 20px;">You can add more content here, such as text, images, or buttons.</p>
<a href="#" style="background-color: #4CAF50; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer;">Click here</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
This template includes:
- A basic HTML structure with a
<table>
element to contain the content - A centered layout with a fixed width of 600px
- A header with a title and some basic styling
- A paragraph of text
- An image with some basic styling
- A call-to-action button with some basic styling
- A link to a URL (replace with your own URL)
You can customize this template to fit your needs by adding or removing elements, and modifying the styling to match your brand's visual identity.
Note: This is just a basic example, and you may want to add more advanced features such as responsive design, conditional statements, or dynamic content.