<!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 content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <title>{{ siteSettings('siteName') }}</title>


    <!--[if gte mso 6]>
    <style>
        table.kmButtonBarContent {width:100% !important;}
    </style>
    <![endif]-->
    <style type="text/css">
        @media only screen and (max-width: 480px) {
            body, table, td, p, a, li, blockquote {
                -webkit-text-size-adjust: none !important;
            }
            body{
                width: 100% !important;
                min-width: 100% !important;
            }
            td[id=bodyCell] {
                padding: 10px !important;
            }
            table[class=kmTextContentContainer] {
                width: 100% !important;
            }
            table[class=kmBoxedTextContentContainer] {
                width: 100% !important;
            }
            td[class=kmImageContent] {
                padding-left: 0 !important;
                padding-right: 0 !important;
            }
            img[class=kmImage] {
                width:100% !important;
            }
            table[class=kmSplitContentLeftContentContainer],
            table[class=kmSplitContentRightContentContainer],
            table[class=kmColumnContainer] {
                width:100% !important;
            }
            table[class=kmSplitContentLeftContentContainer] td[class=kmTextContent],
            table[class=kmSplitContentRightContentContainer] td[class=kmTextContent],
            table[class="kmColumnContainer"] td[class=kmTextContent] {
                padding-top:9px !important;
            }
            td[class="rowContainer kmFloatLeft"],
            td[class="rowContainer kmFloatLeft firstColumn"],
            td[class="rowContainer kmFloatLeft lastColumn"] {
                float:left;
                clear: both;
                width: 100% !important;
            }
            table[id=templateContainer],
            table[class=templateRow],
            table[id=templateHeader],
            table[id=templateBody],
            table[id=templateFooter] {
                max-width:600px !important;
                width:100% !important;
            }

            h1 {
                font-size:24px !important;
                line-height:100% !important;
            }


            h2 {
                font-size:20px !important;
                line-height:100% !important;
            }


            h3 {
                font-size:18px !important;
                line-height:100% !important;
            }


            h4 {
                font-size:16px !important;
                line-height:100% !important;
            }


            td[class=rowContainer] td[class=kmTextContent] {
                font-size:18px !important;
                line-height:100% !important;
                padding-right:18px !important;
                padding-left:18px !important;
            }


            td[class=headerContainer] td[class=kmTextContent] {
                font-size:18px !important;
                line-height:100% !important;
                padding-right:18px !important;
                padding-left:18px !important;
            }


            td[class=bodyContainer] td[class=kmTextContent] {
                font-size:18px !important;
                line-height:100% !important;
                padding-right:18px !important;
                padding-left:18px !important;
            }


            td[class=footerContent] {
                font-size:18px !important;
                line-height:100% !important;
            }

            td[class=footerContent] a {
                display:block !important;
            }
        }
    </style>

</head>
<body style="margin: 0; padding: 0; background-color: #F6F6F6">
<center>
    <table align="center" border="0" cellpadding="0" cellspacing="0" id="bodyTable" width="100%" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; padding: 0; background-color: #F6F6F6; height: 100%; margin: 0; width: 100%">
        <tbody>
        <tr>
            <td align="center" id="bodyCell" valign="top" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; padding-top: 50px; padding-left: 20px; padding-bottom: 20px; padding-right: 20px; border-top: 0; height: 100%; margin: 0; width: 100%">
                <table border="0" cellpadding="0" cellspacing="0" id="templateContainer" width="700" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; border: 1px solid #F0F0F0; background-color: #FFF">
                    <tbody>
                    <tr>
                        <td align="center" valign="top" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0">
                            <table border="0" cellpadding="0" cellspacing="0" class="templateRow" width="100%" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0">
                                <tbody>
                                <tr>
                                    <td class="rowContainer kmFloatLeft" valign="top" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0">
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td align="center" valign="top" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0">
                            <table border="0" cellpadding="0" cellspacing="0" class="templateRow" width="100%" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0">
                                <tbody>
                                <tr>
                                    <td class="rowContainer kmFloatLeft" valign="top" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0">
                                        <table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" width="100%" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0">
                                            <tbody class="kmTextBlockOuter">
                                            <tr>
                                                <td class="kmTextBlockInner" valign="top" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; ">
                                                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTextContentContainer" width="100%" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0">
                                                        <tbody>
                                                        <tr>
                                                            <td class="kmTextContent" valign="top" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; color: #505050; font-family: Helvetica; font-size: 14px; line-height: 150%; text-align: left; padding-top:9px;padding-bottom:9px;padding-left:18px;padding-right:18px;">
                                                                <h1 style="color: #202020; display: block; font-family: Helvetica; font-size: 26px; font-style: normal; font-weight: bold; line-height: 200%; letter-spacing: normal; margin: 0; margin-bottom: 0; text-align: left">{{ siteSettings('siteName') }}</h1>
                                                                <h2 style="color: #606060; display: block; font-family: Helvetica; font-size: 18px; font-style: italic; font-weight: normal; line-height: 110%; letter-spacing: normal; margin: 0; margin-bottom: 20px; text-align: left">Notification:Comment</h2>
                                                                <h3 style="color: #666; display: block; font-family: Helvetica; font-size: 16px; font-style: normal; font-weight: normal; line-height: 110%; letter-spacing: normal; margin: 0; margin-bottom: 9px; text-align: left">You have new comment on your image <a href="{{ $link }}">{{ $link }}</a></h3>
                                                                <p style="margin: 0; padding-bottom: 1em">From: <strong>{{ $from }}</strong></p>
                                                                <p style="margin: 0; padding-bottom: 0"><em>{{ $comment }}</em></p>
                                                            </td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                        <table border="0" cellpadding="0" cellspacing="0" width="100%" class="kmDividerBlock" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0">
                                            <tbody class="kmDividerBlockOuter">
                                            <tr>
                                                <td class="kmDividerBlockInner" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; padding-top:10px;padding-bottom:2px;padding-left:0px;padding-right:0px;">
                                                    <table class="kmDividerContent" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; border-top-width:1px;border-top-style:dashed;border-top-color:#ccc;">
                                                        <tbody>
                                                        <tr><td style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0"><span></span></td></tr>
                                                        </tbody>
                                                    </table>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                        <table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" width="100%" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0">
                                            <tbody class="kmTextBlockOuter">
                                            <tr>
                                                <td class="kmTextBlockInner" valign="top" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; ">
                                                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTextContentContainer" width="100%" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0">
                                                        <tbody>
                                                        <tr>
                                                            <td class="kmTextContent" valign="top" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; color: #505050; font-family: Helvetica; font-size: 14px; line-height: 150%; text-align: left; font-size:11px;color:#a9a9a9;padding-bottom:9px;text-align:center;padding-right:18px;padding-left:18px;padding-top:9px;">
                                                                <p style="margin: 0; padding-bottom: 1em">Copyright © {{ date("Y") }} {{ siteSettings('siteName') }}, All rights reserved.</p>
                                                                <p style="margin: 0; padding-bottom: 0">Your can unsubscribe from these mails by visiting your profile settings.​</p>
                                                            </td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </td>
        </tr>
        </tbody>
    </table>
</center>
</body>
</html>