<div contenteditable="false" id= "{{ id }}" url= "{{ url }}" class="pm-preview-div" style="margin:0px; width: 100%; max-width: 450px !important;">
    <table class= "pm-preview-div-table" style="width: 100%; max-width: 450px; border-spacing:collapse; border: 2px #eeeeee solid; border-radius: 5px; font-family: 'Helvetica Neue', Helvetica, -apple-system, 'Lucida Grande', sans-serif;">
        <tr>
            {% if imageUrl %}
            <td style="width: 20%; max-width: 100px; padding: 10px;" valign="middle">
                <a class="pm-preview-anchor-wrap" href="{{ url }}" target="_blank" style="text-decoration: none; margin: 0px;"><img src="{{ imageUrl }}" style="max-width: 100px; max-height:80px; border: 0px;"></a>
            </td>
            {% endif %}
            <td style="padding: 0 0 0 5px;" valign="middle">
                <table style="width: 100%; padding-right: 5px;">
                    <tr>
                        <td style = "padding-right: 5px;"> <a href="{{ url }}" target="_blank" style="text-decoration: none; display: inline-block; margin:0px; font-size: 16px; color: #4a4a4a; padding-top:5px; padding-bottom: 5px; max-height:34px; overflow: hidden;"> {{ title }}</a> </td>
                        {% if freeUser %}
                        <td valign="bottom" rowspan="3" style= "width:15px;">
                            <a href="https://polymail.io/?utm_source=polymail&utm_medium=referral&utm_campaign=link-preview" target="_blank"><img src="https://welovepg.polymail.io/v1/img/link-preview/logo@3x.png" style='width:15px;'></a>
                        </td>
                        {% endif %}
                    </tr>
                    {% if description %}
                    <tr>
                        <td>
                            <a href="{{ url }}" target="_blank" style="text-decoration: none; font-size: 13px; color: #7E8F9F; line-height:1.3; margin-bottom: 5px; max-height: 32px; overflow: hidden; display: inline-block;"> {{ description }}
                            </a>
                        </td>
                    </tr>
                    {% endif %}
                    <tr>
                        <td style="padding-bottom: 4px;">
                            <a href= "{{ url }}" target="_blank" style="text-decoration: none; font-size: 12px; color: #7E8F9F; margin-bottom: 6px;" valign="bottom">
                                
                                {% if siteIcon %}
                                <img src= "{{siteIcon}}" style="width:15px; margin-right: 5px;" valign="bottom">
                                    {% endif %}
                                    {{ siteName }}
                                    </a>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</div>
