email template

  1. Home
  2. email template 
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bedrijfsnaam nieuwsbrief</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

<style>
@media screen and (max-width: 600px) {
.content {
    width: 100% !important;
    display: block !important;
    padding: 10px !important;
}
.header, .body, .footer {
    padding: 20px !important;
}
}
</style>    
</head>
<body style="font-family: 'Poppins', Arial, sans-serif">
<!-- hele inhoud -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="padding: 20px;">    
<table class="content" width="600" border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse; border: 1px solid #cccccc;">

<!-- Header -->
<tr>
<td class="header" style="background-color: #345C72; padding: 40px; text-align: center; color: white; font-size: 24px;">

<table style="width: 100%;">
<tr>
<td style="width: 100px; text-align: left; vertical-align: top;"><img style="max-width: 80px; height: auto; display: inline-block; margin-right: 20px;" src="data:image/png;base64,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" alt="" />
</td>
<td style="text-align: left; vertical-align: middle;"><span style="font-size: larger;">Responsive Email Template</span>
</td>
</tr>
</table>

</td>
</tr>
<!-- einde Header -->

<!-- intevullen inhoud -->
<tr>
<td class="body" style="padding: 40px; text-align: left; font-size: 16px; line-height: 1.6;">
<h3>Hello, All!</h3>
Lorem odio soluta quae dolores sapiente voluptatibus recusandae aliquam fugit ipsam.
</td>
</tr>
<!-- einde intevullen inhoud -->

<!-- Footer -->
<tr>
<td class="footer" style="background-color: #333333; padding: 40px; text-align: center; color: white; font-size: 14px;">
<a href="#" style="text-decoration: none;color: white;font-weight: bold;">Uitschrijvlink...</a> en extra info.. socialmedia
</td>
</tr>
<tr>
<td class="footer" style="background-color: #333333; padding-bottom: 40px; text-align: center; color: white; font-size: 14px;">
    <a href="#" style="text-decoration: none;color: white;font-weight: bold;">email</a> | <a href="#" style="text-decoration: none;color: white;font-weight: bold;">Website</a>
</td>
</tr> 
<!-- einde Footer --> 

</table>
</td>
</tr>
</table>
<!-- einde hele inhoud -->
</body>
</html>