Test html email

by Danielle Parkinson

HTML

@using RazorEngine.Text
@model Fizz.Dashboard.Web.Models.EmailBaseModel

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

<body>
    <table align="center" cellpadding="0" cellspacing="0">
        <tr>
            <td width="6%" bgcolor="#00338D" class="pattern">&nbsp;</td>
            <td width="2%" bgcolor="#FFFFFF" class="pattern">&nbsp;</td>
            <td width="91%" bgcolor="#FFFFFF" class="pattern">
                <table align="center" cellpadding="0" cellspacing="10" bgcolor="#FFFFFF">
                    <tr>
                        <td class="pattern">
                            <table cellpadding="0" cellspacing="0" style="margin-left:25px;">
                                <tr>
                                    <td width="550" height="38" align="left" bgcolor="#FFFFFF" class="pattern"><a name="_top" id="_top"></a></td>
                                </tr>
                            </table><table cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="margin-left:25px;">
                                <tr>
                                    <td width="550" class="pattern">
                                        <table width="94" border="0" align="left" cellpadding="0" cellspacing="0" style="margin-right:15px; margin-bottom:5px; margin-top:0px;">
                                            <tr>
                                                <td width="94"><img src="http://www.kpmg.com/Global/en/Hidden/PublishingImages/eComms/GM-ECOM-02574-New-Brand-KPMG-logo.jpg" width="94" height="38" /></td>
                                            </tr>

                                        </table>
                                    </td>
                                </tr>

                            </table><table cellpadding="0" cellspacing="0" style="margin-left:25px;">
                                <tr>
                                    <td width="550"...

CSS

p {
            font: normal normal 9.5pt Arial, Helvetica, sans-serif;
            margin: 0 0 20px 0;
            padding: 0;
            line-height: 14pt;
            color: #000000;
        }

        a:link {
            color: #0563C1;
            text-decoration: underline;
        }

        a:visited {
            color: #0563C1;
            text-decoration: underline;
        }

        a:focus {
            color: #0563C1 !important;
        }

        a:hover {
            color: #0563C1 !important;
            text-underline-position: #0563C1;
            text-decoration: underline;
        }


        a.btn-survey:link {
            -webkit-border-radius: 2;
            -moz-border-radius: 2;
            border-radius: 2px;
            font-family: Arial;
            color: white;
            font-size: 22px;
            background: #00338D;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
        }

        a.btn-survey:hover, a.btn-survey:visited {
            color: #ffffff !important;
            background: #0091DA;
        }

        .paragraph {
            padding: 0;
            font: normal normal 9.5pt Arial;
            margin: 0 0 20px 0;
            line-height: 11.5pt;
            margin-right: 35px;
            color: #000000;
        }

            .paragraph a:link {
                color: #0563C1;
            }

            .paragraph a:visited {
                color: #0563C1;
            }


        h1 {
            margin: 0 0 8pt 0;
            padding: 0;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 30pt;
            line-height: 40pt;
            font-weight: bold;
            font-style: normal;
            color: #002776;
        }

        h2 {
            margin: 0 0 8pt 0;
            padding: 0;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12pt;
            line-height:...