<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Nazwa szablonu</title>
<meta content="text/html; charset=utf-8" http-equiv="content-type" />
</head>
<body style="background-color: #eeeeee">
<!--WRAPPER - TABELA POZYCJONUJĄCA DOKUMENET-->
<table align="center" border="0" cellpadding="0" cellspacing="0" style="display: block; width: 650px;border:none" width="650">
<!--przed nagłówkiem warto umieścić link do podglądu widomości w przeglądarce-->
<tr>
<td width="650" style="width:650px;text-align:center;color:#444444;font-size: 11px;font-family:Tahoma,Verdana,sans-serif">
Jeśli nie widzisz poprawnie poniższej wiadomości, <preview><span style="text-decoration: underline;color:#4690ff">otwórz ją w przeglądarce</span></preview>
</td>
</tr>
<!--HEADER (nagłówek)-->
<tr>
<td width="650" style="width:650px">
<!--w przykładzie nagłówek jest wypełniony obrazkiem o rozmiarach 650px na 50px-->
<table align="center" border="0" cellpadding="0" cellspacing="0" style="display: block; width: 650px; font-family: Tahoma,Verdana,sans-serif;border:none" width="650">
<tr>
<td width="650" height="50" style="width:650px;height:50px">
<img src="top.jpg" alt="FD-RAM twoje rozwiązania serwerowe" width="650" height="50" style="display:block;width:650px;height:50px;color:#4690ff;text-align: center;font-size:12px"/>
</td>
</tr>
</table>
</td>
</tr>
<!--END OF HEADER (koniec nagłówka)-->
<!--MAIN BODY (główna treść)-->
<tr>
<td width="650" style="width:650px">
<!--w przykładzie treść główna będzie w układzie dwukolumnowym-->
<table align="center" border="0" cellpadding="0" cellspacing="0" style="display: block; width: 650px;border:none" width="650">
<tr>
<!--LEFT COLUMN (lewa koluna)-->
<td width="200" valign="top" bgcolor="#dddddd" style="width:200px;vertical-align:top;color:#222222;background-color:#dddddd;font-size:12px;font-family:Tahoma,Verdana,sans-serif">
<!--treść lewej kolumny-->
<table align="center" border="0" cellpadding="0" cellspacing="0" style="display: block; width: 200px; font-family: Tahoma,Verdana,sans-serif;border:none" width="200">
<tr>
<td width="10" style="width: 10px"></td>
<td width="180" style="width: 180px">
<table align="center" border="0" cellpadding="0" cellspacing="0" style="display: block; width: 180px; font-family: Tahoma,Verdana,sans-serif;border:none" width="180">
<tr>
<td width="180" height="10" style="width:180px; height:10px">
<!--nie wszystkie programy pocztowe wspierają puste komórki, dlatego dobrze jest wstawić mały obrazek który zagwarantuje nam poprawne wyświetnelnie-->
<img src="01.jpg" alt="" width="1" height="10" style="display:block;width:1px;height:10px;"/>
</td>
</tr>
<tr>
<td width="180" style="width: 180px;font-weight: bold;font-size:14px">
Nowe serwer w ofercie
</td>
</tr>
<tr>
<td width="180" height="5" style="width:180px; height:5px">
<img src="02.jpg" alt="" width="1" height="5" style="display:block;width:1px;height:5px;"/>
</td>
</tr>
<tr>
<td width="180" style="width: 180px;font-size:12px">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam libero ligula, mollis at viverra in, tempor quis purus. Mauris vitae laoreet lectus. Pellentesque lectus dui, tempus id ornare accumsan, varius vel augue.
</td>
</tr>
<tr>
<td width="180" height="5" style="width:180px; height:5px">
<img src="02.jpg" alt="" width="1" height="5" style="display:block;width:1px;height:5px;"/>
</td>
</tr>
<tr>
<td width="180" style="width: 180px;font-size:12px;text-align:right">
<a href="link do strony z wiadomością" style="text-decoration:underline;color:#4690ff" target="_blank" title="Poznaj naszą nową ofertę">czytaj więcej</a>
</td>
</tr>
<tr>
<td width="180" height="20" style="width:180px; height:20px">
<img src="05.jpg" alt="" width="180" height="20" style="display:block;width:180px;height:20px;"/>
</td>
</tr>
<tr>
<td width="180" style="width: 180px;font-weight: bold;font-size:14px">
Nowe serwer w ofercie
</td>
</tr>
<tr>
<td width="180" height="5" style="width:180px; height:5px">
<img src="02.jpg" alt="" width="1" height="5" style="display:block;width:1px;height:5px;"/>
</td>
</tr>
<tr>
<td width="180" style="width: 180px;font-size:12px">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam libero ligula, mollis at viverra in, tempor quis purus. Mauris vitae laoreet lectus. Pellentesque lectus dui, tempus id ornare accumsan, varius vel augue.
</td>
</tr>
<tr>
<td width="180" height="5" style="width:180px; height:5px">
<img src="02.jpg" alt="" width="1" height="5" style="display:block;width:1px;height:5px;"/>
</td>
</tr>
<tr>
<td width="180" style="width: 180px;font-size:12px;text-align:right">
<a href="link do strony z wiadomością" style="text-decoration:underline;color:#4690ff" target="_blank" title="Poznaj naszą nową ofertę">czytaj więcej</a>
</td>
</tr>
<tr>
<td width="180" height="20" style="width:180px; height:20px">
<img src="05.jpg" alt="" width="180" height="20" style="display:block;width:180px;height:20px;"/>
</td>
</tr>
<tr>
<td width="180" style="width: 180px;font-weight: bold;font-size:14px">
Nowe serwer w ofercie
</td>
</tr>
<tr>
<td width="180" height="5" style="width:180px; height:5px">
<img src="02.jpg" alt="" width="1" height="5" style="display:block;width:1px;height:5px;"/>
</td>
</tr>
<tr>
<td width="180" style="width: 180px;font-size:12px">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam libero ligula, mollis at viverra in, tempor quis purus. Mauris vitae laoreet lectus. Pellentesque lectus dui, tempus id ornare accumsan, varius vel augue.
</td>
</tr>
<tr>
<td width="180" height="5" style="width:180px; height:5px">
<img src="02.jpg" alt="" width="1" height="5" style="display:block;width:1px;height:5px;"/>
</td>
</tr>
<tr>
<td width="180" style="width: 180px;font-size:12px;text-align:right">
<a href="link do strony z wiadomością" style="text-decoration:underline;color:#4690ff" target="_blank" title="Poznaj naszą nową ofertę">czytaj więcej</a>
</td>
</tr>
<tr>
<td width="180" height="20" style="width:180px; height:20px">
<img src="05.jpg" alt="" width="180" height="20" style="display:block;width:180px;height:20px;"/>
</td>
</tr>
</table>
</td>
<td width="10" style="width: 10px"></td>
</tr>
</table>
<!--koniec treści lewej kolumny-->
</td>
<!--END OF LEFT COLUMN (koniec lewej koluny)-->
<!--RIGHT COLUMN (prawa koluna)-->
<td width="450" valign="top" bgcolor="#ffffff" style="width:450px;vertical-align:top;color:#222222;background-color:#ffffff;font-size:12px;font-family:Tahoma,Verdana,sans-serif">
<!--treść prawej kolumny-->
<table align="center" border="0" cellpadding="0" cellspacing="0" style="display: block; width: 450px; font-family: Tahoma,Verdana,sans-serif;border:none" width="450">
<tr>
<td width="10" style="width: 10px"></td>
<td width="430" style="width: 430px">
<table align="center" border="0" cellpadding="0" cellspacing="0" style="display: block; width: 430px; font-family: Tahoma,Verdana,sans-serif;border:none" width="430">
<tr>
<td width="430" height="10" style="width:430px; height:10px">
<img src="03.jpg" alt="" width="1" height="10" style="display:block;width:1px;height:10px;"/>
</td>
</tr>
<tr>
<td width="430" style="width: 430px;font-weight: bold;font-size:16px;color:#012266">
Ut quis lectus dolor, in vehicula elit
</td>
</tr>
<tr>
<td width="430" height="5" style="width:430px; height:5px">
<img src="04.jpg" alt="" width="1" height="5" style="display:block;width:1px;height:5px;"/>
</td>
</tr>
<tr>
<td width="430" height="308" style="width:430px;height:308px">
<a href="link do strony" style="display:block;border:none;" target="_blank" title="więcej na temat NEW TECH EVENT"><img src="main.jpg" alt="już w kwietniu wybieramy się na NEW TECH EVENT" width="430" height="308" style="display:block;width:430px;height:308px;color:#4690ff;text-align: center;font-size:12px"/></a>
</td>
</tr>
<tr>
<td width="430" height="5" style="width:430px; height:5px">
<img src="04.jpg" alt="" width="1" height="5" style="display:block;width:1px;height:5px;"/>
</td>
</tr>
<tr>
<td width="430" style="width: 4300px;font-size:14px">
Ut quis lectus dolor, in vehicula elit. Nam consequat enim id felis vehicula et aliquam magna tempor. Integer magna nisl, rutrum sed faucibus ut, feugiat vel mi. Sed massa mi, rhoncus ac suscipit eget, eleifend quis neque. Morbi lacinia facilisis turpis, et porttitor elit euismod eu. Praesent vitae iaculis arcu. Nunc porta consequat lorem ac gravida. Praesent non libero et felis aliquam lobortis non in ipsum. Aliquam erat volutpat. Nam molestie malesuada sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc dapibus placerat neque tristique mollis. Pellentesque ut urna eu dui venenatis interdum. Fusce tempus justo quis mi lacinia rutrum.
</td>
</tr>
<tr>
<td width="430" height="10" style="width:430px; height:10px">
<img src="03.jpg" alt="" width="1" height="10" style="display:block;width:1px;height:10px;"/>
</td>
</tr>
</table>
</td>
<td width="10" style="width: 10px"></td>
</tr>
</table>
<!--koniec treści prawej kolumny-->
</td>
<!--END OF RIGHT COLUMN (koniec prawej koluny)-->
</tr>
</table>
</td>
</tr>
<!--END OF MAIN BODY (koniec treści głównej)-->
<!--FOOTER (stopka)-->
<tr>
<td width="650" style="width:650px">
<table align="center" border="0" cellpadding="0" cellspacing="0" style="display: block; width: 650px; font-family: Tahoma,Verdana,sans-serif;border:none" width="650">
<tr>
<!--w stopce dodajemy link rezygnacji-->
<td width="650" style="width:650px;text-align:center;color:#444444;font-size: 11px;font-family:Tahoma,Verdana,sans-serif">
Nie chcesz już otrzymywać newslettera? Skorzystaj z <resignlink><span style="text-decoration: underline;color:#4690ff">tego odnośnika.</span></resignlink>
</td>
</tr>
</table>
</td>
</tr>
<!--END OF FOOTER (koniec stopki)-->
</table>
</body>
</html>