آموزش استفاده از mjml برای ساخت ایمیلهای واکنشگرا (جلسه 1) - مقدمه

ساخت وبلاگ

<!doctype html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title></title>

<style type="text/css">

  #outlook a { padding: 0; }

  .ReadMsgBody { width: 100%; }

  .ExternalClass { width: 100%; }

  .ExternalClass * { line-height:100%; }

  body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

  table, td { border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; }

  img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; }

  p { display: block; margin: 13px 0; }

</style>

<!--[if !mso]><!-->

<style type="text/css">

  @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);

</style>

<style type="text/css">

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

    @-ms-viewport { width:320px; }

    @viewport { width:320px; }

  }

</style>

<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">

<!--<![endif]-->

<style type="text/css">

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

    .mj-column-per-100, * [aria-labelledby="mj-column-per-100"] { width:100%!important; }

  }

</style>

</head>

<body>

  <div><!--[if mso]>

      <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;"><tr><td>

      <![endif]--><div style="margin:0 auto;max-width:600px;"><table cellpadding="0" cellspacing="0" style="font-size:0;width:100%;" align="center" border="0"><tbody><tr><td style="text-align:center;vertical-align:top;font-size:0;padding:20px 0;"><!--[if mso]>

      <table border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:600px;">

      <![endif]--><div aria-labelledby="mj-column-per-100" class="mj-column-per-100" style="vertical-align:top;display:inline-block;font-size:13px;text-align:left;width:100%;"><table cellpadding="0" cellspacing="0" width="100%" border="0"><tbody><tr><td style="word-break:break-word;font-size:0;padding:10px 25px;" align="left"><div style="cursor:auto;color:#000000;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:22px;">Hello World!</div></td></tr></tbody></table></div><!--[if mso]>

      </td></tr></table>

      <![endif]--></td></tr></tbody></table></div><!--[if mso]>

      </td></tr></table>

      <![endif]-->

      <!--[if mso]>

      <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;"><tr><td>

      <![endif]--><div></div><!--[if mso]>

      </td></tr></table>

      <![endif]--></div>

</body>

</html>

سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : آموزش استفاده از اسنپ چت,آموزش استفاده از توییتر,آموزش استفاده از,آموزش استفاده از snapchat,آموزش استفاده از اسپری تاخیری,آموزش استفاده از برنامه کرفس,آموزش استفاده از توالت فرنگی,آموزش استفاده از تلگرام,آموزش استفاده از لارجر باکس,آموزش استفاده از کاندوم, نویسنده : استخدام کار 7learn بازدید : 362 تاريخ : جمعه 16 مهر 1395 ساعت: 22:33

خبرنامه