<!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>[SUBJECT]</title>
    <style type="text/css">
        body {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            margin: 0 !important;
            width: 100% !important;
            -webkit-text-size-adjust: 100% !important;
            -ms-text-size-adjust: 100% !important;
            -webkit-font-smoothing: antialiased !important;
        }

        .tableContent img {
            border: 0 !important;
            display: block !important;
            outline: none !important;
        }

        a {
            color: #382F2E;
        }

        p,
        h1,
        ul,
        ol,
        li,
        div {
            margin: 0;
            padding: 0;
        }

        td,
        table {
            vertical-align: top;
        }

        td.middle {
            vertical-align: middle;
        }

        a {}

        a.link1 {
            background: #254d97;
            color: #ffffff;
            font-size: 15px;
            padding: 8px 12px;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            text-decoration: none;
        }

        a.link2 {}

        h2 {
            color: #000000;
            font-size: 22px;
            font-weight: normal;
        }

        .bgBody {
            background: #EAEAEA;
        }

        .bgItem {
            background: #FFFFFF;
        }

        p {
            color: #555555;
            font-size: 14px;
            line-height: 22px;
        }

        @media only screen and (max-width:480px) {

            table[class="MainContainer"],
            td[class="cell"] {
                width: 100% !important;
                height: auto !important;
            }

            td[class="specbundle"] {
                width: 100% !important;
                float: left !important;
                font-size: 13px !important;
                line-height: 17px !important;
                display: block !important;

            }

            td[class="specbundle1"] {
                width: 100% !important;
                float: left !important;
                font-size: 13px !important;
                line-height: 17px !important;
                display: block !important;
                padding-bottom: 20px !important;

            }

            td[class="specbundle2"] {
                width: 90% !important;
                float: left !important;
                font-size: 14px !important;
                line-height: 18px !important;
                display: block !important;
                padding-left: 5% !important;
                padding-right: 5% !important;
            }

            td[class="specbundle3"] {
                width: 90% !important;
                float: left !important;
                font-size: 14px !important;
                line-height: 18px !important;
                display: block !important;
                padding-left: 5% !important;
                padding-right: 5% !important;
                padding-bottom: 20px !important;
            }

            td[class="specbundle4"] {
                width: 100% !important;
                float: left !important;
                font-size: 13px !important;
                line-height: 17px !important;
                display: block !important;
                padding-bottom: 20px !important;
                text-align: center !important;

            }

            td[class="spechide"] {
                display: none !important;
            }

            img[class="banner"] {
                width: 100% !important;
                height: auto !important;
            }

            td[class="left_pad"] {
                padding-left: 15px !important;
                padding-right: 15px !important;
            }

        }

        @media only screen and (max-width:540px) {

            table[class="MainContainer"],
            td[class="cell"] {
                width: 100% !important;
                height: auto !important;
            }

            td[class="specbundle"] {
                width: 100% !important;
                float: left !important;
                font-size: 13px !important;
                line-height: 17px !important;
                display: block !important;

            }

            td[class="specbundle1"] {
                width: 100% !important;
                float: left !important;
                font-size: 13px !important;
                line-height: 17px !important;
                display: block !important;
                padding-bottom: 20px !important;

            }

            td[class="specbundle2"] {
                width: 90% !important;
                float: left !important;
                font-size: 14px !important;
                line-height: 18px !important;
                display: block !important;
                padding-left: 5% !important;
                padding-right: 5% !important;
            }

            td[class="specbundle3"] {
                width: 90% !important;
                float: left !important;
                font-size: 14px !important;
                line-height: 18px !important;
                display: block !important;
                padding-left: 5% !important;
                padding-right: 5% !important;
                padding-bottom: 20px !important;
            }

            td[class="specbundle4"] {
                width: 100% !important;
                float: left !important;
                font-size: 13px !important;
                line-height: 17px !important;
                display: block !important;
                padding-bottom: 20px !important;
                text-align: center !important;

            }

            td[class="spechide"] {
                display: none !important;
            }

            img[class="banner"] {
                width: 100% !important;
                height: auto !important;
            }

            td[class="left_pad"] {
                padding-left: 15px !important;
                padding-right: 15px !important;
            }

            .font {
                font-size: 18px !important;
                line-height: 26px !important;

            }
        }
    </style>

    <script type="colorScheme" class="swatch active">
        {
        "name":"Default",
        "bgBody":"EAEAEA",
        "link":"0000FF",
        "color":"555555",
        "bgItem":"ffffff",
        "title":"000000"
    }

    </script>
</head>

<body paddingwidth="0" paddingheight="0" class='bgBody' style="padding-top: 0; padding-bottom: 0; padding-top: 0; padding-bottom: 0; background-repeat: repeat; width: 100% !important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;" offset="0" toppadding="0" leftpadding="0">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="tableContent" align="center" bgcolor="#EAEAEA" style='font-family:helvetica, sans-serif;'>
        <!-- ================ header=============== -->
        <tbody>
            <tr>
                <td height='20' bgcolor='#EAEAEA'></td>
            </tr>
            <tr>
                <td>
                    <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" class="MainContainer" bgcolor="#FFFFFF">
                        <tbody>
                            <!-- ================ END header =============== -->
                            <tr>
                            <tr>
                                <td height='45'></td>
                            </tr>
                            <td class='movableContentContainer'>
                                <div class="movableContent" style="border: 0px; padding-top: 0px; position: relative;">
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tbody>
                                            <tr>
                                                <td valign="top" width="30">&nbsp;</td>
                                                <td valign="top">
                                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                            <td>
                                                                <div class="contentEditableContainer contentTextEditable">
                                                                    <div class="contentEditable">
                                                                        <h2 style="color:#250f22;text-align:center;">Jenny Uzo Foundation</h2>
                                                                        <p style="font-size: 14px;">
                                                                            Contact Form Details Submitted on jennyuzofoundation.org<br><br>
                                                                            <strong>
                                                                                Name: &nbsp;&nbsp;{{ $contact->name }}<br><br>
                                                                                Email: &nbsp;&nbsp;{{ $contact->email }}<br><br>
                                                                                Subject: &nbsp;&nbsp;{{ $contact->subject }}<br><br>
                                                                                Message: &nbsp;&nbsp;{{ $contact->cont }}<br><br>
                                                                            </strong>
                                                                        </p>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td height='37'></td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div style='border:1px solid #EBE3E3'></div>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                                <td width="30">&nbsp;</td>
                                            </tr>
                                        </tbody>
                                    </table>

                                </div>
                            </td>
            </tr>
    </table>
    </td>
    </tr>
    </tbody>
    </table>



</body>

</html>