<!DOCTYPE html>
<html lang="en">
<head>
    <title>Salted | A Responsive Email Template</title>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <style type="text/css">
    /* CLIENT-SPECIFIC STYLES */
        #outlook a { padding: 0; }

        /* Force Outlook to provide a "view in browser" message */

        .ReadMsgBody { width: 100%; }

        .ExternalClass { width: 100%; }

        /* Force Hotmail to display emails at full width */

        .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }

        /* Force Hotmail to display normal line spacing */

        body, table, td, a {
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
        }

        /* Prevent WebKit and Windows mobile changing default text sizes */

        table, td {
            mso-table-lspace: 0pt;
            mso-table-rspace: 0pt;
        }

        /* Remove spacing between tables in Outlook 2007 and up */

        img { -ms-interpolation-mode: bicubic; }

        /* Allow smoother rendering of resized image in Internet Explorer */

        /* RESET STYLES */

        body {
            margin: 0;
            padding: 0;
        }

        img {
            border: 0;
            height: auto;
            line-height: 100%;
            outline: none;
            text-decoration: none;
        }

        table { border-collapse: collapse !important; }

        body {
            height: 100% !important;
            margin: 0;
            padding: 0;
            width: 100% !important;
        }

        /* iOS BLUE LINKS */

        .appleBody a {
            color: #68440a;
            text-decoration: none;
        }

        .appleFooter a {
            color: #999999;
            text-decoration: none;
        }

        /* MOBILE STYLES */

        @media screen and (max-width: 525px) {
            /* ALLOWS FOR FLUID TABLES */
            table[class="wrapper"] { width: 100% !important; }

            /* ADJUSTS LAYOUT OF LOGO IMAGE */
            td[class="logo"] {
                padding: 20px 0 20px 0 !important;
                text-align: left;
            }

            td[class="logo"] img { margin: 0 auto !important; }

            /* USE THESE CLASSES TO HIDE CONTENT ON MOBILE */
            td[class="mobile-hide"] { display: none; }

            img[class="mobile-hide"] { display: none !important; }

            img[class="img-max"] {
                height: auto !important;
                max-width: 100% !important;
            }

            /* FULL-WIDTH TABLES */
            table[class="responsive-table"] { width: 100% !important; }

            /* UTILITY CLASSES FOR ADJUSTING PADDING ON MOBILE */
            td[class="padding"] { padding: 10px 5% 15px 5% !important; }

            td[class="padding-copy"] {
                padding: 10px 5% 10px 5% !important;
                text-align: center;
            }

            td[class="padding-meta"] {
                padding: 30px 5% 0px 5% !important;
                text-align: center;
            }

            td[class="no-pad"] { padding: 0 0 20px 0 !important; }

            td[class="no-padding"] { padding: 0 !important; }

            td[class="section-padding"] { padding: 50px 15px 50px 15px !important; }

            td[class="section-padding-bottom-image"] { padding: 50px 15px 0 15px !important; }

            /* ADJUST BUTTONS ON MOBILE */
            td[class="mobile-wrapper"] { padding: 10px 5% 15px 5% !important; }

            table[class="mobile-button-container"] {
                margin: 0 auto;
                width: 100% !important;
            }

            a[class="mobile-button"] {
                border: 0 !important;
                font-size: 16px !important;
                padding: 15px !important;
                width: 80% !important;
            }
        }
    </style>
</head>
<body style="margin: 0; padding: 0;">


<!-- ONE COLUMN SECTION -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tbody><tr>
        <td bgcolor="#ffffff" align="center" style="padding: 70px 15px 70px 15px;" class="section-padding">
            <table border="0" cellpadding="0" cellspacing="0" width="500" class="responsive-table">
                <tbody><tr>
                    <td>
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tbody><tr>
                                <td>
                                    <!-- HERO IMAGE -->
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tbody>
                                        <tr>
                                            <td class="padding-copy">
                                                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                    <tbody><tr>
                                                        <td>
                                                            <a href="http://btoman.ir/" target="_blank">
                                                                <img src="https://btoman.ir/img/vemail.jpg" width="500" height="200" border="0" alt="کد فعال سازی شما" style="color: #666666; display: block; font-family: Helvetica, arial, sans-serif; font-size: 16px; height: 200px; padding: 0; text-decoration: none; width: 500px;" class="img-max">
                                                            </a>
                                                        </td>
                                                    </tr>
                                                </tbody></table>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <!-- COPY -->
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tbody><tr>
                                            <td align="center" style="color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 25px; padding-top: 30px;" class="padding-copy">کد فعال سازی ایمیل شما</td>
                                        </tr>
                                        <tr>
                                            <td align="center" style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; padding: 20px 0 0 0;" class="padding-copy"></td>
                                        </tr>
                                    </tbody></table>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <!-- BULLETPROOF BUTTON -->
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="mobile-button-container">
                                        <tbody><tr>
                                            <td align="center" style="padding: 25px 0 0 0;" class="padding-copy">
                                                <table border="0" cellspacing="0" cellpadding="0" class="responsive-table">
                                                    <tbody><tr>
                                                        <td align="center">
                                                            <a href="#" target="_blank" style="-moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #5D9CEC; border-bottom: 15px solid #5D9CEC; border-left: 25px solid #5D9CEC; border-radius: 3px; border-right: 25px solid #5D9CEC; border-top: 15px solid #5D9CEC; color: #ffffff; display: inline-block; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; text-decoration: none;" class="mobile-button">VerificationCode</a>
                                                        </td>
                                                    </tr>
                                                </tbody></table>
                                            </td>
                                        </tr>
                                    </tbody></table>
                                </td>
                            </tr>
                        </tbody></table>
                    </td>
                </tr>
            </tbody></table>
        </td>
    </tr>
</tbody></table>




</body>
</html>