Style: Honing
Geüpdatet
door
Michel Kamerling
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Email template</title>
<style type="text/css">
body {
color: #000000;
font-family: Arial, sans-serif;
padding: 40px;
}
.header {
display: flex;
justify-content: center;
align-items: center;
background-color: #FFD800;
padding: 20px;
border-radius: 20px 20px 0 0;
border: 0px solid black;
}
.header img {
height: 50px;
margin: 0;
}
.content {
background-color: #ffff;
color: #333;
padding: 20px;
border-radius: 0 0 20px 20px;
border: 1px solid black;
}
a {
color: #000000 ;
}
.footer {
display: flex;
justify-content: center;
padding: 20px;
text-align: center;
}
.footer a {
margin: 0 10px;
}
</style>
</head>
<body>
<div class="header"><img src="https://uploads-ssl.webflow.com/61dc486828ec53cd60705679/61dd5a613f03cc0e13441ee6_belco_white.svg" alt="Company Logo"></div>
<div class="content">
{{#markdown}}{{message}}{{user.signature}}{{/markdown}}
</div>
<div class="footer">
<a href="tel:+11234567890">Telefoon</a> <a href="mailto:[email protected]">E-mail</a> <a href="https://example.com/customer-service">Klantenservice</a>
<div>
<a href="https://facebook.com/example"><img src="https://example.com/facebook.png" alt="Facebook"></a> <a href="https://instagram.com/example"><img src="https://example.com/twitter.png" alt="Instagram"></a>
</div>
</div>
</body>
</html>
