Split mode

Tab mode

Markdown mode

Главный шаблон

<!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="X-UA-Compatible" content="IE=edge" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
	<title>Alpari</title>
	<style type="text/css">
    .ReadMsgBody { width: 100%; background-color: #e5e8eb; }
    .ExternalClass { width: 100%; background-color: #e5e8eb; }
    .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }
    html { width: 100%; }
    body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; margin: 0; padding: 0; }
    table { border-spacing: 0; border-collapse: collapse; }
    table td { border-collapse: collapse; }
    .yshortcuts a { border-bottom: none !important; }
    img { display: block !important; }
    a { text-decoration: none; color: #a0cf50; }
    .visible_m {display: none !important;}
    .hidden{visibility: hidden;}
    .border-2 {border-right: 1px solid #cccccc;}
    .border-3 {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;}
    .hidden_m {visibility: visible;}
    
    /* Media Queries */    
    @media only screen and (max-width: 640px) {
      body { width: auto !important; }
      table[class="table600"] { width: 450px !important; }
      table[class="table-container"] { width: 90% !important; }
      table[class="container2-2"] { width: 47% !important; text-align: left !important; }
      table[class="full-width"] { width: 100% !important; text-align: center !important; }
      table[class="text-center-mobile"] { width: 100% !important; text-align: center !important; }
      img[class="img-full"] { width: 100% !important; height: auto !important; }
      .text-center-mobile { width: 100% !important; text-align: center !important; }
      .visible_m {display: block !important;}
      .hidden{visibility: visible !important;}
      .border-2 {width: 100%; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: none; border-right: none;}
      .border-3 {width: 100%; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: none; border-right: none;}
      .hidden_m {display: none; !important;}
      .padding-right-mobile {padding-right: 30px !important;}
    }

    @media only screen and (max-width: 479px) {
      body { width: auto !important; }
      table[class="table600"] { width: 359px !important; }
      table[class="table-container"] { width: 82% !important; }
      table[class="container2-2"] { width: 100% !important; text-align: left !important; }
      table[class="full-width"] { width: 100% !important; text-align: center !important; }
      img[class="img-full"] { width: 100% !important; }
      .visible_m {display: block !important;}
      .hidden{visibility: visible !important;}
      .title-small {font-size: 20px !important; line-height: 25px !important; padding: 30px 0 !important;}
      .padding-small {padding: 0 15px !important;}
      .padding-xsmall {padding: 0 5px !important;}
      .small-text {font-size: 15px !important; line-height: 20px !important;}
      .border-2 {width: 100%; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: none; border-right: none;}
      .border-3 {width: 100%; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: none; border-right: none;}
      .hidden_m {display: none; !important;}
      .padding-right-mobile {padding-right: 30px !important;}
    }
    
    @media only screen and (max-width: 320px) {
    table[class="table600"] { width: 300px !important; }
    .border-3 {width: 100%; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: none; border-right: none;}
    .hidden_m {display: none; !important;}
    .padding-right-mobile {padding-right: 30px !important;}
  }
  </style>
</head>
<body bgcolor="#e5e8eb" marginwidth="0" marginheight="0" fubon="fubon.pro" style="margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;" offset="0" topmargin="0" leftmargin="0">
<table bgcolor="#e5e8eb" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse:collapse;"><tr><td>

	<!--------------------------------------------
		Сюда добавляются модульные блоки письма
	--------------------------------------------->

</td></tr></table>
</body>
</html>