Delicious Mail

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta content="en-us" http-equiv="Content-Language">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Delicious Mail</title>
<style type="text/css">
body {
    margin:0;
    padding:0;
    background-color:#eeeeee;
    color:#999999;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    -webkit-text-size-adjust: none;
}
h1, h2, h3, h4, h5, h6 {
    color:#39434d !important;
    margin-bottom:10px !important;
}
a, a:link, a:visited {
    color:#777777;
    text-decoration:none;
    border-bottom:1px #777777 dotted;
}
a:hover, a:active {
    text-decoration:none;
    color:#0f79aa !important;
    border-bottom:1px #0f79aa dotted !important;
}
img {
    border:0;
}
/*Hotmail and Yahoo specific code*/
.ReadMsgBody { width: 100%;}
.ExternalClass {width: 100%;}
.yshortcuts { color: #999999 }
.yshortcuts a span { color: #777777 }
/*Hotmail and Yahoo specific code*/
</style>
</head>

<body link="#777777" vlink="#777777">
<table id="container" align="center" cellpadding="0" cellspacing="0" style="width: 100%; margin:0; padding:0; background-color:#eeeeee;">

    <!-- Start of main container -->
    <tr>
        <td style="padding:0 20px;">

        <!--Start of Logo and view online | forward links--> 
        <table width="620" align="center" cellpadding="0" cellspacing="0" style="border-collapse:collapse; text-align:left; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; line-height:15pt; color:#999999; margin:0 auto;">
            <tr>
                <td style="color:#ffffff; padding:20px 0;">
                    <img align="left" border="0" vspace="0" hspace="0" alt="Logo" src="images/logo.gif"></td>
                <td width="100" style="padding:20px 0;" valign="bottom">
                    <img alt="-" height="7" src="images/arrow.gif" width="10" border="0"><a style="border-bottom:1px #2a8fbd dotted; text-decoration:none; color:#2a8fbd;" href="#">View online</a>
                </td>
                <td width="100" style="padding:20px 0;" valign="bottom">
                    <img alt="-" height="7" src="images/arrow.gif" width="10" border="0"><a style="border-bottom:1px #2a8fbd dotted; text-decoration:none; color:#2a8fbd;" href="#">Forward</a>
                </td>
            </tr>
        </table>

        <!--End of Logo and view online | forward links-->

        <!-- Start of letter container -->
        <table width="620" align="center" cellpadding="0" cellspacing="0" style="border-collapse:collapse; text-align:left; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; line-height:15pt; color:#999999; margin:0 auto;">
            <tr>
                <td bgcolor="#2a8fbd" height="5" style="font-size:2px; line-height:0px;" valign="top">
                    <table width="620" cellpadding="0" cellspacing="0" style="border-collapse:collapse; border-spacing: 0; margin:0; padding:0; line-height:0px;">
                        <tr>
                            <td valign="top" height="5" width="5" style="font-size:2px; line-height:0px;"><img alt="" height="5" src="images/borderTopLeft4.gif" width="5" align="right" vspace="0" hspace="0" border="0" style="display:block;"></td>
                            <td valign="top" height="5" width="610" style="font-size:2px; line-height:0px;"></td>
                            <td valign="top" height="5" width="5" style="font-size:2px; line-height:0px;"><img alt="" height="5" src="images/borderTopRight4.gif" width="5" align="right" vspace="0" hspace="0" border="0" style="display:block;"></td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td bgcolor="#2a8fbd" style="padding:15px 20px 22px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999;">

                    <table width="580" align="center" cellpadding="0" cellspacing="0" style="border-collapse:collapse; text-align:left; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; line-height:15pt; color:#999999; margin:0 auto;">
                        <tr>
                            <td width="50" valign="middle" style="padding:0 20px 0 0;">
                            <img alt="image" border="0" vspace="0" hspace="0" height="50" src="images/clockIcon.gif" width="50"></td>
                            <td valign="middle" style="padding:10px 0 0 0; color:#ffffff !important;">
                            <div style="padding:0; font-family:Arial, Helvetica, sans-serif; font-size:36px; line-height:24pt; font-weight:bold; margin:0; display:block; color:#ffffff;">You are invited!</div>
                            <span style="padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:17pt; font-weight:lighter; display:block;color:#ffffff;">August 12, 2011 at 6PM</span>
                            </td>
                        </tr>
                    </table>

                </td>
            </tr>
            <tr>
                <td valign="bottom" bgcolor="#2a8fbd" height="6" style="font-size:2px; line-height:0px; padding:0 0 0 39px;">
                <img alt="" height="6" src="images/arrowUp.gif" width="12" align="left" vspace="0" hspace="0" border="0" style="display:block;"></td>
            </tr>
            <tr>
                <td bgcolor="#FFFFFF" style="padding:15px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999;">

                    <h2 style="padding:0; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:17pt; color:#39434d; font-weight:lighter; margin-top:0; margin-bottom:10px !important;">Join our annual <span style="color:#2a8fbd;">developers</span> meeting</h2>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec porta luctus nisi, ut ornare velit fermentum ut.
					Morbi non vehicula augue. Nullam sodales, augue ac sollicitudin rutrum, nunc nunc varius urna, euismod fringilla
					dolor nulla at ipsum. Nam dignissim pharetra lectus quis tempus. Etiam id odio elit. Aliquam massa eros, pulvinar
					at rutrum vel, vulputate vulputate massa. Duis malesuada nibh auctor dui porta eu fringilla libero faucibus.
					Pellentesque porta, ipsum ut laoreet bibendum, quam sapien dictum mauris, ac sagittis justo lectus et erat.
					Sed imperdiet gravida enim a fermentum.

                </td>
            </tr>

            <tr>
                <td bgcolor="#FFFFFF" style="padding:0 20px 20px 380px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999;">
                    <table align="right" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0;" width="220">
                        <tr>
                            <td style="padding:4px 10px 0 0;" valign="top" width="75">
                                < img align="left" alt="image" border="0" hspace="0" src="images/avatar.png" height="90" width="75" style="display: block;"></td>
                            <td style="text-align:center;">
                                <span style="padding:0; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:17pt; color:#39434d; font-weight:lighter; margin:0;">John Doe</span><br>
                                President and CEO
                            </td>
                        </tr>
                    </table>

                </td>
            </tr>

            <!--Start of footer container-->
            ...
        ...
Delicious Mail © 2011 gifky.com all rights reserved.