Hi guys,

I am trying to teach myself to code emails and while I feel like im making a little bit of progress I always hit some stumbles.
Would any of you more experienced coders mind casting an eye over this template I am trying to put together to offer me some adive/hints/tips, especially on the resposive elements?

I'm sure I've made plenty of mistakes that you guys could point out for me to try and erradicate.

Thanks in advance.

<!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" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>No vel amet harum</title>

    <style type="text/css">
        /* Outlook link fix */
        #outlook a {padding:0;}
        /* Hotmail background & line height fixes */
        .ExternalClass {width:100% !important;}
        .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font,
        .ExternalClass td, .ExternalClass div {line-height: 100%;}
        /* Image borders & formatting */
        img {outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;} 
        a img {border:none;} 
        /* Hotmail symbol fix for mobile devices */
        .ExternalClass img[class^=Emoji] { width: 10px !important; height: 10px !important; display: inline !important; } 
        /* Colours phone numbers white for ios devices */
        .ioswhite a {color:#ffffff; text-decoration: none;}
        /* Colours phone numbers orange for ios devices */
        .iosorange a {color:#FF7900; text-decoration: none;}


        /* Media Query for mobile */        
        @media screen and (max-width: 480px) {  

        /* This resizes tables and images to be 100% wide with a proportionate width */
        *[class=emailwrapto100pc]{width:100% !important; height:auto !important;}

        /* Hide stuff on mobiles */
        *[class=emailnomob]{display:none !important;}

        *[class=emailcolsplit]{width:100%!important; float:left!important;}

        a[class=emailmobbutton]{display:block !important;font-size:15px !important; font-weight:bold !important; padding:6px 4px 8px 4px !important; line-height:12px !important; background:#dddddd !important; border-radius:5px !important; margin:10px auto;width:70%; text-align:center; color:#111 !important; text-decoration:none;}

        /* This resizes body text for mobiles */
        *[class=emailheadertext]{font-size:20px !important;}
        *[class=emailheadertext2]{font-size:18px !important;}               
        *[class=emailbodytext]{font-size:15px !important;}
        img[class="img-max"]{max-width: 100% !important; width: 100% !important; height:auto !important;}
        table[class="responsive-table"]{width:100%!important;}
        td[class="mobile-wrapper"]{padding: 10px 5% 15px 5% !important;}      


        /* Additional Media Query for tablets */        
        @media screen and (min-width: 480px) and (max-width: 1024px) {

        /* Hide stuff on tablets */
        *[class=emailnotab]{display:none !important;}

        /* Same as above - make the text larger on a tablet*/
        *[class=emailheadertext]{font-size:19px !important;}
        *[class=emailheadertext2]{font-size:18px !important;}
        *[class=emailbodytext]{font-size:14px !important;}

        .deviceWidth { width: 440px !important; padding:0; background-color: #ffffff !important; }      
         /*Same as above - make links into buttons*/
        a[class=emailmobbutton]{display:block !important;font-size:15px !important; font-weight:bold !important; padding:6px 4px 8px 4px !important; line-height:16px !important; background:#dddddd !important; border-radius:5px !important; margin:10px auto;width:70%; text-align:center; color:#111 !important; text-decoration:none;}
}
</style>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>

<body style="padding:0; margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:100%; background-color:#E4EEF4;" bgcolor="#E4EEF4">
<!-- bg -->
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%" bgcolor="#ffffff">
  <tr>
    <td align="center" valign="top">
<!-- full email -->
        <table width="600" border="0" cellspacing="0" cellpadding="0" class="emailwrapto100pc">
            <tr>
                <td bgcolor="#FFFFFF" align="center">
                    <a href="" style="font-family:Arial, Helvetica, sans-serif; color:#aaaaaa; text-decoration:none; font-size:14px">View in browser</a>
<!-- logo -->
                <table border="0" cellspacing="0" cellpadding="20" width="100%">
                    <tr>
                        <td align="center">
                            <img src="-logo-small.png" width="200" height="51" border="0" style="display:block" alt="&#10;&#10; " />
                        </td>                           
                    </tr>
                </table>    
<!-- header image -->
                <img src="app-of-year-2015.png" width="600" height="345" border="0" style="display:block" class="emailwrapto100pc" alt="&#10;&#10; " />
<!-- end of image -->


<!-- text box -->
<table border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#fafafa">
    <tr>
        <td>
            <table border="0" cellspacing="0" cellpadding="15" width="90%" align="center" style="margin:0 auto;">
                <tr>
                    <td style="font-size: 16px;font-family: Arial, Tahoma;color: #777777; mso-line-height-rule:exactly; line-height: 1.7" class="emailbodytext" align="center">
                        <h2 style="font-family: Arial, Tahoma; color: #777777; font-size:24px; font-weight:600; mso-line-height-rule:exactly; line-height: 1.5">
                        In vim esse fastidii, mea nihil labitur
                        </h2>
                        <p>In vim esse fastidii, mea nihil labitur ponderum et, tempor iisque usu ex. Vim no inani torquatos, eros volutpat hendrerit ad pri, qui ei nominavi ocurreret. Impedit scriptorem at mea, mel latine.</p>
                        <p>Nec ad platonem pericula, ne amet debitis his. Ut sea maiorum consulatu aliquando, pri quodsi platonem an, sit invidunt instructior an. Sed ne volumus delicata senserit. Et ignota audiam quo, ea usu mazim omnesque.</p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
<!-- end of text box -->

<!-- full width image -->
<table border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#f0f0f0">
    <tr>
        <td>
            <img src="win-ipadpro.png" width="600" height="370" border="0" style="display:block" class="emailwrapto100pc" alt="&#10;&#10; " />
        </td>
    </tr>
</table>        
<!-- end of full width image -->

<!-- text box -->
<table border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#f0f0f0">
    <tr>
        <td>
            <table border="0" cellspacing="0" cellpadding="15" width="90%" align="center" style="margin:0 auto;">
                <tr>
                    <td style="font-size: 16px;font-family: Arial, Tahoma;color: #777777; mso-line-height-rule:exactly; line-height: 1.7" class="emailbodytext" align="center">
                        <h2 style="font-family: Arial, Tahoma; color: #777777; font-size:24px; font-weight:600; mso-line-height-rule:exactly; line-height: 1.5">
                        Ne eos indoctum suavitate
                        </h2>
                        <p>
                        Usu ut idque similique, mel elit efficiendi ex. Ex soleat iriure vis, et facilis graecis molestiae per. In quo congue argumentum. Cu ferri feugait philosophia vis.
                        </p>
                        <p>
                        Ea pro veritus ceteros electram, at quod amet dico cum. Pro assueverit contentiones ne, facete docendi omnesque ad mea, ad vis sumo mundi. Cu habemus patrioque eam, delenit omnesque legendos at mel. Ei vim laudem minimum patrioque. Pro enim liber cu, ne sea causae legimus suscipit. Oblique accumsan per cu, ut solet consetetur vix, sit dicit noluisse maluisset ut. Ex percipit senserit pro, cu laudem graeco his.
                        OR<br />
                        An nam torquatos intellegam, euismod abhorreant te mei.                     
                        </p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
<!-- end of text box -->

<!-- full width image -->
<table border="0" cellspacing="0" cellpadding="10" width="100%" bgcolor="#fafafa">
    <tr>
        <td align="center">
            <img src="artboards-macbook-sep.png" width="500" height="293" border="0" style="display:block" class="emailwrapto100pc" alt="&#10;&#10; " />
        </td>
    </tr>
</table>        
<!-- end of full width image -->


<!-- text box -->
<table border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#fafafa">
    <tr>
        <td>
            <table border="0" cellspacing="0" cellpadding="15" width="90%" align="center" style="margin:0 auto;">
                <tr>
                    <td style="font-size: 16px;font-family: Arial, Tahoma;color: #777777; mso-line-height-rule:exactly; line-height: 1.7" class="emailbodytext" align="center">
                        <h2 style="font-family: Arial, Tahoma; color: #777777; font-size:24px; font-weight:600; mso-line-height-rule:exactly; line-height: 1.5">
                        In cum audiam fabellas.
                        </h2>
                        <p>An nam torquatos intellegam, euismod abhorreant te mei. Ut est libris eruditi atomorum, vis ignota ocurreret consequat at. Dicam intellegebat eam ad, fugit atqui putent pro an, te graeci aliquid maluisset sit. Vis ullum oblique eu. In cum audiam fabellas.</p>
                        <p>
                        An qui discere indoctum, ut sit habeo discere minimum. Hendrerit efficiendi omittantur ea ius, corpora liberavisse cu vel, natum referrentur sit ei. Qui soleat accommodare id, esse doctus quaeque vis ei. Lucilius scriptorem ut duo. Mea meis malis velit at. Imperdiet temporibus no usu, no ferri fabulas pri, cu dictas aliquip incorrupte ius.                       </p>
                        <p>Nec oratio perfecto at, te tempor malorum cotidieque nec, elitr delectus dissentiet eum ei. Id tale aliquando eam. Ex duo natum altera aliquip. Stet nonumy inimicus pri an, tota regione ullamcorper his cu, nibh postea dolorem mei ex. Magna deleniti qui eu, eu viris complectitur his, periculis urbanitas at vel.</p>

                        <!-- button -->
                        <table cellpadding="0" cellspacing="0">
                        <tr>
                        <td>
                        <div><!--[if mso]>
                            <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://" style="height:50px;v-text-anchor:middle;width:160px;" arcsize="20%" stroke="f" fillcolor="#49B3FF">
                            <w:anchorlock/><center><![endif]-->
                            <a href="http://"style="background-color:#49B3FF;border-radius:8px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:16px;line-height:40px;text-align:center;text-decoration:none;width:160px;-webkit-text-size-adjust:none;">Watch the video</a>
                            <!--[if mso]></center>
                            </v:roundrect>
                            <![endif]-->
                        </div>
                        </td>
                        </tr>
                        </table>
                        <!-- button -->                     
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
<!-- end of text box -->

<!-- full width image -->
<table border="0" cellspacing="0" cellpadding="10" width="100%" bgcolor="#f0f0f0" align="center">
    <tr>
        <td align="center">
            <img src="photos-small2.png" width="149" height="149" border="0" style="display:block" />
        </td>
    </tr>
</table>        
<!-- end of full width image -->

<!-- text box -->
<table border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#f0f0f0">
    <tr>
        <td>
            <table border="0" cellspacing="0" cellpadding="15" width="90%" align="center" style="margin:0 auto;">
                <tr>
                    <td style="font-size: 16px;font-family: Arial, Tahoma;color: #777777; mso-line-height-rule:exactly; line-height: 1.7" class="emailbodytext" align="center">
                        <h2 style="font-family: Arial, Tahoma; color: #777777; font-size:24px; font-weight:600; mso-line-height-rule:exactly; line-height: 1.5">
                        Ut eam convenire dissentias honestatis.
                        </h2>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
<!-- end of text box -->

<!-- full width image -->
<table border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#f0f0f0">
    <tr>
        <td>
            <img src="photos-extensions.png" width="600" height="251" border="0" style="display:block" class="emailwrapto100pc" alt="&#10;&#10; " />
        </td>
    </tr>
</table>        
<!-- end of full width image -->

<!-- text box -->
<table border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#f0f0f0">
    <tr>
        <td>
            <table border="0" cellspacing="0" cellpadding="15" width="90%" align="center" style="margin:0 auto;">
                <tr>
                    <td style="font-size: 16px;font-family: Arial, Tahoma;color: #777777; mso-line-height-rule:exactly; line-height: 1.7" class="emailbodytext" align="center">
                        <p>
                        Nec oratio perfecto at, te tempor malorum cotidieque nec, elitr delectus dissentiet eum ei. Id tale aliquando eam. Ex duo natum altera aliquip. Stet nonumy inimicus pri an, tota regione ullamcorper his cu, nibh postea dolorem mei ex. Magna deleniti qui eu, eu viris complectitur his, periculis urbanitas at vel.
                        </p>
                        <p>
                        Ut eam convenire dissentias honestatis, mel ei natum integre consequat. Sale maluisset duo ea, putent dicunt complectitur ut per. Ei ipsum habemus electram duo, vide sanctus complectitur in quo. Ea est tritani fastidii, quaestio antiopam consequuntur eu ius, affert everti ponderum ea eos. No ius libris accusam, eam enim latine in.                
                        </p>
                        <p>
                        Ea pro veritus ceteros electram, at quod amet dico cum. Pro assueverit contentiones ne, facete docendi omnesque ad mea, ad vis sumo mundi. Cu habemus patrioque eam, delenit omnesque legendos at mel. Ei vim laudem minimum patrioque. Pro enim liber cu, ne sea causae legimus suscipit. Oblique accumsan per cu, ut solet consetetur vix, sit dicit noluisse maluisset ut. Ex percipit senserit pro, cu laudem graeco his.</p>

                        <!-- button -->
                        <table cellpadding="0" cellspacing="0">
                        <tr>
                        <td>                        
                        <div><!--[if mso]>
                            <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://" style="height:50px;v-text-anchor:middle;width:220px;" arcsize="20%" stroke="f" fillcolor="#49B3FF">
                            <w:anchorlock/><center><![endif]-->
                            <a href="http://"style="background-color:#49B3FF;border-radius:8px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:16px;line-height:40px;text-align:center;text-decoration:none;width:220px;-webkit-text-size-adjust:none;">Watch the video</a>
                            <!--[if mso]></center>
                            </v:roundrect>
                            <![endif]-->
                        </div>
                        </td>
                        </tr>
                        </table>
                        <!-- button -->                         
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
<!-- end of text box -->


<!-- text box -->
<table border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#fafafa">
    <tr>
        <td>
            <table border="0" cellspacing="0" cellpadding="15" width="90%" align="center" style="margin:0 auto;">
                <tr>
                    <td style="font-size: 16px;font-family: Arial, Tahoma;color: #777777; mso-line-height-rule:exactly; line-height: 1.7" class="emailbodytext" align="center">
                        <h2 style="font-family: Arial, Tahoma; color: #777777; font-size:24px; font-weight:600; mso-line-height-rule:exactly; line-height: 1.5">
                        Cu ferri feugait philosophia vis.
                        </h2>
                        <p>Usu ut idque similique, mel elit efficiendi ex. Ex soleat iriure vis, et facilis graecis molestiae per. In quo congue argumentum. Cu ferri feugait philosophia vis.</p>                      
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
<!-- end of text box -->

<table cellspacing="0" cellpadding="0" border="0" width="100%" bgcolor="#fafafa">
                            <tr>
                                <td valign="top" style="padding: 0;" class="mobile-wrapper">
                                    <!-- LEFT COLUMN -->
                                    <table cellpadding="0" cellspacing="0" border="0" width="47%" align="left" class="responsive-table">
                                        <tr>
                                            <td style="padding: 0px 0 20px 0;">
                                                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                                    <tr>
                                                        <td align="center" bgcolor="#fafafa" valign="middle"><a href="#"><img src="designer-lrg.png" width="220" style="display: block; width: 220px;" alt="Fluid images" border="0" class="img-max"></a></td>
                                                    </tr>
                                                    <tr>
                                                        <td align="center" style="font-family: Arial, Tahoma; color: #777777; font-size:18px; font-weight:600; mso-line-height-rule:exactly; line-height: 1.5">Ius no regione periculis</td>
                                                    </tr>
                                                    <tr>
                                                        <td align="center">
        <table align="center" cellpadding="0" cellspacing="0" bgcolor="#fafafa"><tr><td valign="middle" bgcolor="#fafafa">
        <div><!--[if mso]>
        <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="" style="height:50px;v-text-anchor:middle;width:140px;" arcsize="20%" stroke="f" fillcolor="#49B3FF">
        <w:anchorlock/><center><![endif]-->
        <a href=""style="background-color:#49B3FF;border-radius:8px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:16px;line-height:40px;text-align:center;text-decoration:none;width:140px;-webkit-text-size-adjust:none;">Buy Now</a>
        <!--[if mso]></center>
        </v:roundrect>
        <![endif]-->
        </div></td></tr></table>                                                        
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                    <!-- RIGHT COLUMN -->
                                    <table cellpadding="0" cellspacing="0" border="0" width="47%" align="right" class="responsive-table">
                                        <tr>
                                            <td style="padding: 0px 0 20px 0;">
                                                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                                    <tr>
                                                        <td align="center" bgcolor="#fafafa" valign="middle"><a href="#"><img src="photo-lrg.png" width="220" style="display: block; width: 220px;" alt="alt text here" border="0" class="img-max"></a></td>
                                                    </tr>
                                                    <tr>
                                                        <td align="center" style="font-family: Arial, Tahoma; color: #777777; font-size:18px; font-weight:600; mso-line-height-rule:exactly; line-height: 1.5">Ius no regione periculis</td>
                                                    </tr>
                                                    <tr>
                                                        <td align="center">
        <table align="center" cellpadding="0" cellspacing="0" bgcolor="#fafafa"><tr><td valign="middle" bgcolor="#fafafa">
        <div><!--[if mso]>
        <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="" style="height:50px;v-text-anchor:middle;width:140px;" arcsize="20%" stroke="f" fillcolor="#49B3FF">
        <w:anchorlock/><center><![endif]-->
        <a href=""style="background-color:#49B3FF;border-radius:8px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:16px;line-height:40px;text-align:center;text-decoration:none;width:140px;-webkit-text-size-adjust:none;">Buy Now</a>
        <!--[if mso]></center>
        </v:roundrect>
        <![endif]-->
        </div></td></tr></table>                                                        
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>

<!-- full width image -->
<table border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#f0f0f0">
    <tr>
        <td>
            <img src="-closeup.jpg" width="600" height="331" border="0" style="display:block" class="emailwrapto100pc" alt="&#10;&#10; 6 Photos Extensions now in Affinity Photo" />
        </td>
    </tr>
</table>        
<!-- end of full width image -->

<!-- text box -->
<table border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#f0f0f0">
    <tr>
        <td>
            <table border="0" cellspacing="0" cellpadding="15" width="90%" align="center" style="margin:0 auto;">
                <tr>
                    <td style="font-size: 16px;font-family: Arial, Tahoma;color: #777777; mso-line-height-rule:exactly; line-height: 1.7" class="emailbodytext" align="center">
                        <h2 style="font-family: Arial, Tahoma; color: #777777; font-size:24px; font-weight:600; mso-line-height-rule:exactly; line-height: 1.5">
                        Dicta mazim nec no, mel ea quis alii dicta, ex sed simul ceteros.
                        </h2>                   
                        <p>
                        Ius no regione periculis. Dicta mazim nec no, mel ea quis alii dicta, ex sed simul ceteros. Detracto reprehendunt duo te, usu equidem debitis no, ad illud tacimates euripidis mea. Noster everti per no. Dicam cetero appareat ut pri, eos atomorum salutandi tincidunt te. Ei nec altera facilis, eius veri inciderint sit ad, tritani nostrum adipisci in mei.
                        </p>
                        <p>
                        Usu ut idque similique, mel elit efficiendi ex. Ex soleat iriure vis, et facilis graecis molestiae per. In quo congue argumentum. Cu ferri feugait philosophia vis.
                        </p>

                        <!-- button -->
                        <table cellpadding="0" cellspacing="0">
                        <tr>
                        <td>
                        <div><!--[if mso]>
                            <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://skl.sh/poked" style="height:50px;v-text-anchor:middle;width:350px;" arcsize="20%" stroke="f" fillcolor="#49B3FF">
                            <w:anchorlock/><center><![endif]-->
                            <a href="http://skl.sh/poked"style="background-color:#49B3FF;border-radius:8px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:16px;line-height:40px;text-align:center;text-decoration:none;width:350px;-webkit-text-size-adjust:none;">Usu ut idque similique, mel elit efficiendi ex</a>
                            <!--[if mso]></center>
                            </v:roundrect>
                            <![endif]-->
                        </div>
                        </td>
                        </tr>
                        </table>
                        <!-- button -->                         
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
<!-- end of text box -->

<!-- footer -->
<table border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#333333">
    <tr>
        <td>
            <table border="0" cellspacing="0" cellpadding="15" width="90%" align="center" style="margin:0 auto;">
                <tr>
                    <td style="font-size: 16px;font-family: Arial, Tahoma;color: #ffffff; mso-line-height-rule:exactly; line-height: 1.7" class="emailbodytext" align="center">
                        <h2 style="font-family: Arial, Tahoma; color: #ffffff; font-size:24px; font-weight:600; mso-line-height-rule:exactly; line-height: 1.5">
                        Usu ut idque similique, mel elit efficiendi ex
                        </h2>                   
                        <p>
                        Ne eos indoctum suavitate, in feugiat singulis sed, his amet aliquando theophrastus et. Mel tation placerat postulant an, quo commodo probatus at. Ad mei laudem recusabo, nullam honestatis ad pri. Partem iuvaret ius id, id pro doming legendos antiopam. Nemore deterruisset his cu, ex sit vivendo assueverit. No vel amet harum.
                        </p>
                        <p>
                        All the best,
                        </p>
                        <p>
                        No vel amet harum.
                        </p>
                        <table cellpadding="0" cellspacing="0" width="50%">
                        <tr>
                            <td><a href="https://www.facebook.com/"><img src="facebook-icon-1.png" width="100" height="" border="0" alt="Facebook"></a></td>
                            <td><a href="https://twitter.com/"><img src="twitter-icon-1.png" width="100" height="" border="0" alt="Twitter"></a></td>
                            <td><a href=""><img src="forum-icon-1.png" width="100" height="" border="0" alt="Affinity Forums"></a></td>                                                     
                        </tr>
                        </table>
                        <p style="color:#777777">
                        ©2015, United Kingdom
                        </p>
                        <p>
                        <a href="" style="color: #49B3FF; text-decoration: none">Unsubscribe</a>
                        </p>                            
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
<!-- end of footer -->




                </td>
            </tr>
        </table>
     </td>
  </tr>
</table>
</body></html>
  </tr>
</table>
</body></html>