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>&copy; 2023 Your Company Name</p>
        </div>
    </div>
</body>
</html>

How to use this template

  1. Copy the HTML code above and paste it into a new file called index.html.
  2. Replace the placeholder text (Welcome to our free email newsletter template!, etc.) with your own content.
  3. Customize the styling by modifying the CSS code in the <style> block.
  4. Save the file and open it in a web browser to see how it looks.
  5. Use a email client like Gmail or Outlook to send the email to your subscribers.

Tips and considerations