<!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>Preview Page</title>
</head>
<style type="text/css">
    .parent {
        background: #f1f1f1;
        padding: 90px 0px 0px 0px;
    }

    .vm-content {
        width: 270px;
        margin: 0 auto;
        border: 1px solid lightgray;
        border-radius: 4px;
        padding: 25px;
        margin-bottom: 200px;
        font-family: 'helevetica', arial;
        font-size: 13px;
        background: #ffffff;
        paddding-top: 90px;
    }

    @media (max-width: 768px) {
        .vm-content {
            width: inherit;
        }

        #footer, #header {
            display: none !important;
        }

        .parent {
            padding: 0px;
            height: 230px;
        }
    }
</style>
<body>
<div class="parent">
    <!-- body -->
    <div class="vm-content">
        <div>From {{senderName}} at {{company.name}}</div>
        {{#if messageFromSender}}
            <p style="margin-top: 30px; word-wrap: break-word;">{{messageFromSender}}</p>
        {{else}}
            <p style="margin-top: 30px;">Thought you might like this...</p>
        {{/if}}
        <div style="margin-bottom: 50px;">
            <strong>{{product.company.name}}</strong>
            <div>
                {{product.styleNumber}}
            </div>
        </div>
        <div>
            <strong>View this Item - </strong>
            <a href="{{productLink}}" target="_blank">{{productLink}}</a>
        </div>
    </div>
    <!-- body end -->
    <!-- footer -->
    <table align="center" id="footer" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td width="650">
                <div align="center"
                     style="color:#444444; font-family:Helvetica, Verdana, Arial, sans-serif; font-size:7pt;padding-bottom:10px;">
                    {{OPTcopyrightText}}
                </div>
                <div align="center"
                     style="color:#444444; font-family:Helvetica, Verdana, Arial, sans-serif; font-size:8pt; padding-bottom:10px;">
                    <strong>
                        This message is intended ONLY to the initial recipient and may not be forwarded.
                    </strong>
                </div>
            </td>
        </tr>
    </table>
    <!-- footer end -->
</div>
<!--End Tile-->
</body>
</html>
