Dear friends
I am going to explain you simple way by which you can design
e-mailer for represent some category of product .
Tools use:
1. Html
2. CSS
3. Photoshop
white following code in your favorite text editor and save it as a extension .html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Jabra UC Series</title>
</head>
<body>
<table cellpadding="0" cellspacing="0" width="640" align="center" bgcolor="#ffffff" style="border:solid 1px #c0c0c0;">
<tbody><tr>
<td colspan="3" height="60" bgcolor="#ffffff"><a href="http://www.jabra.com/" target="_blank"><img src="http://www.innovatelecom.com/flyers/jabraus_series/images/jabra_logo.png" alt=" jabra_logo" width="173" height="72" hspace="0" vspace="0" border="0" align="left" style="display:block; font:bold 12px calibri; color:#000000" /><a href="http://www.innovatelecom.com" target="_blank"><img src="http://www.innovatelecom.com/flyers/jabraus_series/images/innovalogo.png" alt=" innova logo" width="173" height="72" hspace="0" vspace="0" border="0" align="right" style="display:block; font:bold 12px calibri; color:#000000" /></a></td>
</tr>
<tr>
<td colspan="3" align="center">
<div align="center"><a href="http://www.jabra.in" target="_blank"><img src="http://www.innovatelecom.com/flyers/jabraus_series/images/header.png" alt=" Jabra Headsets " width="640" height="150" hspace="0" vspace="0" border="0" style="color:#000000; font: bold 18px calibri; display: block; background-color:#cccccc;"></a></div></td>
</tr>
<tr>
<tr>
<td colspan="3" align="center"><div align="center"><a href="http://www.jabra.in" target="_blank"><img src="http://www.innovatelecom.com/flyers/jabraus_series/images/about_uc.png" alt=" Jabra Headsets :- jabra" width="640" height="84" hspace="0" vspace="0" border="0" style="color:#000000; font: bold 18px calibri; display: block; background-color:#cccccc;"></a></div></d>
</tr>
<tr>
<td colspan="3" height="12"></td>
</tr>
<tr>
<td colspan="3" align="center"><table width="600" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" align="center" style="border:1px solid #dfdfdf;">
<tbody><tr>
<td valign="top" style="border-right:1px solid #dfdfdf; padding:6px 6px 6px 6px;"><a href="http://www.jabra.in/products/wired_headsets/jabra_uc_voice__150_series/jabra_uc_voice_150_duo" target="_blank"><img src="http://www.innovatelecom.com/flyers/jabraus_series/images/jabrauc_150.png" width="296" height="278" hspace="0" vspace="0" align="left" border="0" alt=" uc 150" style="color:#000000; font: bold 18px calibri; display: block; background-color:#cccccc;"></a></td>
<td valign="top"><table width="303" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td valign="top" style="border-right:1px solid #dfdfdf; padding:6px 6px 6px 6px;"><a href="http://www.jabra.in/products/wired_headsets/jabra_uc_voice__550_series/jabra_uc_voice_550_duo" target="_blank"><img src="http://www.innovatelecom.com/flyers/jabraus_series/images/uc550.png" width="296" height="278" hspace="0" vspace="0" align="left" border="0" alt="uc 550" style="color:#000000; font: bold 18px calibri; display: block; background-color:#cccccc;"></a></td>
</tr>
</tbody></table></td>
</tr>
</tbody></table></td>
</tr>
<tr><td colspan="3" height="20"></td></tr>
<tr>
<td colspan="3" align="center"><table width="600" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" align="center" style="border:1px solid #dfdfdf;">
<tbody><tr>
<td valign="top" style="border-right:1px solid #dfdfdf;"><table width="302" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td valign="top" width="303" style="padding:6px 6px 6px 7px;"><a href="http://www.jabra.in/products/wired_headsets/jabra_uc_voice__750_series" target="_blank"><img src="http://www.innovatelecom.com/flyers/jabraus_series/images/uc750-1.png" width="296" height="278" hspace="0" vspace="0" align="left" border="0" alt="UC 750" style="color:#000000; font: bold 18px calibri; display: block; background-color:#cccccc;"></a></td>
</tr>
</tbody></table></td>
<td valign="top" width="303" style="padding:6px 6px 6px 7px;"><a href="http://www.jabra.in/products/wired_headsets/jabra_uc_voice__250_series" target="_blank"><img src="http://www.innovatelecom.com/flyers/jabraus_series/images/uc750.png" width="296" height="278" hspace="0" vspace="0" align="left" border="0" alt="UC 250" style="color:#000000; font: bold 18px calibri; display: block; background-color:#cccccc;"></a></td>
</tr>
</tbody></table></td>
</tr>
<tr>
<td align="center" colspan="3"></td></tr>
<tr></td><td></td></tr>
<tr>
<td colspan="3" bgcolor="#ceeafa" align="center"><table cellpadding="0" cellspacing="0" border="0" width="600" style="color:#151516; font:bold 12px 'calibri">
</table></td>
</tr>
<tr>
<td colspan="3"><table align="center" width="640" cellpadding="0" cellspacing="0" style="background:#000000;">
<tbody><tr>
<td width="400" style="padding:10px;"><span style="color:#fff200; font: normal 16px calibri;">For purchase enquiry write to : <a href="mailto:info@innovatelecom.com" style="color:#fff200; text-decoration:underline">info@innovatelecom.com </a> or Call Tollfree: 1800 103 8088
For online purchase visit <a href="http://www.headsetsindia.com/" style="color:#fff200; text-decoration:underline"> www.headsetsindia.com
</a></span></td>
</tr>
</tbody></table></td>
</tr>
</tbody></table>
</body></html>
You will get out put:
ConversionConversion EmoticonEmoticon