This commit is contained in:
Enric Pineda 2023-01-10 01:13:03 +01:00
pare 0320d34a36
commit e0ed7b568c
S'han modificat 7 arxius amb 188 adicions i 0 eliminacions

BIN
cap01.png Normal file

Archivo binario no mostrado.

Desprès

Amplada:  |  Alçada:  |  Mida: 10 KiB

BIN
cap02.png Normal file

Archivo binario no mostrado.

Desprès

Amplada:  |  Alçada:  |  Mida: 10 KiB

BIN
cap03.png Normal file

Archivo binario no mostrado.

Desprès

Amplada:  |  Alçada:  |  Mida: 90 KiB

94
index01.html Normal file
Veure arxiu

@ -0,0 +1,94 @@
<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="cap01.png" style="margin: 0; padding: 0;">
</td>
</tr>
<tr style="margin: 0;">
<td style="padding: 1em; background-color: #efefef; margin: 0; text-align: right;">
<p><em>Número X - Febrer de 2023</em></p>
</td>
</tr>
<tr><td>&nbsp;</td></tr>
<tr>
<td>
<h1 style="color: #10c499;">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 <strong>elementum purus aliquet</strong> 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>&nbsp;</td></tr>
<tr>
<td>
<h1 style="color: #10c499;">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>&nbsp;</td></tr>
<tr>
<td>
<h1 style="color: #10c499;">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>&nbsp;</td></tr>
<tr>
<td>
<h1 style="color: #10c499;">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>&nbsp;</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>

94
index02.html Normal file
Veure arxiu

@ -0,0 +1,94 @@
<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>&nbsp;</td></tr>
<tr>
<td>
<h1><span style="color: #10c499;">&#9632;</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>&nbsp;</td></tr>
<tr>
<td>
<h1><span style="color: #10c499;">&#9632;</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>&nbsp;</td></tr>
<tr>
<td>
<h1><span style="color: #10c499;">&#9632;</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>&nbsp;</td></tr>
<tr>
<td>
<h1><span style="color: #10c499;">&#9632;</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>&nbsp;</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>

BIN
logo-petit.webp Normal file

Archivo binario no mostrado.

Desprès

Amplada:  |  Alçada:  |  Mida: 26 KiB

BIN
prova-imatge-01.jpg Normal file

Archivo binario no mostrado.

Desprès

Amplada:  |  Alçada:  |  Mida: 40 KiB