Style: Belco

Geüpdatet door Michel Kamerling

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Email template</title>
<style type="text/css">

body {
background: #f8f8f8;
padding: 0px 0;
}

.wrapper {
max-width: 100%;
margin: 0 auto;
background: #fff;
padding: 0px 0px;
}

.header {
border-radius: 0px 0px 25px 25px;
background: #ffd800;
padding: 20px;
width: auto;
height: 50px;
}

.header

.logo img {
max-width: 150px;
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}

.footer {
border-radius: 25px 25px 0px 0px;
background: #23384f;
padding: 10px 0px 0px 40px;
width: auto;
height: 150px;
}

.footer__container-title {
font-weight: 700;
display: block; }

.footer__container-right {
text-align: initial;
}

.full {
width: 100%;
}

.main-content {
background: #fff;
padding: 0px 20px;
}

.footer__bottom {
margin: 10px 0 0;
}


@media only screen and (max-width: none {
.footer-service { display: table-row; } }

</style>
</head>
<body>
<table class="wrapper" width="100%">
<tr>
<td class="wrapper-inner" align="center">
<table class="main full" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="header">
<a class="logo" href="https://www.belco.nl"><img src="https://p9.f1.n0.cdn.getcloudapp.com/items/E0uZG4RN/bd88b53a-3f1b-4663-8b5d-34fcb184deb0.png" alt="bd88b53a-3f1b-4663-8b5d-34fcb184deb0"></a>
</td>
</tr>
<tr>
<td class="main-content">
<table>
<tbody>
<tr class="email-information">
<td><br>
<br>
<span style="font-family: 'Poppins', sans-serif;"><font size="3" style="line-height:1.4">{{#markdown}}{{message}}<br>
{{user.signature}}{{/markdown}}</font><br>
<br></span></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="footer">
<table class="full">
<tr>
<td class="footer__container">
<table class="full">
<tr>
<td class="footer__container-left">
<p style="font-family: Helvetica; color:rgb(255,255,255);"><b>Messingstraat 10<br>
8472EE<br>
Wolvega</b></p>
</td>
<td class="footer__container-rigth">
<p style="font-family: 'Poppins', sans-serif; color:rgb(255,255,255);"><b>Bel ons: <a style="font-family: 'Poppins', sans-serif; color:rgb(255,255,255);" href="tel:+31858885012">085-888-5012</a><br>
Mail ons: <a style="font-family: 'Poppins', sans-serif; color:rgb(255,255,255);" href="mailto:[email protected]">E-mail</a><br>
Bezoek ons: <a style="font-family: 'Poppins', sans-serif; color:rgb(255,255,255);" href="https://www.belco.io">Belco.nl</a></b></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>


Hoe hebben we het gedaan?


Powered by HelpDocs (opens in a new tab)

Powered by HelpDocs (opens in a new tab)