<heml>
  <head>
    <subject>{{subject}}</subject>
    <style>
      /** 
      Online Editor : https://heml.io/editor/ 
      https://heml.io/docs/ 
       */ 

      body { background-color: #FFFFFF; color:#555555}
      a { color: #2BA6CB;}
      
      container#content { background-color: #efefef;margin-top:0em;border-radius:5px;padding:1em; }
      container#header {background-color: #ffffff;width:100%;padding:0;margin:0 auto;text-align:center;}
      container#footer {background-color: #ffffff;width:100%;padding:0;margin:10px auto 0 auto;text-align:center;}
      #main {	padding:1em;}
      button { background: orange; font-size: 24px; font-weight: bold;color: white; padding: 20px 20px; }		

      img a {border:none;}
      img {margin:1em;}
      
      h1 {
      	margin: 0 0 1em;
      	padding: 1em 0 0.2em;
      	font-size: 14px;
      	color: #222222;
      }
      #logo  {text-align:left;margin:5px 0 0 8px}
      #signature {text-align:right;font-weight:bold;font-size:12px;margin:0}
      #signature a { color: #2BA6CB;}
      
      
    </style>
  </head>
  <body>
    <container id="header"><h1>{{sitename}}</h1></container>
    <container id="content">
      <block>
        <div id="main">
          {{header}}
          {{body}}
				</div>	
      </block>
    </container>
    <container id="footer">
      <row>
        <column large="8" small="6"><p id="logo">{{logo}}</p></column>
        <column><p id="signature">{{footer}}</p></column>
      </row>
    </container>
  </body>
</heml>