94 líneas
6.0 KiB
HTML
94 líneas
6.0 KiB
HTML
<html>
|
|
<head>
|
|
<title>
|
|
Newsletter El Taller
|
|
</title>
|
|
<meta charset="UTF-8">
|
|
</head>
|
|
<body>
|
|
<table style="width: 700px; margin: 0px auto; font-family: Arial, Helvetica, sans-serif;">
|
|
<tr>
|
|
<td style="padding: 0;">
|
|
<img src="cap02.png" style="margin: 0; padding: 0;">
|
|
</td>
|
|
</tr>
|
|
<tr style="margin: 0;">
|
|
<td style="padding: 1em; background-color: #10c499; margin: 0; text-align: right;">
|
|
<p><em>Número X - Febrer de 2023</em></p>
|
|
</td>
|
|
</tr>
|
|
<tr><td> </td></tr>
|
|
<tr>
|
|
<td>
|
|
<h1><span style="color: #10c499;">■</span> Primer titular</h1>
|
|
<p style="font-size: 1.15rem; line-height: 1.5;">Aliquam quam mauris, suscipit sed leo vitae, iaculis venenatis leo. Phasellus sollicitudin fringilla mauris, luctus elementum purus aliquet sit amet. Integer non lacus eu augue posuere eleifend. Suspendisse eget augue finibus, tincidunt massa eget, vestibulum mi. Curabitur nec eros at augue iaculis hendrerit eu at velit. Aenean a volutpat risus, vel facilisis mauris. Aenean bibendum gravida iaculis. </p>
|
|
</td>
|
|
</tr>
|
|
<tr><td> </td></tr>
|
|
<tr>
|
|
<td>
|
|
<h1><span style="color: #10c499;">■</span> Titular amb foto</h1>
|
|
<img src="prova-imatge-01.jpg">
|
|
<p style="font-size: 1.15rem; line-height: 1.5;">Aliquam quam mauris, suscipit sed leo vitae, iaculis venenatis leo. Phasellus sollicitudin fringilla mauris, luctus elementum purus aliquet sit amet. Integer non lacus eu augue posuere eleifend. Suspendisse eget augue finibus, tincidunt massa eget, vestibulum mi. Curabitur nec eros at augue iaculis hendrerit eu at velit. Aenean a volutpat risus, vel facilisis mauris. Aenean bibendum gravida iaculis. </p>
|
|
</td>
|
|
</tr>
|
|
<tr><td> </td></tr>
|
|
<tr>
|
|
<td>
|
|
<h1><span style="color: #10c499;">■</span> Titular amb vídeo</h1>
|
|
<p style="font-size: 1.15rem; line-height: 1.5;">Aliquam quam mauris, suscipit sed leo vitae, iaculis venenatis leo. Phasellus sollicitudin fringilla mauris, luctus elementum purus aliquet sit amet. Integer non lacus eu augue posuere eleifend. Suspendisse eget augue finibus, tincidunt massa eget, vestibulum mi. Curabitur nec eros at augue iaculis hendrerit eu at velit. Aenean a volutpat risus, vel facilisis mauris. Aenean bibendum gravida iaculis. </p>
|
|
<iframe width="700" height="394" src="https://www.youtube.com/embed/mmxI8L5_zSY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
|
|
</td>
|
|
</tr>
|
|
<tr><td> </td></tr>
|
|
<tr>
|
|
<td>
|
|
<h1><span style="color: #10c499;">■</span> Agenda</h1>
|
|
<table style="width: 100%; margin: 0 0 1em 0;">
|
|
<tr>
|
|
<td style="width: 100px; height: 100px; vertical-align: middle; text-align: center; background-color: #10c499; color: #fff;">
|
|
<span style="font-weight: 700; font-size: 2.5rem;">26</span><br>
|
|
<span style="font-weight: bold;">GEN</span>
|
|
</td>
|
|
<td>
|
|
<table style="margin: 0 0 0 1em;">
|
|
<tr>
|
|
<td>
|
|
<p style="font-size: 1.15rem; line-height: 1.5;"><strong>Titular del que passarà</strong><br>Petita descripció<br><a href="#" style="color:#10c499;">Link</a></p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<table style="width: 100%">
|
|
<tr>
|
|
<td style="width: 100px; height: 100px; vertical-align: middle; text-align: center; background-color: #10c499; color: #fff;">
|
|
<span style="font-weight: 700; font-size: 2.5rem;">26</span><br>
|
|
<span style="font-weight: bold;">GEN</span>
|
|
</td>
|
|
<td>
|
|
<table style="margin: 0 0 0 1em;">
|
|
<tr>
|
|
<td>
|
|
<p style="font-size: 1.15rem; line-height: 1.5;"><strong>Titular del que passarà</strong><br>Petita descripció<br><a href="#" style="color:#10c499;">Link</a></p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr><td> </td></tr>
|
|
<tr>
|
|
<td style="text-align: center; font-size: 0.85em;">
|
|
<hr style="color: #10c499; margin: 1em 0 0 0;">
|
|
<img src="logo-petit.webp" style="width: 200px; height: auto; margin: 1em 0 0.5em 0;">
|
|
<p>Reps aquest correu perquè en algun moment vas donar-nos la teva adreça de correu electrònic per a què et puguem enviar comunicacions per correu electrònic. Si no hi segueixes interessat, sempre et pots donar de baixa fent click en aquest enllaç.</p>
|
|
<p>Més informació: <a href="mailto:info@el-taller.cat" style="color: #10c499;">info@el-taller.cat</a></p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html> |